@classic-homes/agent-chat 0.6.0 → 0.8.0

package/README.md

@@ -44,13 +44,17 @@ agent-api origin that serves `/frame`; artifacts and MCP-UI resources only ever
 
 - `ChatHeader`, `ConversationSidebar`: title and conversation actions; the history rail.
 - `MessageList`: transcript with day separators and a jump-to-latest button.
-- `MessageItem` → `UserMessage` / `AssistantMessage`, with `MessageActions` (copy, time),
+- `MessageItem` → `UserMessage` / `AssistantMessage`, with `MessageActions` (copy, time,
+  `MessageFeedback` thumbs up/down with an optional note, Regenerate and Edit on the latest turn),
   `ArtifactChip`, `MessageFiles` (image lightbox, downloads) and `ProposalCard` (read-only
   document edits; applying stays in the Office add-in).
 - `Composer`: attach by button, drop or paste; `prompts` turns on the `/` saved-prompt menu
   (`ComposerPrompt.text` may be a loader, e.g. fetching the template).
 - `ToolTimeline`: tool calls with status and duration, delegations nested; `toolLabels` maps
   tool names to readable ones (`AgentChat` passes both through).
+- Agent picker: pass `agents` (from `/api/agents`); with more than one, a new conversation offers
+  a picker in the composer until its first message. The conversation keeps that agent; `header`
+  receives `{ agent, agentName }` and `onagentchange` reports it.
 - `Welcome`: the empty conversation, with a greeting (`userName`), a capability line and up to
   four `suggestions` that send when chosen. `AgentChat` shows it unless the host passes an
   `empty` snippet, a loading skeleton while an existing conversation's transcript arrives, and

package/dist/components/AgentChat.svelte

@@ -2,6 +2,7 @@
   import type { AgentApiClient } from '@classic-homes/agent-client';
   import type {
     AgentKey,
+    AgentSummary,
     ClientKind,
     DocumentContext,
     FileRef,
@@ -13,6 +14,7 @@
     cn,
     Icon,
     ResizablePanes,
+    Select,
     Sheet,
     Skeleton,
   } from '@classic-homes/theme-svelte';
@@ -34,7 +36,15 @@
     conversationId?: string | null;
     /** Backend mode from `/api/me`; shows the mock banner before any turn runs. */
     mode?: BackendMode;
+    /** Agent for a new conversation; a loaded conversation keeps its own. */
     agent?: AgentKey;
+    /**
+     * Agents the user may address (`/api/agents`). With more than one, a new conversation offers
+     * a picker in the composer until its first message; the agent is fixed after that.
+     */
+    agents?: AgentSummary[];
+    /** The agent of this conversation changed (picked, or learned from a loaded conversation). */
+    onagentchange?: (agent: AgentKey) => void;
     clientKind?: ClientKind;
     variant?: 'page' | 'panel';
     getContext?: () => DocumentContext | null | undefined;
@@ -63,8 +73,8 @@
     welcomeTitle?: string;
     /** Replaces the welcome's capability line. */
     welcomeDescription?: string;
-    /** Rendered above the transcript, e.g. a `ChatHeader`. */
-    header?: import('svelte').Snippet;
+    /** Rendered above the transcript, e.g. a `ChatHeader`; receives the conversation's agent. */
+    header?: import('svelte').Snippet<[{ agent: AgentKey; agentName?: string }]>;
     context?: import('svelte').Snippet;
     /** Replaces the default `Welcome` on an empty conversation. */
     empty?: import('svelte').Snippet;
@@ -76,6 +86,8 @@
     conversationId = null,
     mode,
     agent = 'classic-agent',
+    agents,
+    onagentchange,
     clientKind,
     variant = 'page',
     getContext,
@@ -163,6 +175,19 @@
     const last = session.messages[session.messages.length - 1];
     if (last?.role === 'assistant') void session.retry(last.requestId);
   }
+  const agentName = $derived(agents?.find((a) => a.key === session.agent)?.name);
+  const pickAgent = $derived(
+    (agents?.length ?? 0) > 1 && !conversationId && session.messages.length === 0,
+  );
+  let reportedAgent: AgentKey | undefined;
+  $effect(() => {
+    const current = session.agent;
+    if (current !== reportedAgent) {
+      reportedAgent = current;
+      onagentchange?.(current);
+    }
+  });
+
   // An existing conversation whose transcript has not arrived yet: show a skeleton, not the
   // welcome (which would flash before the messages).
   const pending = $derived(
@@ -181,6 +206,17 @@
   }
 </script>
 
