style(web): fix prettier config, format entire web/ tree

.prettierrc.json was missing "semi": false, so prettier wanted to add
semicolons to a codebase written without them (763 semicolon-free
statements vs. 150 with, in hand-written .ts; zero hand-written .svelte
files use them at all). That's why prettier --check failed on 249 files
— not because the code was unformatted, but because the config didn't
match the actual house style. Added "semi": false; left printWidth/etc
as configured (printWidth barely moves the failure count: 218/213/212
files at 100/120/140).

Ran `prettier --write .` with the corrected config. Verified
semantics-preserving before and after:
- eslint: 142 problems both before and after, byte-identical
- build passes, 38/38 tests pass
- token-stream diff (whitespace/semicolons/quotes normalized) on all
  218 changed files: only 52 had any remaining token change, all either
  trailing-comma removal (matching trailingComma: "none") or import/
  ternary reflow — no semantic changes
- live smoke test: Knowledge, Tasks, Fleet map, and a chat window
  (AgentTrace, markdown, Scope graph, activity rail) all render
  correctly, no console errors

Most of the diff is shadcn/ui vendor files (lib/components/ui/) moving
from the CLI's own style (double quotes, tabs, semicolons) to house
style; re-running `shadcn-svelte add` on a component will need a
follow-up format pass.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

web/src/lib/components/data-table/DataTable.svelte

