@genesislcap/ai-assistant 14.409.0-FUI-2495.2 → 14.409.1

package/dist/esm/main/main.js

@@ -10,7 +10,6 @@ import { ChatDriver } from '../components/chat-driver/chat-driver';
 import { AiChatInteractionWrapper } from '../components/chat-interaction-wrapper/chat-interaction-wrapper';
 import { AiChatMarkdown } from '../components/chat-markdown/chat-markdown';
 import { AiHaloOverlay } from '../components/halo-overlay';
-import { OrchestratingDriver } from '../components/orchestrating-driver/orchestrating-driver';
 import { logger } from '../utils/logger';
 import { styles } from './main.styles';
 import { FoundationAiAssistantTemplate } from './main.template';
@@ -22,8 +21,7 @@ avoidTreeShaking(AiChatMarkdown, AiChatInteractionWrapper, AiHaloOverlay, AiChat
  *
  * @remarks
  * Inject an `AIProvider` through the DI container. Pass agent configuration via the `agents`
- * property. The component creates a `ChatDriver` (single agent) or `OrchestratingDriver`
- * (multiple agents) to manage the conversation loop.
+ * property. The component creates a `ChatDriver` to manage the conversation loop.
  *
  * @beta
  */
@@ -42,8 +40,6 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
         this.showToolCalls = false;
         /** Current user-facing toggle state for thinking step visibility. */
         this.showThinkingSteps = false;
-        /** Current user-facing toggle state for agent switch indicator visibility. */
-        this.showAgentSwitchIndicator = false;
         /** Currently enabled animations. */
         this.enabledAnimations = [];
         /** Whether the loading spinner is currently visible. Controlled by the loading delay timer. */
@@ -51,20 +47,19 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
         /** Whether the settings panel is open. */
         this.settingsOpen = false;
         this.haloStartPublished = false;
-        this.showHalo = 'no';
+        /**
+         * Whether the halo animation should be shown.
+         * True when the AI is actively computing (loading state, no pending interaction).
+         */
+        this.showHalo = false;
     }
     syncShowHalo() {
         if (this.state !== 'loading') {
-            this.showHalo = 'no';
+            this.showHalo = false;
             return;
         }
         const last = this.messages[this.messages.length - 1];
-        if (last === null || last === void 0 ? void 0 : last.interaction) {
-            this.showHalo = 'no';
-        }
-        else if (this.showHalo !== 'orchestrating') {
-            this.showHalo = 'agent';
-        }
+        this.showHalo = !(last === null || last === void 0 ? void 0 : last.interaction);
     }
     /** True when there is a pending (unresolved) interaction — disables the popout button. */
     get hasActivePendingInteraction() {
@@ -77,7 +72,7 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
         var _a;
         if (!((_a = this.enabledAnimations) === null || _a === void 0 ? void 0 : _a.includes('halo')))
             return;
-        if (this.showHalo === 'no') {
+        if (!this.showHalo) {
             agenticActivityBus.publish('halo-stop', undefined);
             this.haloStartPublished = false;
         }
@@ -101,16 +96,8 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
      * `showToolCalls` is false.
      */
     get visibleMessages() {
-        var _a;
-        const showAgentSwitchIndicator = ((_a = this.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.showAgentSwitchIndicator) != null
-            ? this.showAgentSwitchIndicator
-            : this.showToolCalls;
         return this.messages.filter((m) => {
             var _a, _b, _c;
-            // Agent switch indicators are shown when the toggle is on (or showToolCalls implies it)
-            if (m.role === 'system-event') {
-                return showAgentSwitchIndicator;
-            }
             // Never show tool messages to the user
             if (m.role === 'tool') {
                 return false;
@@ -128,40 +115,19 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
         });
     }
     connectedCallback() {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d;
         super.connectedCallback();
-        const ui = (_a = this.chatConfig.ui) !== null && _a !== void 0 ? _a : {};
-        const agent = (_b = this.chatConfig.agent) !== null && _b !== void 0 ? _b : {};
-        this.showToolCalls = ui.showToolCalls === true;
-        this.showThinkingSteps = ui.showThinkingSteps === true;
-        this.showAgentSwitchIndicator = ui.showAgentSwitchIndicator === true;
+        const { showToolCalls, showThinkingSteps, animations } = this.chatConfig;
+        this.showToolCalls = showToolCalls === true;
+        this.showThinkingSteps = showThinkingSteps === true;
         this.enabledAnimations =
-            (_d = (_c = ui.animations) === null || _c === void 0 ? void 0 : _c.enabled) !== null && _d !== void 0 ? _d : (ui.animations ? [...ALL_ANIMATIONS] : []);
-        const { agents } = this;
-        if (agents && agents.length > 1) {
-            const orchestrator = new OrchestratingDriver(this.aiProvider, agents, {
-                maxHandoffs: agent.maxHandoffs,
-                classifierHistoryLength: agent.classifierHistoryLength,
-                classifierRetries: agent.classifierRetries,
-                maxToolIterations: agent.maxToolIterations,
-            });
-            orchestrator.addEventListener('orchestrating-start', () => {
-                this.showHalo = 'orchestrating';
-            });
-            orchestrator.addEventListener('orchestrating-stop', () => {
-                if (this.showHalo === 'orchestrating')
-                    this.showHalo = 'agent';
-            });
-            orchestrator.addEventListener('agent-changed', (e) => {
-                this.activeAgent = e.detail;
-            });
-            this.driver = orchestrator;
-        }
-        else {
-            const singleAgent = agents === null || agents === void 0 ? void 0 : agents[0];
-            this.activeAgent = singleAgent;
-            this.driver = new ChatDriver(this.aiProvider, (_e = singleAgent === null || singleAgent === void 0 ? void 0 : singleAgent.toolHandlers) !== null && _e !== void 0 ? _e : {}, (_f = singleAgent === null || singleAgent === void 0 ? void 0 : singleAgent.toolDefinitions) !== null && _f !== void 0 ? _f : [], singleAgent === null || singleAgent === void 0 ? void 0 : singleAgent.systemPrompt, singleAgent === null || singleAgent === void 0 ? void 0 : singleAgent.primerHistory, agent.maxToolIterations);
+            (_a = animations === null || animations === void 0 ? void 0 : animations.enabled) !== null && _a !== void 0 ? _a : (animations ? [...ALL_ANIMATIONS] : []);
+        // TODO: multi-agent orchestration — classify intent and route to the correct agent
+        if (this.agents && this.agents.length > 1) {
+            logger.warn('FoundationAiAssistant: multiple agents configured but orchestration is not yet implemented. Only the first agent will be used.');
         }
+        const agent = (_b = this.agents) === null || _b === void 0 ? void 0 : _b[0];
+        this.driver = new ChatDriver(this.aiProvider, (_c = agent === null || agent === void 0 ? void 0 : agent.toolHandlers) !== null && _c !== void 0 ? _c : {}, (_d = agent === null || agent === void 0 ? void 0 : agent.toolDefinitions) !== null && _d !== void 0 ? _d : [], agent === null || agent === void 0 ? void 0 : agent.systemPrompt, agent === null || agent === void 0 ? void 0 : agent.primerHistory, this.chatConfig.maxToolIterations);
         this.driver.addEventListener('history-updated', (e) => {
             this.messages = [...e.detail];
         });
@@ -203,7 +169,10 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
         }
         this.syncShowHalo();
         // Publish halo-start whenever a new toolCalls message arrives.
-        if (this.showHalo !== 'no' && ((_a = this.enabledAnimations) === null || _a === void 0 ? void 0 : _a.includes('halo'))) {
+        // If we've already published one this turn, send halo-stop first so grids
+        // not relevant to the new tools begin deactivating (fix #2).
+        // Never publish with empty toolNames (fix #3).
+        if (this.showHalo && ((_a = this.enabledAnimations) === null || _a === void 0 ? void 0 : _a.includes('halo'))) {
             const last = this.messages[this.messages.length - 1];
             if ((_b = last === null || last === void 0 ? void 0 : last.toolCalls) === null || _b === void 0 ? void 0 : _b.length) {
                 const toolNames = this.getActiveToolNames();
@@ -219,6 +188,7 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
         this.scrollToBottom();
     }
     showLoadingIndicatorChanged() {
+        // Scroll to bottom when the spinner appears so it is visible.
         if (this.showLoadingIndicator) {
             this.scrollToBottom();
         }
@@ -236,9 +206,9 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
         });
     }
     startLoadingTimer() {
-        var _a, _b;
+        var _a;
         this.clearLoadingTimer();
-        const delay = (_b = (_a = this.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.loadingDelay) !== null && _b !== void 0 ? _b : FoundationAiAssistant_1.DEFAULT_LOADING_DELAY_S;
+        const delay = (_a = this.chatConfig.loadingDelay) !== null && _a !== void 0 ? _a : FoundationAiAssistant_1.DEFAULT_LOADING_DELAY_S;
         if (delay === 0) {
             this.showLoadingIndicator = true;
         }
@@ -273,7 +243,6 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
         this.messages = [...state.messages];
         this.showToolCalls = state.showToolCalls;
         this.showThinkingSteps = state.showThinkingSteps;
-        this.showAgentSwitchIndicator = state.showAgentSwitchIndicator;
         this.enabledAnimations = [...state.enabledAnimations];
         (_a = this.driver) === null || _a === void 0 ? void 0 : _a.loadHistory(state.messages);
     }
@@ -282,28 +251,11 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
             messages: [...this.messages],
             showToolCalls: this.showToolCalls,
             showThinkingSteps: this.showThinkingSteps,
-            showAgentSwitchIndicator: this.showAgentSwitchIndicator,
             enabledAnimations: [...this.enabledAnimations],
         };
     }
     toggleSettings() {
-        var _a;
-        if (this.settingsOpen) {
-            const panel = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.settings-panel');
-            if (panel) {
-                panel.classList.add('closing');
-                panel.addEventListener('animationend', () => {
-                    panel.classList.remove('closing');
-                    this.settingsOpen = false;
-                }, { once: true });
-            }
-            else {
-                this.settingsOpen = false;
-            }
-        }
-        else {
-            this.settingsOpen = true;
-        }
+        this.settingsOpen = !this.settingsOpen;
     }
     toggleShowToolCalls() {
         this.showToolCalls = !this.showToolCalls;
@@ -311,30 +263,23 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
     toggleShowThinkingSteps() {
         this.showThinkingSteps = !this.showThinkingSteps;
     }
-    toggleShowAgentSwitchIndicator() {
-        this.showAgentSwitchIndicator = !this.showAgentSwitchIndicator;
-    }
     setEnabledAnimations(animations) {
         this.enabledAnimations = animations;
     }
-    getDebugLog() {
-        var _a, _b, _c, _d, _e, _f;
-        return {
-            messages: (_c = (_b = (_a = this.driver) === null || _a === void 0 ? void 0 : _a.getRawHistory) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : this.messages,
-            agentSummary: this.agents,
-            host: window.location.host,
-            activeSystemPrompt: (_d = this.activeAgent) === null || _d === void 0 ? void 0 : _d.systemPrompt,
-            activePrimerHistory: (_e = this.activeAgent) === null || _e === void 0 ? void 0 : _e.primerHistory,
-            debug: (_f = this.debugStateFactory) === null || _f === void 0 ? void 0 : _f.call(this),
-        };
-    }
-    downloadDebugLog() {
-        var _a, _b, _c;
+    downloadHistory() {
+        var _a, _b, _c, _d;
         const timestamp = new Date().toISOString().replace(/:/g, '-');
-        const agentName = ((_c = (_b = (_a = this.activeAgent) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.headerTitle) !== null && _c !== void 0 ? _c : 'chat')
+        // TODO: multi-agent orchestration — use the active agent rather than always agents[0]
+        const agent = (_a = this.agents) === null || _a === void 0 ? void 0 : _a[0];
+        const agentName = ((_c = (_b = agent === null || agent === void 0 ? void 0 : agent.name) !== null && _b !== void 0 ? _b : this.headerTitle) !== null && _c !== void 0 ? _c : 'chat')
             .toLowerCase()
             .replace(/\s+/g, '-');
-        const payload = this.getDebugLog();
+        const payload = {
+            messages: this.messages,
+            systemPrompt: agent === null || agent === void 0 ? void 0 : agent.systemPrompt,
+            primerHistory: agent === null || agent === void 0 ? void 0 : agent.primerHistory,
+            debug: (_d = this.debugStateFactory) === null || _d === void 0 ? void 0 : _d.call(this),
+        };
         const blob = new Blob([JSON.stringify(payload, null, 2)], { type: 'application/json' });
         const url = URL.createObjectURL(blob);
         const a = document.createElement('a');
@@ -363,12 +308,12 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
         }
     }
     isAcceptedFile(file) {
-        var _a, _b, _c;
-        const accepted = (_a = this.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.acceptedFiles;
+        var _a, _b;
+        const accepted = this.chatConfig.acceptedFiles;
         if (!accepted)
             return false;
         const acceptedList = accepted.split(',').map((s) => s.trim().toLowerCase());
-        const ext = `.${(_c = (_b = file.name.split('.').pop()) === null || _b === void 0 ? void 0 : _b.toLowerCase()) !== null && _c !== void 0 ? _c : ''}`;
+        const ext = `.${(_b = (_a = file.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : ''}`;
         return acceptedList.some((a) => a === ext ||
             a === file.type ||
             (a.endsWith('/*') && file.type.startsWith(a.replace('/*', '/'))));
@@ -444,6 +389,9 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
         });
     }
     restoreFocusIfAppropriate() {
+        // If focus is still within this component (document.activeElement === this, since shadow DOM
+        // reports the host) or nothing specific has focus (body), return focus to the input.
+        // If the user has navigated to another element in the app, leave them there.
         const active = document.activeElement;
         if (active !== document.body && active !== this)
             return;
@@ -453,7 +401,7 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
         });
     }
     onChatHeaderMouseDown(e) {
-        if (this.popoutMode === 'collapse')
+        if (this.popoutMode !== 'expand')
             return;
         e.preventDefault();
         this.dispatchEvent(new CustomEvent('chat-header-mousedown', {
@@ -515,18 +463,12 @@ __decorate([
 __decorate([
     observable
 ], FoundationAiAssistant.prototype, "attachmentErrors", void 0);
-__decorate([
-    observable
-], FoundationAiAssistant.prototype, "activeAgent", void 0);
 __decorate([
     observable
 ], FoundationAiAssistant.prototype, "showToolCalls", void 0);
 __decorate([
     observable
 ], FoundationAiAssistant.prototype, "showThinkingSteps", void 0);
-__decorate([
-    observable
-], FoundationAiAssistant.prototype, "showAgentSwitchIndicator", void 0);
 __decorate([
     observable
 ], FoundationAiAssistant.prototype, "enabledAnimations", void 0);

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

@@ -11,7 +11,6 @@ export const styles = css `
   }
 
   .chat-wrapper {
-    container-type: inline-size;
     position: relative;
     display: flex;
     flex-direction: column;
@@ -57,140 +56,22 @@ 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 {
-    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);
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 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;
-    }
-  }
-
   .messages {
     flex: 1;
     overflow-y: auto;
@@ -236,28 +117,6 @@ 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;