feat(web): operator questions inline in chat, mascot reactions scoped to the focused task

The pending operator-question card now renders inline in ChatThread (the
newest thing in the conversation) instead of in the context rail — it's
part of the chat, not a separate side panel, and the panel's hasContext
gate no longer needs to special-case it.

The desktop mascot's reactions are now entirely about whichever task
window has focus, not fleet-wide events: thinking/talking is a new
continuous `busy` behavior that tracks the focused session's own
streaming state (thinking before any text arrives, talking once it
does — using the previously-unwired peep/talk sprite), eureka fires with
the actual knowledge title that was recorded, happy fires with the
task's own completion summary, and alarmed now means "this task needs
your OK" (an operator question was raised) rather than a fleet-wide
critical/signal event.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

web/src/lib/components/ChatThread.svelte

@@ -11,6 +11,7 @@
   import { Textarea } from '$lib/components/ui/textarea'
   import Spinner from './Spinner.svelte'
   import ToolCallCard from './ToolCallCard.svelte'
+  import OperatorQuestion from './OperatorQuestion.svelte'
   import CornerDownLeftIcon from '@lucide/svelte/icons/corner-down-left'
   import CheckIcon from '@lucide/svelte/icons/check'
   import XIcon from '@lucide/svelte/icons/x'
@@ -19,6 +20,7 @@
   import { marked } from 'marked'
   import DOMPurify from 'dompurify'
   import type { ChatMessage } from '$lib/stores/chat'
+  import type { SessionQuestion } from '$lib/api'
 
   let {
     messages,
@@ -31,7 +33,9 @@
     onReconnect,
     onDismissError,
     suggestions = [],
-    activityLog: activityLogProp = activityLog
+    activityLog: activityLogProp = activityLog,
+    sessionId = null,
+    question = null
   }: {
     messages: ChatMessage[]
     streaming: boolean
@@ -44,6 +48,10 @@
     onDismissError: (id: string) => void
     suggestions?: string[]
     activityLog?: Readable<ActivityEntry[]>
+    /** Session this thread's pending question (below) should post its answer against — see OperatorQuestion.svelte. */
+    sessionId?: string | null
+    /** The session's open operator question, if any — rendered as an inline card at the end of the thread (the newest thing, blocking the agent until answered). */
+    question?: SessionQuestion | null
   } = $props()
 
   let input = $state('')
@@ -121,9 +129,11 @@
     scrolledUp = !isNearBottom()
   }
 
