@genesislcap/ai-assistant 14.420.0 → 14.421.0

package/dist/esm/main/main.styles.js

@@ -11,6 +11,7 @@ export const styles = css `
   }
 
   .chat-wrapper {
+    container-type: inline-size;
     position: relative;
     display: flex;
     flex-direction: column;
@@ -56,22 +57,189 @@ export const styles = css `
     font-size: 1.2em;
   }
 
+  @keyframes settings-slide-in {
+    from {
+      opacity: 0%;
+      transform: translateY(-6px);
+    }
+
+    to {
+      opacity: 100%;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes settings-slide-out {
+    from {
+      opacity: 100%;
+      transform: translateY(0);
+    }
+
+    to {
+      opacity: 0%;
+      transform: translateY(-6px);
+    }
+  }
+
   .settings-panel {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: calc(var(--design-unit) * 4px);
+    animation: settings-slide-in 0.2s ease-out;
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px);
     padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 3px);
     border-bottom: 1px solid var(--neutral-stroke-rest);
     background-color: var(--neutral-layer-2);
   }
 
+  .settings-panel.closing {
+    animation: settings-slide-out 0.2s ease-in forwards;
+  }
+
+  rapid-multiselect::part(root) {
+    min-width: 80px;
+    width: 300%;
+  }
+
+  rapid-multiselect::part(control),
+  .settings-panel > [part='download-button'] {
+    width: fit-content;
+  }
+
+  .settings-panel > [part='toggle-tool-calls'] {
+    grid-column: 1;
+    grid-row: 1;
+  }
+
+  .settings-panel > [part='toggle-thinking'] {
+    grid-column: 2;
+    grid-row: 1;
+  }
+
+  .settings-panel > [part='toggle-agent-switch'] {
+    grid-column: 1;
+    grid-row: 2;
+  }
+
+  .settings-panel > [part='download-button'] {
+    grid-column: 2;
+    grid-row: 2;
+  }
+
   .settings-animations {
     display: flex;
     align-items: center;
     gap: calc(var(--design-unit) * 2px);
   }
 
