Fix web UI type errors: use correct Badge variant names

Author: RaghavChamadiya

packages/web/src/components/chat/artifact-panel.tsx

@@ -139,11 +139,11 @@ function ArtifactRenderer({ artifact }: { artifact: Artifact }) {
               <div className="text-[10px] text-[var(--color-text-tertiary)] mt-0.5">
                 {r.page_type as string} · score: {((r.relevance_score as number) ?? 0).toFixed(2)}
               </div>
-              {r.snippet && (
+              {r.snippet ? (
                 <p className="text-xs text-[var(--color-text-secondary)] mt-1 line-clamp-3">
                   {r.snippet as string}
                 </p>
-              )}
+              ) : null}
             </div>
           ))}
           {results.length === 0 && (

packages/web/src/components/decisions/decision-detail.tsx

@@ -5,10 +5,10 @@ import { Badge } from "@/components/ui/badge";
 import { patchDecision } from "@/lib/api/decisions";
 import type { DecisionRecordResponse } from "@/lib/api/types";
 
-const STATUS_VARIANT: Record<string, "default" | "secondary" | "destructive" | "outline"> = {
-  active: "default",
-  proposed: "secondary",
-  deprecated: "destructive",
+const STATUS_VARIANT: Record<string, "default" | "fresh" | "stale" | "outdated" | "outline" | "accent"> = {
+  active: "fresh",
+  proposed: "accent",
+  deprecated: "outdated",
   superseded: "outline",
 };
 

packages/web/src/components/decisions/decision-health-widget.tsx

@@ -27,12 +27,10 @@ export function DecisionHealthWidget({ repoId }: DecisionHealthWidgetProps) {
       <StatCard
         label="Proposed"
         value={summary.proposed}
-        variant={summary.proposed > 0 ? "warning" : "default"}
       />
       <StatCard
         label="Stale"
         value={summary.stale}
-        variant={summary.stale > 0 ? "danger" : "default"}
       />
     </div>
   );

packages/web/src/components/decisions/decisions-table.tsx

@@ -7,10 +7,10 @@ import { Badge } from "@/components/ui/badge";
 import { listDecisions } from "@/lib/api/decisions";
 import type { DecisionRecordResponse } from "@/lib/api/types";
 
-const STATUS_VARIANT: Record<string, "default" | "secondary" | "destructive" | "outline"> = {
-  active: "default",
-  proposed: "secondary",
-  deprecated: "destructive",
+const STATUS_VARIANT: Record<string, "default" | "fresh" | "stale" | "outdated" | "outline" | "accent"> = {
+  active: "fresh",
+  proposed: "accent",
+  deprecated: "outdated",
   superseded: "outline",
 };
 

packages/web/src/components/repos/repo-settings-form.tsx

@@ -119,7 +119,7 @@ export function RepoSettingsForm({ repo }: RepoSettingsFormProps) {
         <div className="flex items-center gap-2">
           <span className="text-sm font-medium">Excluded Paths</span>
           {patterns.length > 0 && (
-            <Badge variant="secondary" className="text-xs">
+            <Badge variant="accent" className="text-xs">
               {patterns.length} active
             </Badge>
           )}