-  // Auto-scroll to bottom on new messages — unless user scrolled up to read.
+  // Auto-scroll to bottom on new messages (or a freshly-raised question) —
+  // unless user scrolled up to read.
   $effect(() => {
     void messages
+    void question
     if (streaming || !scrolledUp) {
       setTimeout(() => messagesEnd?.scrollIntoView({ behavior: 'smooth' }), 50)
     }
@@ -246,6 +256,9 @@
           {/if}
         </div>
       {/each}
+      {#if question}
+        <OperatorQuestion {sessionId} {question} />
+      {/if}
       <div bind:this={messagesEnd}></div>
     </div>
   </div>

web/src/lib/components/OperatorQuestion.svelte

@@ -26,7 +26,7 @@
 
 {#if question}
   {@const q = question}
-  <div class="flex shrink-0 flex-col gap-2 border-b bg-warning/5 px-3 py-2.5">
+  <div class="flex flex-col gap-2 rounded-2xl border border-warning/30 bg-warning/5 px-3.5 py-3">
     <div class="flex items-start gap-2">
       <CircleHelpIcon class="mt-0.5 size-4 shrink-0 text-warning" />
       <div class="min-w-0 flex-1">

web/src/lib/components/SessionChatWindow.svelte

@@ -42,12 +42,14 @@
   // The context rail (Scope/Activity) is only worth its screen space once
   // there's something in it — a brand-new task otherwise opens to an empty
   // "entities appear here" placeholder next to an equally empty activity
-  // list. Show it the moment any of the three has real content, and keep it
-  // shown from then on (no flicker back to hidden if e.g. touched entities
-  // later expire).
+  // list. Show it the moment either has real content, and keep it shown
+  // from then on (no flicker back to hidden if e.g. touched entities later
+  // expire). An open question does NOT gate this anymore — it renders
+  // inline in the chat thread itself (see ChatThread's `question` prop
+  // below), not in this rail.
   let hasContext = $state(false)
   $effect(() => {
-    if (!hasContext && ($sessionActivityLog.length > 0 || $touchedEntities.length > 0 || $openQuestion !== null)) {
+    if (!hasContext && ($sessionActivityLog.length > 0 || $touchedEntities.length > 0)) {
       hasContext = true
     }
   })
@@ -91,6 +93,8 @@
           error={$chatError}
           chatErrors={$chatErrors}
           activityLog={sessionActivityLog}
+          {sessionId}
+          question={$openQuestion}
           onSend={(text) => sendSessionMessage(sessionId, text)}
           onCancel={() => cancelSessionStream(sessionId)}
           onReconnect={() => loadSessionChat(sessionId)}
@@ -109,6 +113,8 @@
       error={$chatError}
       chatErrors={$chatErrors}
       activityLog={sessionActivityLog}
+      {sessionId}
+      question={$openQuestion}
       onSend={(text) => sendSessionMessage(sessionId, text)}
       onCancel={() => cancelSessionStream(sessionId)}
       onReconnect={() => loadSessionChat(sessionId)}

web/src/lib/components/TaskContextPanel.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
   import { onMount } from 'svelte'
   import { Pane, Splitpanes } from 'svelte-splitpanes'
-  import { startWorkspace, planSteps, currentTask, openQuestion, touched, healthDiffs, workspaceFor, taskFor } from '$lib/stores/workspace'
-  import { streaming, messages, currentSession, chatFor } from '$lib/stores/chat'
+  import { startWorkspace, planSteps, currentTask, touched, healthDiffs, workspaceFor, taskFor } from '$lib/stores/workspace'
+  import { streaming, messages, chatFor } from '$lib/stores/chat'
   import { activityLog, activityLogFor } from '$lib/stores/activity'
-  import OperatorQuestion from './OperatorQuestion.svelte'
   import SessionGraph from './SessionGraph.svelte'
   import UnifiedTimeline from './UnifiedTimeline.svelte'
   import ChevronDownIcon from '@lucide/svelte/icons/chevron-down'
@@ -26,7 +25,6 @@
 
   const ws = $derived(sessionId ? workspaceFor(sessionId) : null)
   const planStepsStore = $derived(ws ? ws.planSteps : planSteps)
-  const openQuestionStore = $derived(ws ? ws.openQuestion : openQuestion)
   const touchedStore = $derived(ws ? ws.touched : touched)
   const healthDiffsStore = $derived(ws ? ws.healthDiffs : healthDiffs)
   const taskStore = $derived(sessionId ? taskFor(sessionId) : currentTask)
@@ -34,9 +32,6 @@
   const streamingStore = $derived(chat ? chat.streaming : streaming)
   const messagesStore = $derived(chat ? chat.messages : messages)
   const activityLogStore = $derived(sessionId ? activityLogFor(sessionId) : activityLog)
-  // OperatorQuestion posts its answer against this id — the window's own
-  // session when set, otherwise whatever the main page currently has open.
-  const effectiveSessionId = $derived(sessionId ?? $currentSession)
 
   let scopeOpen = $state(true)
   let activityOpen = $state(true)
@@ -73,8 +68,6 @@
 </script>
 
 <div class="flex h-full min-h-0 flex-col">
-  <OperatorQuestion sessionId={effectiveSessionId} question={$openQuestionStore} />
-
   <Splitpanes horizontal theme="oikos-theme" dblClickSplitter={false} class="min-h-0 flex-1">
     <!-- Scope -->
     <Pane bind:size={sizes[0]} minSize={scopeOpen ? OPEN_MIN_SIZE : COLLAPSED_SIZE} maxSize={scopeOpen ? 100 : COLLAPSED_SIZE} class="flex flex-col">

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

@@ -9,7 +9,7 @@
   //   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 } 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'
@@ -18,8 +18,6 @@
   import MinusIcon from '@lucide/svelte/icons/minus'
   import Maximize2Icon from '@lucide/svelte/icons/maximize-2'
 
-  const SESSION_PREFIX = 'session:'
-
   // A hydrated `app:<id>` window whose id no longer matches any registry
   // entry (the app was renamed/removed since the layout was persisted) has
   // nothing to render — close it rather than leaving a permanently-blank