@@ -17,11 +17,11 @@
   type Row = Record<string, any>
 
   const renderers: Record<string, unknown> = {
-    'badge': BadgeRenderer,
+    badge: BadgeRenderer,
     'health-dot': HealthDotRenderer,
     'relative-time': RelativeTimeRenderer,
-    'date': DateRenderer,
-    'status-badge': StatusBadgeRenderer,
+    date: DateRenderer,
+    'status-badge': StatusBadgeRenderer
   }
 
   let {
@@ -119,7 +119,11 @@
 <div class={['flex flex-col h-full min-h-0', className].filter(Boolean).join(' ')}>
   <Toolbar {table} {searchable} {paginated} onSearchChange={handleSearch} {children} />
 
-  <div class={['flex flex-col min-h-0 flex-1', bordered ? 'rounded-xl border' : ''].filter(Boolean).join(' ')}>
+  <div
+    class={['flex flex-col min-h-0 flex-1', bordered ? 'rounded-xl border' : '']
+      .filter(Boolean)
+      .join(' ')}
+  >
     <table class="w-full caption-bottom text-sm table-fixed">
       <thead class="[&_tr]:border-b">
         <tr>
@@ -130,7 +134,9 @@
                 'bg-card/95',
                 col.headerClass,
                 colAlignClass(col)
-              ].filter(Boolean).join(' ')}
+              ]
+                .filter(Boolean)
+                .join(' ')}
               style={colStyle(col)}
             >
               {#if col.sortable !== false}
@@ -156,8 +162,17 @@
             {#each skeletonWidths as w, i}
               <tr class="border-b transition-colors hover:bg-transparent">
                 {#each visibleCols as col (col.key)}
-                  <td class={[col.class, colAlignClass(col), colTruncateClass(col)].filter(Boolean).join(' ')} style={colStyle(col)}>
-                    <Skeleton class="h-4 {skeletonWidths[(i + visibleCols.indexOf(col)) % skeletonWidths.length]}" />
+                  <td
+                    class={[col.class, colAlignClass(col), colTruncateClass(col)]
+                      .filter(Boolean)
+                      .join(' ')}
+                    style={colStyle(col)}
+                  >
+                    <Skeleton
+                      class="h-4 {skeletonWidths[
+                        (i + visibleCols.indexOf(col)) % skeletonWidths.length
+                      ]}"
+                    />
                   </td>
                 {/each}
               </tr>
@@ -171,11 +186,18 @@
                   'border-b transition-colors hover:bg-muted/50',
                   onRowClick ? 'cursor-pointer' : '',
                   selected === (row.id ?? row.slug) ? 'bg-muted' : ''
-                ].filter(Boolean).join(' ')}
+                ]
+                  .filter(Boolean)
+                  .join(' ')}
                 tabindex={onRowClick ? 0 : undefined}
                 onclick={onRowClick ? () => onRowClick(row) : undefined}
                 onkeydown={onRowClick
-                  ? (e: KeyboardEvent) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); onRowClick(row) } }
+                  ? (e: KeyboardEvent) => {
+                      if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault()
+                        onRowClick(row)
+                      }
+                    }
                   : undefined}
               >
                 {#each visibleCols as col (col.key)}
@@ -186,19 +208,21 @@
                       col.class,
                       colAlignClass(col),
                       colTruncateClass(col)
-                    ].filter(Boolean).join(' ')}
+                    ]
+                      .filter(Boolean)
+                      .join(' ')}
                     style={colStyle(col)}
                   >
                     {#if typeof col.render === 'string'}
                       {@const R = renderers[col.render]}
                       {#if R}
                         <!-- eslint-disable-next-line @typescript-eslint/no-explicit-any -->
-                        <R value={val} {row} {...(col.renderProps ?? {})} />
+                        <R value={val} {row} {...col.renderProps ?? {}} />
                       {:else}
                         {String(val ?? '—')}
                       {/if}
                     {:else if typeof col.render === 'function'}
-                      <col.render {row} value={val} {...(col.renderProps ?? {})} />
+                      <col.render {row} value={val} {...col.renderProps ?? {}} />
                     {:else}
                       {String(val ?? '—')}
                     {/if}

web/src/lib/components/data-table/pagination/RowsPerPage.svelte

@@ -2,7 +2,10 @@
   import * as Select from '$lib/components/ui/select'
   import type { TableHandler } from '@vincjo/datatables'
 
-  let { table, class: className }: { table: TableHandler<Record<string, unknown>>; class?: string } = $props()
+  let {
+    table,
+    class: className
+  }: { table: TableHandler<Record<string, unknown>>; class?: string } = $props()
 
   const options = [10, 20, 50, 100]
   let value = $state('20')

web/src/lib/components/data-table/renderers/ApprovalActions.svelte

@@ -16,6 +16,13 @@
 </script>
 
 <div class="flex justify-end gap-2">
-  <Button size="sm" disabled={deciding === row.id} onclick={() => onApprove?.(row.id)}>Approve</Button>
-  <Button size="sm" variant="destructive" disabled={deciding === row.id} onclick={() => onDeny?.(row.id)}>Deny</Button>
+  <Button size="sm" disabled={deciding === row.id} onclick={() => onApprove?.(row.id)}
+    >Approve</Button
+  >
+  <Button
+    size="sm"
+    variant="destructive"
+    disabled={deciding === row.id}
+    onclick={() => onDeny?.(row.id)}>Deny</Button
+  >
 </div>

web/src/lib/components/data-table/renderers/BadgeRenderer.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
   import { Badge, type BadgeVariant } from '$lib/components/ui/badge'
 
-  let { value, variant = 'outline' as BadgeVariant }: { value: unknown; variant?: BadgeVariant } = $props()
+  let { value, variant = 'outline' as BadgeVariant }: { value: unknown; variant?: BadgeVariant } =
+    $props()
 </script>
 
 <Badge {variant}>{String(value ?? '—')}</Badge>

web/src/lib/components/data-table/renderers/HealthDotRenderer.svelte

@@ -23,7 +23,7 @@
 </script>
 
 {#if health}
-  <span class="flex items-center gap-1.5 text-xs" title={title}>
+  <span class="flex items-center gap-1.5 text-xs" {title}>
     <span class="size-2 shrink-0 rounded-full {dot[row.health ?? ''] ?? ''}"></span>
     <span class="text-muted-foreground">{relativeTime(lastCheck)}</span>
   </span>

web/src/lib/components/data-table/renderers/SignalActions.svelte

@@ -19,8 +19,13 @@
 
 <div class="flex justify-end gap-2">
   {#if row.state === 'raised'}
-    <Button size="sm" variant="outline" disabled={acting === row.id} onclick={() => onAck?.(row.id)}>Ack</Button>
+    <Button size="sm" variant="outline" disabled={acting === row.id} onclick={() => onAck?.(row.id)}
+      >Ack</Button
+    >
   {/if}
-  <Button size="sm" variant="outline" disabled={acting === row.id} onclick={() => onMute?.(row.id)}>Mute 1h</Button>
-  <Button size="sm" disabled={acting === row.id} onclick={() => onResolve?.(row.id)}>Resolve</Button>
+  <Button size="sm" variant="outline" disabled={acting === row.id} onclick={() => onMute?.(row.id)}
+    >Mute 1h</Button
+  >
+  <Button size="sm" disabled={acting === row.id} onclick={() => onResolve?.(row.id)}>Resolve</Button
+  >
 </div>

web/src/lib/components/data-table/renderers/StatusBadgeRenderer.svelte

@@ -1,21 +1,28 @@
 <script lang="ts">
   import { Badge } from '$lib/components/ui/badge'
 
-  let { value, kind = 'default' }: { value: unknown; kind?: 'risk' | 'severity' | 'execution' | 'state' | 'type' | 'default' } = $props()
+  let {
+    value,
+    kind = 'default'
+  }: { value: unknown; kind?: 'risk' | 'severity' | 'execution' | 'state' | 'type' | 'default' } =
+    $props()
 
   const v = $derived(String(value ?? ''))
 
-  const variantMap: Record<string, Record<string, 'default' | 'secondary' | 'destructive' | 'outline'>> = {
+  const variantMap: Record<
+    string,
+    Record<string, 'default' | 'secondary' | 'destructive' | 'outline'>
+  > = {
     risk: {
       destructive: 'destructive',
       config_mutation: 'secondary',
-      default: 'default',
+      default: 'default'
     },
     severity: {
       critical: 'destructive',
       warning: 'secondary',
       info: 'default',
-      default: 'default',
+      default: 'default'
     },
     execution: {
       failed: 'destructive',
@@ -25,19 +32,19 @@
       completed: 'default',
       running: 'secondary',
       approved: 'secondary',
-      default: 'outline',
+      default: 'outline'
     },
     state: {
       active: 'default',
       healthy: 'default',
-      default: 'outline',
+      default: 'outline'
     },
     type: {
       runbook: 'secondary',
       investigation: 'default',
-      default: 'outline',
+      default: 'outline'
     },
-    default: { default: 'default' },
+    default: { default: 'default' }
   }
 
   const variant = $derived.by(() => {