@classic-homes/agent-chat 0.7.0 → 0.8.0

package/README.md

@@ -52,6 +52,9 @@ agent-api origin that serves `/frame`; artifacts and MCP-UI resources only ever
   (`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">
@@ -277,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;AAmNH,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/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/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/session.svelte.d.ts

@@ -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;

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,EACP,UAAU,EACX,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;IAkCjD;;;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;;;OAGG;IACG,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAyBzF,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":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,KAAK,EACV,QAAQ,EACR,WAAW,EACX,SAAS,EAET,UAAU,EACV,eAAe,EACf,OAAO,EACP,UAAU,EACX,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,4FAA4F;IAC5F,KAAK,SAAqC;IAC1C,SAAS,qBAAyC;IAClD,YAAY;;;;;;QAAyB;IAErC,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAqB;gBAEjC,OAAO,EAAE,kBAAkB;IAOvC,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;IAmCjD;;;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;;;OAGG;IACG,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAyBzF,MAAM,IAAI,IAAI;YAOA,GAAG;IA2DjB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,MAAM;CAKf;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,GAAG,WAAW,CAE1E"}

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';
@@ -51,6 +54,7 @@ export class ChatSession {
                         ? { feedback: detail.feedback[m.id.replace(/^a-/, '')] }
                         : {}),
                 });
+            this.agent = detail.conversation.agent;
             const active = detail.conversation.activeRequestId;
             this.status = 'idle';
             if (active)
@@ -75,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 } : {}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classic-homes/agent-chat",
-  "version": "0.7.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,8 +17,8 @@
     "dist"
   ],
   "dependencies": {
-    "@classic-homes/agent-client": "0.7.0",
-    "@classic-homes/agent-contracts": "0.7.0",
+    "@classic-homes/agent-client": "0.8.0",
+    "@classic-homes/agent-contracts": "0.8.0",
     "dompurify": "3.4.17"
   },
   "peerDependencies": {