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/desktop-shell/Desktop.svelte

@@ -45,7 +45,9 @@
   // field.
   function onWindowKeydown(e: KeyboardEvent) {
     const target = e.target as HTMLElement | null
-    const editable = !!target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable)
+    const editable =
+      !!target &&
+      (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable)
     if (editable) return
     if (!(e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== 'z') return
     e.preventDefault()
@@ -84,7 +86,11 @@
 <div class="fixed inset-0 flex flex-col">
   <div class="relative min-h-0 flex-1 overflow-hidden" role="presentation">
     {#if bgActive}
-      <div class="pointer-events-none absolute inset-0 z-0 overflow-hidden" aria-hidden="true" style={bgOuterStyle}>
+      <div
+        class="pointer-events-none absolute inset-0 z-0 overflow-hidden"
+        aria-hidden="true"
+        style={bgOuterStyle}
+      >
         <div class="absolute" style={bgInnerStyle}></div>
       </div>
     {/if}
@@ -97,9 +103,7 @@
            old `currentTarget === target` event check. Left-click on bare
            desktop blurs the focused window (the familiar "click empty
            desktop to deselect" affordance). -->
-      <ContextMenu.Trigger
-        class="absolute inset-0 z-0"
-        onclick={() => wm.blur()}
+      <ContextMenu.Trigger class="absolute inset-0 z-0" onclick={() => wm.blur()}
       ></ContextMenu.Trigger>
       <ContextMenu.Content class="min-w-48">
         <ContextMenu.Item onSelect={() => wm.arrange('cascade')}>

web/src/lib/components/desktop-shell/DesktopIcon.svelte

@@ -88,10 +88,14 @@
   onkeydown={onKeydown}
   title={app.title}
 >
-  <span class="relative flex size-10 items-center justify-center rounded-xl border bg-card/80 text-foreground shadow-sm backdrop-blur">
+  <span
+    class="relative flex size-10 items-center justify-center rounded-xl border bg-card/80 text-foreground shadow-sm backdrop-blur"
+  >
     <app.icon class="size-5" />
     {#if badge > 0}
-      <span class="absolute -right-1.5 -top-1.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] font-semibold text-destructive-foreground">
+      <span
+        class="absolute -right-1.5 -top-1.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] font-semibold text-destructive-foreground"
+      >
         {badge > 99 ? '99+' : badge}
       </span>
     {/if}

web/src/lib/components/desktop-shell/LazyApp.svelte

@@ -29,7 +29,9 @@
   {@const C = mod.default}
   <C />
 {:catch error}
-  <div class="flex h-full min-h-0 items-center justify-center p-4 text-center text-sm text-destructive">
+  <div
+    class="flex h-full min-h-0 items-center justify-center p-4 text-center text-sm text-destructive"
+  >
     Failed to load app: {(error as Error).message}
   </div>
 {/await}

web/src/lib/components/desktop-shell/NewTaskChat.svelte

@@ -22,7 +22,7 @@
   messages={[]}
   streaming={false}
   connectionState="connected"
-  onSend={onSend}
+  {onSend}
   onCancel={() => {}}
   onReconnect={() => {}}
   onDismissError={() => {}}

web/src/lib/components/desktop-shell/TaskLauncher.svelte

@@ -53,7 +53,8 @@
       class="max-h-52 min-h-24 resize-none field-sizing-fixed border-0 bg-transparent px-4 py-3.5 text-base shadow-none focus-visible:ring-0"
     />
     <div class="flex items-center justify-between px-3 pb-3">
-      <span class="text-[11px] text-muted-foreground">Enter to start · Shift+Enter for newline</span>
+      <span class="text-[11px] text-muted-foreground">Enter to start · Shift+Enter for newline</span
+      >
       <Button type="submit" size="icon" disabled={!input.trim()} aria-label="Start task">
         <ArrowUpIcon />
       </Button>

web/src/lib/components/desktop-shell/Taskbar.svelte

@@ -51,7 +51,6 @@
       wm.focus(id)
     }
   }
-
 </script>
 
 <div class="flex h-11 shrink-0 items-center gap-1.5 border-t bg-muted/30 px-2">
@@ -77,14 +76,19 @@
           class="flex h-8 max-w-56 items-center gap-1.5 rounded-md border px-2 font-mono text-xs transition-colors {$wmState.focusedId ===
             win.id && win.stage !== 'minimized'
             ? 'border-primary/50 bg-primary/10 text-foreground'
-            : 'border-transparent bg-card/60 text-muted-foreground hover:bg-muted'} {win.stage === 'minimized' ? 'opacity-60' : ''}"
+            : 'border-transparent bg-card/60 text-muted-foreground hover:bg-muted'} {win.stage ===
+          'minimized'
+            ? 'opacity-60'
+            : ''}"
           onclick={() => toggle(win.id, win)}
           title={win.title}
         >
           {#if Icon}<Icon class="size-3.5 shrink-0" />{/if}
           <span class="min-w-0 truncate">{truncateMiddle(win.title, 26)}</span>
           {#if badge > 0}
-            <span class="flex h-3.5 min-w-3.5 shrink-0 items-center justify-center rounded-full bg-destructive px-1 text-[9px] font-semibold text-destructive-foreground">
+            <span
+              class="flex h-3.5 min-w-3.5 shrink-0 items-center justify-center rounded-full bg-destructive px-1 text-[9px] font-semibold text-destructive-foreground"
+            >
               {badge > 99 ? '99+' : badge}
             </span>
           {/if}

web/src/lib/components/desktop-shell/WindowLayer.svelte

@@ -9,7 +9,14 @@
   //   session:<id>  -> SessionChatWindow (windows.ts openTaskWindow)
   //   new-task      -> NewTaskChat (windows.ts openNewTaskWindow)
   //   anything else -> entity slug -> EntityDetailContent
-  import { wm, dk, wmState, openEntityWindow, NEW_TASK_WINDOW_ID, SESSION_PREFIX } from '$lib/stores/windows'
+  import {
+    wm,
+    dk,
+    wmState,
+    openEntityWindow,
+    NEW_TASK_WINDOW_ID,
+    SESSION_PREFIX
+  } from '$lib/stores/windows'
   import { appById, appIdFromWindowId } from '$lib/apps'
   import EntityDetailContent from '../EntityDetailContent.svelte'
   import SessionChatWindow from '../SessionChatWindow.svelte'
@@ -57,8 +64,15 @@
     {@const app = appId ? $appById.get(appId) : undefined}
     {#if win && (!appId || app)}
       <section use:dk.window={{ id }} class="min-w-0" aria-label={win.title}>
-        <header data-wm-drag class="flex shrink-0 cursor-move items-center justify-between gap-2 border-b bg-muted/40 px-3 py-1.5">
-          <span data-wm-title class="flex min-w-0 flex-1 items-center self-stretch truncate font-mono text-xs font-medium">{win.title}</span>
+        <header
+          data-wm-drag
+          class="flex shrink-0 cursor-move items-center justify-between gap-2 border-b bg-muted/40 px-3 py-1.5"
+        >
+          <span
+            data-wm-title
+            class="flex min-w-0 flex-1 items-center self-stretch truncate font-mono text-xs font-medium"
+            >{win.title}</span
+          >
           <div class="flex shrink-0 items-center gap-0.5">
             <button
               type="button"