+  .settings-panel > .settings-animations {
+    grid-column: 1/2;
+    grid-row: 3;
+  }
+
+  @container (min-width: 400px) {
+    .settings-panel {
+      grid-template-columns: auto 1fr;
+      align-items: start;
+    }
+
+    .settings-panel > [part='toggle-tool-calls'] {
+      grid-column: 1;
+      grid-row: 1;
+    }
+
+    .settings-panel > [part='toggle-thinking'] {
+      grid-column: 1;
+      grid-row: 2;
+    }
+
+    .settings-panel > [part='toggle-agent-switch'] {
+      grid-column: 1;
+      grid-row: 3;
+    }
+
+    .settings-panel > [part='download-button'],
+    .settings-panel > .settings-animations {
+      grid-column: 2;
+      justify-self: end;
+    }
+
+    .settings-panel > [part='download-button'] {
+      grid-row: 1;
+    }
+
+    .settings-panel > .settings-animations {
+      grid-row: 2;
+    }
+  }
+
+  @container (min-width: 750px) {
+    .settings-panel {
+      display: flex;
+      flex-wrap: nowrap;
+      align-items: center;
+      gap: calc(var(--design-unit) * 4px);
+    }
+
+    .settings-panel > [part='download-button'],
+    .settings-panel > .settings-animations {
+      justify-self: unset;
+      margin-left: auto;
+    }
+
+    .settings-panel > [part='download-button'] ~ .settings-animations {
+      margin-left: 0;
+    }
+  }
+
+  .context-usage {
+    animation: settings-slide-in 0.2s ease-out;
+    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 3px);
+    border-bottom: 1px solid var(--neutral-stroke-rest);
+    background-color: var(--neutral-layer-2);
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--design-unit) * 1px);
+  }
+
+  .context-usage-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    gap: calc(var(--design-unit) * 2px);
+  }
+
+  .context-usage-label {
+    font-size: 0.85em;
+    font-weight: 600;
+    color: var(--neutral-foreground-rest);
+    white-space: nowrap;
+  }
+
+  .context-usage-tokens {
+    font-size: 0.8em;
+    color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));
+    opacity: 80%;
+  }
+
+  .context-usage rapid-progress,
+  .context-usage [part='context-progress'] {
+    width: 100%;
+  }
+
+  .splash-wrapper {
+    position: absolute;
+    inset: 0;
+    z-index: 10;
+    overflow: hidden;
+    pointer-events: none;
+  }
+
+  ::slotted([slot='splash']) {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
   .messages {
     flex: 1;
     overflow-y: auto;
@@ -117,6 +285,28 @@ export const styles = css `
     }
   }
 
+  .agent-switch-indicator {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin: 8px 0;
+    color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));
+    opacity: 60%;
+    font-size: 0.75em;
+  }
+
+  .agent-switch-indicator::before,
+  .agent-switch-indicator::after {
+    content: '';
+    flex: 1;
+    height: 1px;
+    background: currentColor;
+  }
+
+  .agent-switch-label {
+    white-space: nowrap;
+  }
+
   .message-row {
     display: flex;
     align-items: flex-start;
@@ -249,6 +439,12 @@ export const styles = css `
     font-size: 0.95em;
   }
 
+  .payload.unknown-tool {
+    color: var(--error-color, #f87171);
+    border-left: 2px solid color-mix(in srgb, var(--error-color, #f87171) 40%, transparent);
+    padding-left: 8px;
+  }
+
   .input-row {
     display: flex;
     gap: calc(var(--design-unit) * 2px);

package/dist/esm/main/main.template.js

@@ -1,8 +1,22 @@
-import { html, repeat, when } from '@genesislcap/web-core';
+import { isChatToolCallUnknown } from '@genesislcap/foundation-ai';
+import { html, ref, repeat, when } from '@genesislcap/web-core';
 import { ANIMATION_DEFS } from './main.types';
+function unknownToolPayload(tc) {
+    if (!isChatToolCallUnknown(tc))
+        return '';
+    const lines = [`${tc.name} — tool does not exist`];
+    if (tc.availableTools.length > 0) {
+        lines.push('Available tools:');
+        tc.availableTools.forEach((t) => lines.push(`  • ${t}`));
+    }
+    return lines.join('\n');
+}
 const animationItemRenderer = (option) => html `
   <span part="option-label" title="${() => option.tooltip}">${() => option.label}</span>
 `;
+const HALO_SPEED_DEFAULT = 1.5;
+const HALO_SPEED_ORCHESTRATING = 0.4;
+const HALO_BORDER_SIZE_DEFAULT = 3;
 const animationOptions = Object.entries(ANIMATION_DEFS).map(([value, def]) => ({
     value,
     label: def.label,
@@ -28,6 +42,8 @@ const genesisIconTemplate = html `
  */
 const messageType = (m) => {
     switch (true) {
+        case m.role === 'system-event':
+            return 'agent-switch';
         case m.role === 'user':
             return 'user';
         case !!m.thinking:
@@ -54,32 +70,34 @@ export const FoundationAiAssistantTemplate = (designSystemPrefix) => {
     const multiselectTag = `${designSystemPrefix}-multiselect`;
     const textareaTag = `${designSystemPrefix}-text-area`;
     const iconTag = `${designSystemPrefix}-icon`;
+    const progressTag = `${designSystemPrefix}-progress`;
     return html `
     <div class="chat-wrapper" part="chat-wrapper">
-      ${when((x) => !!x.chatConfig.acceptedFiles, html `
+      ${when((x) => { var _a; return !!((_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.acceptedFiles); }, html `
           <input
             class="file-input"
             type="file"
             multiple
-            accept=${(x) => x.chatConfig.acceptedFiles}
+            accept=${(x) => { var _a; return (_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.acceptedFiles; }}
             @change=${(x, c) => x.handleFileSelect(c.event)}
           />
         `)}
-      ${when((x) => !!x.popoutMode ||
-        x.chatConfig.showToolCalls != null ||
-        x.chatConfig.showThinkingSteps != null ||
-        x.chatConfig.allowDebugDownload === true ||
-        x.chatConfig.animations != null, html `
+      ${when((x) => {
+        var _a, _b, _c, _d, _e;
+        return !!x.popoutMode ||
+            ((_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.showToolCalls) != null ||
+            ((_b = x.chatConfig.ui) === null || _b === void 0 ? void 0 : _b.showThinkingSteps) != null ||
+            ((_c = x.chatConfig.ui) === null || _c === void 0 ? void 0 : _c.showAgentSwitchIndicator) != null ||
+            ((_d = x.chatConfig.ui) === null || _d === void 0 ? void 0 : _d.allowDebugDownload) === true ||
+            ((_e = x.chatConfig.ui) === null || _e === void 0 ? void 0 : _e.animations) != null;
+    }, html `
           <div
-            class="chat-header ${(x) => (x.popoutMode === 'expand' ? 'draggable' : '')}"
+            class="chat-header ${(x) => (x.popoutMode !== 'collapse' ? 'draggable' : '')}"
             part="chat-header"
             @mousedown="${(x, c) => x.onChatHeaderMouseDown(c.event)}"
           >
-            ${when((x) => { var _a, _b, _c; return !!((_a = x.headerTitle) !== null && _a !== void 0 ? _a : (_c = (_b = x.agents) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.name); }, html `
-                <!-- TODO: multi-agent orchestration — bind to active agent name rather than always agents[0] -->
-                <span class="chat-title" part="chat-title">
-                  ${(x) => { var _a, _b, _c; return (_a = x.headerTitle) !== null && _a !== void 0 ? _a : (_c = (_b = x.agents) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.name; }}
-                </span>
+            ${when((x) => !!x.headerTitle, html `
+                <span class="chat-title" part="chat-title">${(x) => x.headerTitle}</span>
               `)}
             <div class="header-actions" part="header-actions">
               <slot name="header-actions-extra"></slot>
@@ -93,10 +111,14 @@ export const FoundationAiAssistantTemplate = (designSystemPrefix) => {
                     @click=${(x) => x.handlePopout()}
                   ><${iconTag} name="${(x) => (x.popoutMode === 'expand' ? 'external-link-alt' : 'compress-alt')}"></${iconTag}></${buttonTag}>
                 `)}
-              ${when((x) => x.chatConfig.showToolCalls != null ||
-        x.chatConfig.showThinkingSteps != null ||
-        x.chatConfig.allowDebugDownload === true ||
-        x.chatConfig.animations != null, html `
+              ${when((x) => {
+        var _a, _b, _c, _d, _e;
+        return ((_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.showToolCalls) != null ||
+            ((_b = x.chatConfig.ui) === null || _b === void 0 ? void 0 : _b.showThinkingSteps) != null ||
+            ((_c = x.chatConfig.ui) === null || _c === void 0 ? void 0 : _c.showAgentSwitchIndicator) != null ||
+            ((_d = x.chatConfig.ui) === null || _d === void 0 ? void 0 : _d.allowDebugDownload) === true ||
+            ((_e = x.chatConfig.ui) === null || _e === void 0 ? void 0 : _e.animations) != null;
+    }, html `
                   <${buttonTag}
                     class="settings-button"
                     part="settings-button"
@@ -109,28 +131,35 @@ export const FoundationAiAssistantTemplate = (designSystemPrefix) => {
           </div>
           ${when((x) => x.settingsOpen, html `
               <div class="settings-panel" part="settings-panel">
-                ${when((x) => x.chatConfig.showToolCalls != null, html `
+                ${when((x) => { var _a; return ((_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.showToolCalls) != null; }, html `
                     <${switchTag}
                       part="toggle-tool-calls"
                       :checked=${(x) => x.showToolCalls}
                       @change=${(x) => x.toggleShowToolCalls()}
                     >Tool calls</${switchTag}>
                   `)}
-                ${when((x) => x.chatConfig.showThinkingSteps != null, html `
+                ${when((x) => { var _a; return ((_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.showThinkingSteps) != null; }, html `
                     <${switchTag}
                       part="toggle-thinking"
                       :checked=${(x) => x.showThinkingSteps}
                       @change=${(x) => x.toggleShowThinkingSteps()}
                     >Thinking</${switchTag}>
                   `)}
-                ${when((x) => x.chatConfig.allowDebugDownload === true, html `
+                ${when((x) => { var _a; return ((_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.showAgentSwitchIndicator) != null; }, html `
+                    <${switchTag}
+                      part="toggle-agent-switch"
+                      :checked=${(x) => x.showAgentSwitchIndicator}
+                      @change=${(x) => x.toggleShowAgentSwitchIndicator()}
+                    >Agents</${switchTag}>
+                  `)}
+                ${when((x) => { var _a; return ((_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.allowDebugDownload) === true; }, html `
                     <${buttonTag}
                       part="download-button"
                       appearance="stealth"
-                      @click=${(x) => x.downloadHistory()}
-                    >Download debug state</${buttonTag}>
+                      @click=${(x) => x.downloadDebugLog()}
+                    >Download agent log</${buttonTag}>
                   `)}
-                ${when((x) => { var _a; return ((_a = x.chatConfig.animations) === null || _a === void 0 ? void 0 : _a.userConfigurable) === true; }, html `
+                ${when((x) => { var _a, _b; return ((_b = (_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.animations) === null || _b === void 0 ? void 0 : _b.userConfigurable) === true; }, html `
                     <div class="settings-animations">
                       <span class="settings-label">Animations</span>
                       <${multiselectTag}
@@ -147,49 +176,110 @@ export const FoundationAiAssistantTemplate = (designSystemPrefix) => {
               </div>
             `)}
         `)}
+      ${when((x) => {
+        var _a;
+        return x.settingsOpen &&
+            ((_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.showContextUsage) !== false &&
+            x.contextTokens != null &&
+            x.contextLimit != null;
+    }, html `
+          <div class="context-usage" part="context-usage">
+            <div class="context-usage-header">
+              <span class="context-usage-label">Context window</span>
+              <span class="context-usage-tokens">
+                ${(x) => x.contextTokens.toLocaleString()} /
+                ${(x) => x.contextLimit.toLocaleString()} tokens
+                (${(x) => Math.round((x.contextTokens / x.contextLimit) * 100)}%)
+              </span>
+            </div>
+            <${progressTag}
+              part="context-progress"
+              value="${(x) => Math.min(100, Math.round((x.contextTokens / x.contextLimit) * 100))}"
+            ></${progressTag}>
+          </div>
+        `)}
 
-      <div class="messages" part="messages">
+      <div class="splash-wrapper" part="splash">
+        <slot name="splash"></slot>
+      </div>
+
+      <div class="messages" part="messages" ${ref('messagesEl')}>
 
         ${repeat((x) => x.visibleMessages, html `
-            <div class="message-row ${(m) => messageType(m)}">
-              ${when((m) => m.role !== 'user', html `
-                  <div class="avatar ${(m) => messageType(m)}">
-                    ${when((m, c) => !!c.parent.imageSrc, html `
-                        <img
-                          src="${(m, c) => c.parent.imageSrc}"
-                          alt="Assistant"
-                          class="avatar-img"
-                        />
-                      `)}
-                    ${when((m, c) => !c.parent.imageSrc, genesisIconTemplate)}
-                  </div>
-                `)}
-              <div class="message ${(m) => messageType(m)}">
-                <div class="sender">${(m) => senderLabel[messageType(m)]}</div>
-                <div class="content">
-                  ${when((m) => m.content, html `
-                      <ai-chat-markdown :content="${(m) => m.content}"></ai-chat-markdown>
+            ${when((m) => m.role === 'system-event', html `
+                <div class="agent-switch-indicator" part="agent-switch-indicator">
+                  <span class="agent-switch-label">${(m) => m.content}</span>
+                </div>
+              `)}
+            ${when((m) => m.role !== 'system-event', html `
+                <div class="message-row ${(m) => messageType(m)}">
+                  ${when((m) => m.role !== 'user', html `
+                      <div class="avatar ${(m) => messageType(m)}">
+                        ${when((m, c) => !!c.parent.imageSrc, html `
+                            <img
+                              src="${(m, c) => c.parent.imageSrc}"
+                              alt="Assistant"
+                              class="avatar-img"
+                            />
+                          `)}
+                        ${when((m, c) => !c.parent.imageSrc, genesisIconTemplate)}
+                      </div>
                     `)}
-                  ${when((m) => m.toolCalls, html `
-                      ${repeat((m) => { var _a; return (_a = m.toolCalls) !== null && _a !== void 0 ? _a : []; }, html `
-                          <pre class="payload"><strong>${(tc) => tc.name}</strong>(${(tc) => JSON.stringify(tc.args, null, 2)})</pre>
+                  <div class="message ${(m) => messageType(m)}">
+                    <div class="sender">
+                      ${(m, c) => messageType(m) === 'ai-function' &&
+        m.agentName &&
+        c.parent.showAgentSwitchIndicator
+        ? `Tool Call · ${m.agentName}`
+        : senderLabel[messageType(m)]}
+                    </div>
+                    <div class="content">
+                      ${when((m) => m.content, html `
+                          <ai-chat-markdown :content="${(m) => m.content}"></ai-chat-markdown>
                         `)}
-                    `)}
-                  ${when((m) => m.interaction, html `
-                      <ai-chat-interaction-wrapper
-                        :componentName=${(m) => m.interaction.componentName}
-                        :data=${(m) => m.interaction.data}
-                        :interactionId=${(m) => m.interaction.interactionId}
-                        :resolved=${(m) => !!m.interaction.resolved}
-                        @interaction-completed=${(m, c) => c.parent.handleInteractionCompleted(c.event)}
-                      ></ai-chat-interaction-wrapper>
-                    `)}
+                      ${when((m) => m.toolCalls, html `
+                          ${repeat((m) => { var _a; return (_a = m.toolCalls) !== null && _a !== void 0 ? _a : []; }, html `
+                              ${when((tc) => tc.foldEvent === 'open', html `
+                                  <pre class="payload fold-event fold-open">
+&#9658; ${(tc) => tc.name}</pre
+                                  >
+                                `)}
+                              ${when((tc) => tc.foldEvent === 'close', html `
+                                  <pre class="payload fold-event fold-close">
+&#9668; ${(tc) => tc.name}</pre
+                                  >
+                                `)}
+                              ${when((tc) => !tc.foldEvent && !isChatToolCallUnknown(tc), html `
+                                  <pre class="payload">
+${(tc) => { var _a; return (((_a = tc.foldPath) === null || _a === void 0 ? void 0 : _a.length) ? `${tc.foldPath.join(' › ')} › ` : ''); }}<strong>${(tc) => tc.name}</strong>(${(tc) => JSON.stringify(tc.args, null, 2)})</pre
+                                  >
+                                `)}
+                              ${when(isChatToolCallUnknown, html `
+                                  <pre class="payload unknown-tool">
+${(tc) => unknownToolPayload(tc)}</pre
+                                  >
+                                `)}
+                            `)}
+                        `)}
+                      ${when((m) => m.interaction, html `
+                          <ai-chat-interaction-wrapper
+                            :componentName=${(m) => m.interaction.componentName}
+                            :data=${(m) => m.interaction.data}
+                            :interactionId=${(m) => m.interaction.interactionId}
+                            :resolved=${(m) => m.interaction.resolved}
+                            @interaction-completed=${(m, c) => c.parent.handleInteractionCompleted(c.event)}
+                          ></ai-chat-interaction-wrapper>
+                        `)}
+                    </div>
+                  </div>
                 </div>
-              </div>
-            </div>
+              `)}
           `)}
-        ${when((x) => x.showLoadingIndicator &&
-        (x.chatConfig.animations == null || x.enabledAnimations.includes('loading')), html `
+        ${when((x) => {
+        var _a;
+        return x.showLoadingIndicator &&
+            (((_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.animations) == null || x.enabledAnimations.includes('loading'));
+    }, html `
             <div class="message-row ai" part="thinking">
               <div class="avatar">
                 ${when((x) => !!x.imageSrc, html `
@@ -236,13 +326,20 @@ export const FoundationAiAssistantTemplate = (designSystemPrefix) => {
           </div>
         `)}
 
+      ${when((x) => { var _a; return ((_a = x.chatConfig.suggestions) === null || _a === void 0 ? void 0 : _a.behavior) !== 'never'; }, html `
+          <chat-suggestions
+            :state="${(x) => x.suggestionsState}"
+            @suggestion-clicked="${(x, c) => x.handleSuggestionClick(c.event.detail)}"
+          ></chat-suggestions>
+        `)}
+
       <div class="input-row" part="input-row">
-        ${when((x) => !!x.chatConfig.acceptedFiles, html `
+        ${when((x) => { var _a; return !!((_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.acceptedFiles); }, html `
             <${buttonTag}
               class="attach-button"
               part="attach-button"
               appearance="stealth"
-              title=${(x) => `Attach file (${x.chatConfig.acceptedFiles})`}
+              title=${(x) => { var _a; return `Attach file (${(_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.acceptedFiles})`; }}
               ?disabled=${(x) => x.state === 'loading'}
               @click=${(x) => x.triggerFileInput()}
             ><${iconTag} name="paperclip"></${iconTag}></${buttonTag}>
@@ -273,7 +370,10 @@ export const FoundationAiAssistantTemplate = (designSystemPrefix) => {
       </div>
       <ai-halo-overlay
         part="halo-overlay"
-        ?active=${(x) => x.showHalo && x.enabledAnimations.includes('halo')}
+        ?active=${(x) => x.showHalo !== 'no' && x.enabledAnimations.includes('halo')}
+        :speed="${(x) => (x.showHalo === 'orchestrating' ? HALO_SPEED_ORCHESTRATING : HALO_SPEED_DEFAULT)}"
+        direction="${(x) => (x.showHalo === 'orchestrating' ? 'ccw' : 'cw')}"
+        :borderSize="${(x) => (x.showHalo === 'orchestrating' ? 2 : HALO_BORDER_SIZE_DEFAULT)}"
       ></ai-halo-overlay>
     </div>
   `;

package/dist/esm/state/ai-assistant-slice.js

@@ -0,0 +1,54 @@
+import { createSlice } from '@genesislcap/foundation-redux';
+export const defaultSessionState = {
+    messages: [],
+    state: 'idle',
+    showToolCalls: false,
+    showThinkingSteps: false,
+    showAgentSwitchIndicator: false,
+    enabledAnimations: [],
+    suggestionsState: { status: 'idle' },
+    contextTokens: undefined,
+    contextLimit: undefined,
+    activeAgent: undefined,
+    inputValue: '',
+};
+export const aiAssistantSlice = createSlice({
+    name: 'aiAssistant',
+    initialState: defaultSessionState,
+    reducers: {
+        setMessages(state, action) {
+            state.messages = action.payload;
+        },
+        setState(state, action) {
+            state.state = action.payload;
+        },
+        setShowToolCalls(state, action) {
+            state.showToolCalls = action.payload;
+        },
+        setShowThinkingSteps(state, action) {
+            state.showThinkingSteps = action.payload;
+        },
+        setShowAgentSwitchIndicator(state, action) {
+            state.showAgentSwitchIndicator = action.payload;
+        },
+        setEnabledAnimations(state, action) {
+            state.enabledAnimations = action.payload;
+        },
+        setSuggestionsState(state, action) {
+            state.suggestionsState = action.payload;
+        },
+        setContextTokens(state, action) {
+            state.contextTokens = action.payload;
+        },
+        setContextLimit(state, action) {
+            state.contextLimit = action.payload;
+        },
+        setActiveAgent(state, action) {
+            state.activeAgent = action.payload;
+        },
+        setInputValue(state, action) {
+            state.inputValue = action.payload;
+        },
+    },
+    selectors: {},
+});

package/dist/esm/state/driver-registry.js

@@ -0,0 +1,46 @@
+/**
+ * Module-level registry of AI drivers keyed by session identity string.
+ *
+ * Driver lifetime is tied to the conversation session, not the DOM.
+ * Components look up or create drivers on connect and only unwire
+ * event listeners on disconnect — the driver is never destroyed by
+ * a lifecycle event.
+ *
+ * @internal
+ */
+const driverRegistry = new Map();
+/**
+ * Returns the existing driver for the given key, or calls the factory
+ * to create and register a new one.
+ */
+export function getOrCreateDriver(key, factory) {
+    const existing = driverRegistry.get(key);
+    if (existing)
+        return existing;
+    const driver = factory();
+    driverRegistry.set(key, driver);
+    return driver;
+}
+/**
+ * Returns the existing driver for the given key, or `undefined`.
+ */
+export function getDriver(key) {
+    return driverRegistry.get(key);
+}
+/**
+ * Removes and returns the driver for the given key.
+ * Used when agents change (driver must be rebuilt) or on explicit session teardown.
+ */
+export function deleteDriver(key) {
+    const driver = driverRegistry.get(key);
+    driverRegistry.delete(key);
+    return driver;
+}
+/**
+ * Removes all entries. Exposed for test isolation only — not part of the public API.
+ *
+ * @internal
+ */
+export function clearDriverRegistry() {
+    driverRegistry.clear();
+}