+{#snippet agentPicker()}
+  <Select
+    value={session.agent}
+    onValueChange={(value) => (session.agent = value as AgentKey)}
+    options={(agents ?? []).map((a) => ({ value: a.key, label: a.name }))}
+    aria-label="Agent"
+    disabled={session.status !== 'idle'}
+    class="h-8 w-auto min-w-36 border-0 bg-transparent text-xs shadow-none hover:bg-muted"
+  />
+{/snippet}
+
 {#snippet emptyState()}
   {#if pending}
     <div
@@ -220,7 +256,7 @@
 
 {#snippet chat()}
   <div class="flex h-full min-w-0 flex-1 flex-col">
-    {#if header}{@render header()}{/if}
+    {#if header}{@render header({ agent: session.agent, agentName })}{/if}
     <ModeBanner mode={session.mode} />
     {#if session.loadError}
       <div class="mx-auto w-full max-w-3xl px-4 pt-3">
@@ -256,6 +292,12 @@
       onretry={retry}
       onregenerate={(requestId) => void session.regenerate(requestId)}
       onedit={(requestId, text) => void session.edit(requestId, text)}
+      onrate={session.conversationId
+        ? (requestId, rating, comment) =>
+            session
+              .rate(requestId, rating, comment)
+              .catch(() => onnotify?.('Could not save your feedback. Try again.'))
+        : undefined}
       oncontinue={() => void session.send('Continue.')}
       empty={emptyState}
     />
@@ -271,6 +313,7 @@
       onsend={send}
       oncancel={() => session.cancel()}
       {context}
+      tools={pickAgent ? agentPicker : undefined}
     />
   </div>
 {/snippet}

package/dist/components/AgentChat.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { AgentApiClient } from '@classic-homes/agent-client';
-import type { AgentKey, ClientKind, DocumentContext } from '@classic-homes/agent-contracts';
+import type { AgentKey, AgentSummary, ClientKind, DocumentContext } from '@classic-homes/agent-contracts';
 import type { BackendMode } from '@classic-homes/agent-contracts';
 import type { ComposerPrompt } from '../composer-prompts.js';
 import type { WelcomeSuggestion } from '../welcome.js';
@@ -10,7 +10,15 @@ interface Props {
     conversationId?: string | null;
     /** Backend mode from `/api/me`; shows the mock banner before any turn runs. */
     mode?: BackendMode;
+    /** Agent for a new conversation; a loaded conversation keeps its own. */
     agent?: AgentKey;
+    /**
+     * Agents the user may address (`/api/agents`). With more than one, a new conversation offers
+     * a picker in the composer until its first message; the agent is fixed after that.
+     */
+    agents?: AgentSummary[];
+    /** The agent of this conversation changed (picked, or learned from a loaded conversation). */
+    onagentchange?: (agent: AgentKey) => void;
     clientKind?: ClientKind;
     variant?: 'page' | 'panel';
     getContext?: () => DocumentContext | null | undefined;
@@ -39,8 +47,11 @@ interface Props {
     welcomeTitle?: string;
     /** Replaces the welcome's capability line. */
     welcomeDescription?: string;
-    /** Rendered above the transcript, e.g. a `ChatHeader`. */
-    header?: import('svelte').Snippet;
+    /** Rendered above the transcript, e.g. a `ChatHeader`; receives the conversation's agent. */
+    header?: import('svelte').Snippet<[{
+        agent: AgentKey;
+        agentName?: string;
+    }]>;
     context?: import('svelte').Snippet;
     /** Replaces the default `Welcome` on an empty conversation. */
     empty?: import('svelte').Snippet;

package/dist/components/AgentChat.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentChat.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AgentChat.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EACR,QAAQ,EACR,UAAU,EACV,eAAe,EAEhB,MAAM,gCAAgC,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAYlE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQrD,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAC;IACvB,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+EAA+E;IAC/E,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,gFAAgF;IAChF,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,MAAM,EAAE,MAAM,CAAC;KAChB,KAAK,IAAI,CAAC;IACX,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iGAAiG;IACjG,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACnC,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8MH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AgentChat.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AgentChat.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EACR,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,eAAe,EAEhB,MAAM,gCAAgC,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAalE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQrD,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAC;IACvB,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+EAA+E;IAC/E,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,yEAAyE;IACzE,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,gFAAgF;IAChF,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,MAAM,EAAE,MAAM,CAAC;KAChB,KAAK,IAAI,CAAC;IACX,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iGAAiG;IACjG,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6FAA6F;IAC7F,MAAM,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,KAAK,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IAC7E,OAAO,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACnC,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsOH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/AssistantMessage.svelte

@@ -5,6 +5,7 @@
 -->
 <script lang="ts">
   import { Alert, Button, Icon } from '@classic-homes/theme-svelte';
+  import type { TurnRating } from '@classic-homes/agent-contracts';
   import type { AssistantMessage } from '../reducer.js';
   import { errorTitle } from '../reducer.js';
   import { parseMarkdown } from '../markdown.js';
@@ -32,6 +33,8 @@
     onretry?: () => void;
     /** Ask for a new answer to the same question (the latest finished answer). */
     onregenerate?: () => void;
+    /** Rate this answer; offered once it is done. */
+    onrate?: (rating: TurnRating | null, comment?: string) => void | Promise<void>;
     /** Ask the agent to pick up a stopped or cut-short answer. */
     oncontinue?: () => void;
   }
@@ -49,6 +52,7 @@
     onnotify,
     onretry,
     onregenerate,
+    onrate,
     oncontinue,
   }: Props = $props();
 
@@ -183,6 +187,8 @@
         createdAt={message.createdAt}
         visible={last}
         {onregenerate}
+        rating={message.feedback}
+        onrate={message.status === 'done' ? onrate : undefined}
         class="-ml-1.5"
       />
     {/if}

package/dist/components/AssistantMessage.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { TurnRating } from '@classic-homes/agent-contracts';
 import type { AssistantMessage } from '../reducer.js';
 interface Props {
     message: AssistantMessage;
@@ -15,6 +16,8 @@ interface Props {
     onretry?: () => void;
     /** Ask for a new answer to the same question (the latest finished answer). */
     onregenerate?: () => void;
+    /** Rate this answer; offered once it is done. */
+    onrate?: (rating: TurnRating | null, comment?: string) => void | Promise<void>;
     /** Ask the agent to pick up a stopped or cut-short answer. */
     oncontinue?: () => void;
 }

package/dist/components/AssistantMessage.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantMessage.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AssistantMessage.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAYpD,UAAU,KAAK;IACb,OAAO,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAyJH;;;GAGG;AACH,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"AssistantMessage.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AssistantMessage.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAYpD,UAAU,KAAK;IACb,OAAO,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,iDAAiD;IACjD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AA2JH;;;GAGG;AACH,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/components/Composer.svelte

@@ -27,6 +27,8 @@
     onremovefile?: (fileId: string) => void;
     /** Slot for a host-provided context chip (page context toggle). */
     context?: import('svelte').Snippet;
+    /** Toolbar controls before the context chip (e.g. the agent picker). */
+    tools?: import('svelte').Snippet;
   }
   let {
     disabled = false,
@@ -40,6 +42,7 @@
     oncancel,
     onremovefile,
     context,
+    tools,
   }: Props = $props();
 
   const uid = $props.id();
@@ -272,6 +275,7 @@
           <Icon name="paperclip" size={18} />
         </Button>
       {/if}
+      {#if tools}<div class="min-w-0">{@render tools()}</div>{/if}
       {#if context}<div class="min-w-0">{@render context()}</div>{/if}
       <div class="ml-auto flex items-center gap-2">
         {#if showCount}

package/dist/components/Composer.svelte.d.ts

@@ -15,6 +15,8 @@ interface Props {
     onremovefile?: (fileId: string) => void;
     /** Slot for a host-provided context chip (page context toggle). */
     context?: import('svelte').Snippet;
+    /** Toolbar controls before the context chip (e.g. the agent picker). */
+    tools?: import('svelte').Snippet;
 }
 /**
  * The message box: an autosizing textarea in a card with attach, the host's context chip and

package/dist/components/Composer.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Composer.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAG9D,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIvF,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,oEAAoE;IACpE,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CACpC;AA2PH;;;;GAIG;AACH,QAAA,MAAM,QAAQ;iBA/NO,IAAI;qBA+N6B,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Composer.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Composer.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAG9D,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIvF,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,oEAAoE;IACpE,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACnC,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CAClC;AA6PH;;;;GAIG;AACH,QAAA,MAAM,QAAQ;iBAhOO,IAAI;qBAgO6B,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/MessageActions.svelte

@@ -6,7 +6,9 @@
   have no hover.
 -->
 <script lang="ts">
+  import type { TurnRating } from '@classic-homes/agent-contracts';
   import { Button, cn, CopyButton, Icon, Tooltip } from '@classic-homes/theme-svelte';
+  import MessageFeedback from './MessageFeedback.svelte';
   import { formatDateTime, formatTime } from '../message-format.js';
 
   interface Props {
@@ -19,6 +21,9 @@
     onregenerate?: () => void;
     /** Offer "Edit" (the latest question). */
     onedit?: () => void;
+    /** The answer's rating; with `onrate`, thumbs up/down are offered. */
+    rating?: TurnRating;
+    onrate?: (rating: TurnRating | null, comment?: string) => void | Promise<void>;
     class?: string;
   }
   let {
@@ -28,13 +33,15 @@
     align = 'start',
     onregenerate,
     onedit,
+    rating,
+    onrate,
     class: className,
   }: Props = $props();
 </script>
 
 <div
   class={cn(
-    'flex items-center gap-0.5 text-xs text-muted-foreground transition-opacity',
+    'flex flex-wrap items-center gap-0.5 text-xs text-muted-foreground transition-opacity',
     align === 'end' && 'justify-end',
     !visible &&
       'opacity-0 group-hover/message:opacity-100 group-focus-within/message:opacity-100 [@media(hover:none)]:opacity-100',
@@ -52,6 +59,9 @@
       class="h-7 w-7"
     />
   {/if}
+  {#if onrate}
+    <MessageFeedback {rating} {onrate} />
+  {/if}
   {#if onedit}
     <Button
       variant="ghost"

package/dist/components/MessageActions.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { TurnRating } from '@classic-homes/agent-contracts';
 interface Props {
     text: string;
     createdAt: number;
@@ -8,6 +9,9 @@ interface Props {
     onregenerate?: () => void;
     /** Offer "Edit" (the latest question). */
     onedit?: () => void;
+    /** The answer's rating; with `onrate`, thumbs up/down are offered. */
+    rating?: TurnRating;
+    onrate?: (rating: TurnRating | null, comment?: string) => void | Promise<void>;
     class?: string;
 }
 /**

package/dist/components/MessageActions.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageActions.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/MessageActions.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8CH;;;;;GAKG;AACH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"MessageActions.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/MessageActions.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAM/D,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sEAAsE;IACtE,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqDH;;;;;GAKG;AACH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/MessageFeedback.svelte

@@ -0,0 +1,89 @@
+<!--
+  @component
+  Thumbs up / down for one answer. Choosing the current rating again withdraws it. After a thumbs
+  down, an optional note can follow ("What went wrong?").
+-->
+<script lang="ts">
+  import type { TurnRating } from '@classic-homes/agent-contracts';
+  import { Button, cn, Icon, Input } from '@classic-homes/theme-svelte';
+  import { tick } from 'svelte';
+
+  interface Props {
+    rating?: TurnRating;
+    onrate: (rating: TurnRating | null, comment?: string) => void | Promise<void>;
+  }
+  let { rating, onrate }: Props = $props();
+
+  let asking = $state(false);
+  let note = $state('');
+  const noteId = $props.id();
+  const NOTE_MAX = 1000;
+
+  async function choose(value: TurnRating): Promise<void> {
+    const next = rating === value ? null : value;
+    asking = next === 'down';
+    note = '';
+    await onrate(next);
+    if (asking) {
+      await tick();
+      document.getElementById(noteId)?.focus();
+    }
+  }
+  async function sendNote(): Promise<void> {
+    const text = note.trim();
+    asking = false;
+    if (text) await onrate('down', text);
+  }
+</script>
+
+<span class="inline-flex items-center" role="group" aria-label="Rate this answer">
+  <Button
+    variant="ghost"
+    size="icon"
+    class={cn('h-7 w-7', rating === 'up' && 'text-foreground')}
+    aria-label="Good answer"
+    aria-pressed={rating === 'up'}
+    title="Good answer"
+    onclick={() => void choose('up')}
+  >
+    <Icon name="thumbs-up" size={14} class={cn(rating === 'up' && 'fill-current')} />
+  </Button>
+  <Button
+    variant="ghost"
+    size="icon"
+    class={cn('h-7 w-7', rating === 'down' && 'text-foreground')}
+    aria-label="Bad answer"
+    aria-pressed={rating === 'down'}
+    title="Bad answer"
+    onclick={() => void choose('down')}
+  >
+    <Icon name="thumbs-down" size={14} class={cn(rating === 'down' && 'fill-current')} />
+  </Button>
+</span>
+{#if asking}
+  <form
+    class="flex basis-full items-center gap-2 pt-1"
+    aria-label="Feedback note"
+    onsubmit={(e) => {
+      e.preventDefault();
+      void sendNote();
+    }}
+  >
+    <Input
+      id={noteId}
+      bind:value={note}
+      maxlength={NOTE_MAX}
+      placeholder="What went wrong? (optional)"
+      aria-label="What went wrong?"
+      class="h-8 max-w-sm text-sm"
+      onkeydown={(e: KeyboardEvent) => {
+        if (e.key === 'Escape') {
+          e.preventDefault();
+          asking = false;
+        }
+      }}
+    />
+    <Button type="submit" size="sm" variant="outline" disabled={!note.trim()}>Send</Button>
+    <Button type="button" size="sm" variant="ghost" onclick={() => (asking = false)}>Skip</Button>
+  </form>
+{/if}

package/dist/components/MessageFeedback.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { TurnRating } from '@classic-homes/agent-contracts';
+interface Props {
+    rating?: TurnRating;
+    onrate: (rating: TurnRating | null, comment?: string) => void | Promise<void>;
+}
+/**
+ * Thumbs up / down for one answer. Choosing the current rating again withdraws it. After a thumbs
+ * down, an optional note can follow ("What went wrong?").
+ */
+declare const MessageFeedback: import("svelte").Component<Props, {}, "">;
+type MessageFeedback = ReturnType<typeof MessageFeedback>;
+export default MessageFeedback;
+//# sourceMappingURL=MessageFeedback.svelte.d.ts.map

package/dist/components/MessageFeedback.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFeedback.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/MessageFeedback.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAK/D,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/E;AAyDH;;;GAGG;AACH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/components/MessageItem.svelte

@@ -3,6 +3,7 @@
   One transcript entry: a `UserMessage` or an `AssistantMessage`.
 -->
 <script lang="ts">
+  import type { TurnRating } from '@classic-homes/agent-contracts';
   import type { ChatMessage } from '../reducer.js';
   import AssistantMessage from './AssistantMessage.svelte';
   import UserMessage from './UserMessage.svelte';
@@ -21,6 +22,7 @@
     onnotify?: (message: string) => void;
     onretry?: () => void;
     onregenerate?: () => void;
+    onrate?: (rating: TurnRating | null, comment?: string) => void | Promise<void>;
     oncontinue?: () => void;
     /** User messages only: edit and resend. */
     onedit?: (text: string) => void;

package/dist/components/MessageItem.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { TurnRating } from '@classic-homes/agent-contracts';
 import type { ChatMessage } from '../reducer.js';
 interface Props {
     message: ChatMessage;
@@ -13,6 +14,7 @@ interface Props {
     onnotify?: (message: string) => void;
     onretry?: () => void;
     onregenerate?: () => void;
+    onrate?: (rating: TurnRating | null, comment?: string) => void | Promise<void>;
     oncontinue?: () => void;
     /** User messages only: edit and resend. */
     onedit?: (text: string) => void;

package/dist/components/MessageItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItem.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/MessageItem.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK/C,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAkBH,sEAAsE;AACtE,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MessageItem.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/MessageItem.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK/C,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAmBH,sEAAsE;AACtE,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/MessageList.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { tick } from 'svelte';
   import { Button, Icon } from '@classic-homes/theme-svelte';
+  import type { TurnRating } from '@classic-homes/agent-contracts';
   import type { ChatMessage } from '../reducer.js';
   import { daySeparators, formatDay } from '../message-format.js';
   import MessageItem from './MessageItem.svelte';
@@ -19,6 +20,12 @@
     onretry?: () => void;
     /** Regenerate the latest answer, by its request id. */
     onregenerate?: (requestId: string) => void;
+    /** Rate an answer, by its request id. */
+    onrate?: (
+      requestId: string,
+      rating: TurnRating | null,
+      comment?: string,
+    ) => void | Promise<void>;
     /** Edit the latest question, by its request id. */
     onedit?: (requestId: string, text: string) => void;
     oncontinue?: () => void;
@@ -37,6 +44,7 @@
     onnotify,
     onretry,
     onregenerate,
+    onrate,
     onedit,
     oncontinue,
     empty,
@@ -163,6 +171,10 @@
             message.status === 'done'
               ? () => onregenerate(latest)
               : undefined}
+            onrate={onrate && message.role === 'assistant'
+              ? (rating: TurnRating | null, comment?: string) =>
+                  onrate(message.requestId, rating, comment)
+              : undefined}
             onedit={latest && onedit && i === messages.length - 2
               ? (text: string) => onedit(latest, text)
               : undefined}

package/dist/components/MessageList.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { TurnRating } from '@classic-homes/agent-contracts';
 import type { ChatMessage } from '../reducer.js';
 interface Props {
     messages: ChatMessage[];
@@ -13,6 +14,8 @@ interface Props {
     onretry?: () => void;
     /** Regenerate the latest answer, by its request id. */
     onregenerate?: (requestId: string) => void;
+    /** Rate an answer, by its request id. */
+    onrate?: (requestId: string, rating: TurnRating | null, comment?: string) => void | Promise<void>;
     /** Edit the latest question, by its request id. */
     onedit?: (requestId: string, text: string) => void;
     oncontinue?: () => void;

package/dist/components/MessageList.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/MessageList.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK/C,UAAU,KAAK;IACb,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uDAAuD;IACvD,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,mDAAmD;IACnD,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CAClC;AA6IH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MessageList.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/MessageList.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK/C,UAAU,KAAK;IACb,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uDAAuD;IACvD,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yCAAyC;IACzC,MAAM,CAAC,EAAE,CACP,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,UAAU,GAAG,IAAI,EACzB,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,mDAAmD;IACnD,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CAClC;AAkJH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/agent-picker.svelte.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=agent-picker.svelte.test.d.ts.map

package/dist/components/agent-picker.svelte.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-picker.svelte.test.d.ts","sourceRoot":"","sources":["../../src/lib/components/agent-picker.svelte.test.ts"],"names":[],"mappings":""}

package/dist/components/agent-picker.svelte.test.js

@@ -0,0 +1,84 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, render, screen, waitFor } from '@testing-library/svelte';
+import userEvent from '@testing-library/user-event';
+import { ChatSession } from '../session.svelte.js';
+import AgentChat from './AgentChat.svelte';
+afterEach(() => cleanup());
+const agents = [
+    { key: 'classic-agent', name: 'Classic Agent' },
+    { key: 'elevation-studio', name: 'Elevation Studio' },
+];
+function fakeClient() {
+    return {
+        fileUrl: (id) => `#${id}`,
+        uploadFile: vi.fn(),
+        cancel: vi.fn(),
+        resumeTurn: vi.fn(),
+        sendFeedback: vi.fn(),
+        getConversation: vi.fn().mockResolvedValue({
+            conversation: { conversationId: 'c-9', agent: 'elevation-studio' },
+            messages: [],
+            files: [],
+        }),
+        streamChat: vi.fn(async (req, opts) => {
+            [
+                { type: 'start', conversationId: 'c-1', mode: 'live' },
+                { type: 'delta', text: 'Hello' },
+                { type: 'done', finishReason: 'stop' },
+            ].forEach((e, seq) => opts.onEvent({ requestId: req.requestId, seq, ...e }));
+            return { kind: 'done' };
+        }),
+    };
+}
+const base = { sandboxOrigin: 'https://frame.test' };
+describe('ChatSession agent', () => {
+    it('sends the chosen agent and adopts a loaded conversation’s agent', async () => {
+        const client = fakeClient();
+        const session = new ChatSession({ client: client });
+        expect(session.agent).toBe('classic-agent');
+        session.agent = 'elevation-studio';
+        await session.send('hi');
+        expect(client.streamChat.mock.calls[0][0]).toMatchObject({ agent: 'elevation-studio' });
+        const other = new ChatSession({ client: client, conversationId: 'c-9' });
+        await other.load('c-9');
+        expect(other.agent).toBe('elevation-studio');
+    });
+});
+describe('AgentChat agent picker', () => {
+    it('offers a picker for a new conversation only, and hides it after the first message', async () => {
+        const user = userEvent.setup();
+        const client = fakeClient();
+        const onagentchange = vi.fn();
+        render(AgentChat, {
+            props: { ...base, client: client, agents, onagentchange },
+        });
+        expect(onagentchange).toHaveBeenLastCalledWith('classic-agent');
+        const picker = screen.getByRole('button', { name: 'Agent' });
+        await user.click(picker);
+        await user.click(await screen.findByRole('option', { name: 'Elevation Studio' }));
+        await waitFor(() => expect(onagentchange).toHaveBeenLastCalledWith('elevation-studio'));
+        await user.type(screen.getByRole('textbox', { name: 'Message' }), 'hi{Enter}');
+        await screen.findAllByText('Hello');
+        expect(client.streamChat.mock.calls[0][0]).toMatchObject({ agent: 'elevation-studio' });
+        expect(screen.queryByRole('button', { name: 'Agent' })).toBeNull();
+    });
+    it('has no picker with a single agent or on an existing conversation', async () => {
+        const { unmount } = render(AgentChat, {
+            props: { ...base, client: fakeClient(), agents: agents.slice(0, 1) },
+        });
+        expect(screen.queryByRole('button', { name: 'Agent' })).toBeNull();
+        unmount();
+        const onagentchange = vi.fn();
+        render(AgentChat, {
+            props: {
+                ...base,
+                client: fakeClient(),
+                agents,
+                conversationId: 'c-9',
+                onagentchange,
+            },
+        });
+        expect(screen.queryByRole('button', { name: 'Agent' })).toBeNull();
+        await waitFor(() => expect(onagentchange).toHaveBeenLastCalledWith('elevation-studio'));
+    });
+});

package/dist/components/feedback.svelte.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=feedback.svelte.test.d.ts.map

package/dist/components/feedback.svelte.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback.svelte.test.d.ts","sourceRoot":"","sources":["../../src/lib/components/feedback.svelte.test.ts"],"names":[],"mappings":""}

package/dist/components/feedback.svelte.test.js

@@ -0,0 +1,99 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, render, screen, waitFor } from '@testing-library/svelte';
+import userEvent from '@testing-library/user-event';
+import { ChatSession } from '../session.svelte.js';
+import AgentChat from './AgentChat.svelte';
+afterEach(() => cleanup());
+function fakeClient(sendFeedback = vi.fn().mockResolvedValue(undefined)) {
+    return {
+        fileUrl: (id) => `#${id}`,
+        uploadFile: vi.fn(),
+        cancel: vi.fn(),
+        resumeTurn: vi.fn(),
+        sendFeedback,
+        getConversation: vi.fn().mockResolvedValue({
+            conversation: { conversationId: 'c-1' },
+            messages: [
+                { id: 'u-r1', seq: 0, role: 'user', content: [{ type: 'text', text: 'Q' }], createdAt: 1 },
+                {
+                    id: 'a-r1',
+                    seq: 1,
+                    role: 'assistant',
+                    content: [{ type: 'text', text: 'A' }],
+                    createdAt: 2,
+                },
+            ],
+            files: [],
+            feedback: { r1: 'up' },
+        }),
+        streamChat: vi.fn(async (req, opts) => {
+            [
+                { type: 'start', conversationId: 'c-1', mode: 'live' },
+                { type: 'delta', text: 'Answer' },
+                { type: 'done', finishReason: 'stop' },
+            ].forEach((e, seq) => opts.onEvent({ requestId: req.requestId, seq, ...e }));
+            return { kind: 'done' };
+        }),
+    };
+}
+describe('ChatSession.rate', () => {
+    it('loads stored ratings and sends changes', async () => {
+        const client = fakeClient();
+        const session = new ChatSession({ client: client });
+        await session.load('c-1');
+        expect(session.messages[1]).toMatchObject({ feedback: 'up' });
+        await session.rate('r1', 'down', '  Wrong lot ');
+        expect(client.sendFeedback).toHaveBeenCalledWith('c-1', 'r1', {
+            rating: 'down',
+            comment: 'Wrong lot',
+        });
+        expect(session.messages[1]).toMatchObject({ feedback: 'down' });
+        await session.rate('r1', null);
+        expect(session.messages[1]).not.toHaveProperty('feedback');
+    });
+    it('puts the old rating back when the runtime refuses', async () => {
+        const client = fakeClient(vi.fn().mockRejectedValue(new Error('nope')));
+        const session = new ChatSession({ client: client });
+        await session.load('c-1');
+        await expect(session.rate('r1', 'down')).rejects.toThrow('nope');
+        expect(session.messages[1]).toMatchObject({ feedback: 'up' });
+    });
+});
+describe('AgentChat feedback', () => {
+    it('rates an answer, asks for a note after a thumbs down, and toggles off', async () => {
+        const user = userEvent.setup();
+        const client = fakeClient();
+        render(AgentChat, { props: { client: client, sandboxOrigin: 'https://frame.test' } });
+        await user.type(screen.getByRole('textbox', { name: 'Message' }), 'hi{Enter}');
+        await screen.findAllByText('Answer');
+        const requestId = client.streamChat.mock.calls[0][0].requestId;
+        const down = screen.getByRole('button', { name: 'Bad answer' });
+        await user.click(down);
+        expect(client.sendFeedback).toHaveBeenLastCalledWith('c-1', requestId, { rating: 'down' });
+        expect(down.getAttribute('aria-pressed')).toBe('true');
+        const note = await screen.findByRole('textbox', { name: 'What went wrong?' });
+        await waitFor(() => expect(document.activeElement).toBe(note));
+        await user.type(note, 'Old prices{Enter}');
+        expect(client.sendFeedback).toHaveBeenLastCalledWith('c-1', requestId, {
+            rating: 'down',
+            comment: 'Old prices',
+        });
+        expect(screen.queryByRole('textbox', { name: 'What went wrong?' })).toBeNull();
+        await user.click(screen.getByRole('button', { name: 'Bad answer' }));
+        expect(client.sendFeedback).toHaveBeenLastCalledWith('c-1', requestId, { rating: null });
+        expect(screen.getByRole('button', { name: 'Bad answer' }).getAttribute('aria-pressed')).toBe('false');
+    });
+    it('tells the host when a rating could not be saved', async () => {
+        const user = userEvent.setup();
+        const onnotify = vi.fn();
+        const client = fakeClient(vi.fn().mockRejectedValue(new Error('down')));
+        render(AgentChat, {
+            props: { client: client, sandboxOrigin: 'https://frame.test', onnotify },
+        });
+        await user.type(screen.getByRole('textbox', { name: 'Message' }), 'hi{Enter}');
+        await screen.findAllByText('Answer');
+        await user.click(screen.getByRole('button', { name: 'Good answer' }));
+        await waitFor(() => expect(onnotify).toHaveBeenCalledWith(expect.stringMatching(/feedback/)));
+        expect(screen.getByRole('button', { name: 'Good answer' }).getAttribute('aria-pressed')).toBe('false');
+    });
+});

package/dist/reducer.d.ts

@@ -1,4 +1,4 @@
-import type { ArtifactMediaType, BackendMode, ChatEvent, ClientKind, DocumentContext, FileRef, ProposedOperation, ToolResultStatus } from '@classic-homes/agent-contracts';
+import type { ArtifactMediaType, BackendMode, ChatEvent, ClientKind, DocumentContext, FileRef, ProposedOperation, ToolResultStatus, TurnRating } from '@classic-homes/agent-contracts';
 import type { ClientErrorCode } from '@classic-homes/agent-client';
 /**
  * Pure state model for one conversation view. `applyEvent` folds stream events into the
@@ -78,6 +78,8 @@ export interface AssistantMessage {
     };
     finishReason?: 'stop' | 'length' | 'cancelled' | 'error';
     mode?: BackendMode;
+    /** The user's rating of this answer, when given. */
+    feedback?: TurnRating;
     createdAt: number;
 }
 export type ChatMessage = UserMessage | AssistantMessage;

package/dist/reducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../src/lib/reducer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../src/lib/reducer.ts"],"names":[],"mappings":"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"}

package/dist/session.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { AgentApiClient } from '@classic-homes/agent-client';
-import type { AgentKey, BackendMode, ChatEvent, ClientKind, DocumentContext, FileRef } from '@classic-homes/agent-contracts';
+import type { AgentKey, BackendMode, ChatEvent, ClientKind, DocumentContext, FileRef, TurnRating } from '@classic-homes/agent-contracts';
 import { type AssistantMessage, type ChatMessage } from './reducer.js';
 export interface ChatSessionOptions {
     client: AgentApiClient;
@@ -35,6 +35,8 @@ export declare class ChatSession {
     /** The conversation whose transcript `messages` holds (loaded or started here); null before. */
     loadedConversationId: string | null;
     mode: "mock" | "live" | undefined;
+    /** Who answers. Set before the first message; a loaded conversation keeps its own agent. */
+    agent: string;
     loadError: string | undefined;
     pendingFiles: {
         fileId: string;
@@ -69,6 +71,11 @@ export declare class ChatSession {
     edit(requestId: string, text: string): Promise<void>;
     /** Re-attach to a turn after reload: replays events after the last seq we hold (none here). */
     resume(requestId: string): Promise<void>;
+    /**
+     * Rate an answer (`null` withdraws the rating). Shown at once; put back and rethrown when the
+     * runtime refuses it.
+     */
+    rate(requestId: string, rating: TurnRating | null, comment?: string): Promise<void>;
     cancel(): void;
     private run;
     private toolName;

package/dist/session.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"session.svelte.d.ts","sourceRoot":"","sources":["../src/lib/session.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,KAAK,EACV,QAAQ,EACR,WAAW,EACX,SAAS,EAET,UAAU,EACV,eAAe,EACf,OAAO,EACR,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAML,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,cAAc,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,mGAAmG;IACnG,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAClG;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;AAE7D;;;GAGG;AACH,qBAAa,WAAW;IACtB,QAAQ,gBAA6B;IACrC,MAAM,gBAAiC;IACvC,cAAc,gBAA+B;IAC7C,gGAAgG;IAChG,oBAAoB,gBAA+B;IACnD,IAAI,8BAA8C;IAClD,SAAS,qBAAyC;IAClD,YAAY;;;;;;QAAyB;IAErC,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAqB;gBAEjC,OAAO,EAAE,kBAAkB;IAMvC,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,OAAO,IAAI,gBAAgB,GAAG,SAAS,CAG1C;IAED,yFAAyF;IACnF,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IA+BjD;;;OAGG;IACG,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE;QAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IA2B/F;;;OAGG;IACG,KAAK,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7C,oFAAoF;IAC9E,UAAU,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQlD,2EAA2E;IACrE,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ1D,+FAA+F;IACzF,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAa9C,MAAM,IAAI,IAAI;YAOA,GAAG;IA2DjB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,MAAM;CAKf;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,GAAG,WAAW,CAE1E"}
+{"version":3,"file":"session.svelte.d.ts","sourceRoot":"","sources":["../src/lib/session.svelte.ts"],"names":[],"mappings":"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"}

package/dist/session.svelte.js

@@ -11,6 +11,8 @@ export class ChatSession {
     /** The conversation whose transcript `messages` holds (loaded or started here); null before. */
     loadedConversationId = $state(null);
     mode = $state(undefined);
+    /** Who answers. Set before the first message; a loaded conversation keeps its own agent. */
+    agent = $state('classic-agent');
     loadError = $state(undefined);
     pendingFiles = $state([]);
     controller;
@@ -19,6 +21,7 @@ export class ChatSession {
         this.options = options;
         this.conversationId = options.conversationId ?? null;
         this.mode = options.mode;
+        this.agent = options.agent ?? 'classic-agent';
     }
     get streaming() {
         return this.status === 'streaming';
@@ -47,7 +50,11 @@ export class ChatSession {
                     ...newAssistantMessage(m.id.replace(/^a-/, ''), m.createdAt),
                     text: m.content.map((c) => c.text).join('\n'),
                     status: 'done',
+                    ...(detail.feedback?.[m.id.replace(/^a-/, '')]
+                        ? { feedback: detail.feedback[m.id.replace(/^a-/, '')] }
+                        : {}),
                 });
+            this.agent = detail.conversation.agent;
             const active = detail.conversation.activeRequestId;
             this.status = 'idle';
             if (active)
@@ -72,7 +79,7 @@ export class ChatSession {
         this.pendingFiles = [];
         const request = {
             requestId,
-            agent: this.options.agent ?? 'classic-agent',
+            agent: this.agent,
             message,
             ...(this.conversationId ? { conversationId: this.conversationId } : {}),
             ...(context ? { context } : {}),
@@ -133,6 +140,35 @@ export class ChatSession {
         const conversationId = this.conversationId;
         await this.run(requestId, (signal, onEvent) => this.options.client.resumeTurn(conversationId, requestId, -1, { signal, onEvent }));
     }
+    /**
+     * Rate an answer (`null` withdraws the rating). Shown at once; put back and rethrown when the
+     * runtime refuses it.
+     */
+    async rate(requestId, rating, comment) {
+        const conversationId = this.conversationId;
+        if (!conversationId)
+            return;
+        const before = this.messages.find((m) => m.role === 'assistant' && m.requestId === requestId)?.feedback;
+        const set = (value) => this.update(requestId, (m) => {
+            const next = { ...m };
+            if (value)
+                next.feedback = value;
+            else
+                delete next.feedback;
+            return next;
+        });
+        set(rating ?? undefined);
+        try {
+            await this.options.client.sendFeedback(conversationId, requestId, {
+                rating,
+                ...(comment?.trim() ? { comment: comment.trim() } : {}),
+            });
+        }
+        catch (err) {
+            set(before);
+            throw err;
+        }
+    }
     cancel() {
         const current = this.current;
         if (!this.controller || !current)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classic-homes/agent-chat",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "private": false,
   "type": "module",
   "description": "Svelte 5 chat UI for Classic Agent: session state, message list, composer, tool timeline, artifacts and MCP-UI sandbox frames. Consumed by the Classic App.",
@@ -17,16 +17,16 @@
     "dist"
   ],
   "dependencies": {
-    "@classic-homes/agent-client": "0.6.0",
-    "@classic-homes/agent-contracts": "0.6.0",
+    "@classic-homes/agent-client": "0.8.0",
+    "@classic-homes/agent-contracts": "0.8.0",
     "dompurify": "3.4.17"
   },
   "peerDependencies": {
-    "@classic-homes/theme-svelte": "^1.39.0",
-    "svelte": "^5.0.0"
+    "@classic-homes/theme-svelte": "^1.42.2",
+    "svelte": "^5.31.0"
   },
   "devDependencies": {
-    "@classic-homes/theme-svelte": "1.39.0",
+    "@classic-homes/theme-svelte": "1.42.2",
     "@sveltejs/package": "3.0.2",
     "@sveltejs/vite-plugin-svelte": "7.3.1",
     "@testing-library/svelte": "5.4.2",