@genesislcap/ai-assistant 14.458.3 → 14.460.0

package/dist/esm/main/main.js

@@ -33,21 +33,25 @@ import { AiChatBubble } from '../components/chat-bubble/chat-bubble';
 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 { AiFlowingWavesIndicator } from '../components/flowing-waves-indicator';
 import { AiHaloOverlay } from '../components/halo-overlay';
 import { OrchestratingDriver } from '../components/orchestrating-driver/orchestrating-driver';
+import { AiPlasmaOrbIndicator } from '../components/plasma-orb-indicator';
+import { AiWavesIndicator } from '../components/waves-indicator';
 import { recordMetaEvent, getMetaEvents, DEBUG_LOG_README, } from '../state/debug-event-log';
 import { getOrCreateDriver, getDriver, deleteDriver } from '../state/driver-registry';
 import { getSessionStore, hasSessionStore } from '../state/session-store';
 import { AI_COLOUR_AMBER, AI_COLOUR_CYAN, AI_COLOUR_PINK, AI_COLOUR_VIOLET, } from '../styles/ai-colours';
 import { ChatSuggestions } from '../suggestions/chat-suggestions';
 import { AnimatedPanelToggle } from '../utils/animated-panel-toggle';
+import { resolveExclusiveLoadingStyle } from '../utils/animation-exclusivity';
 import { logger } from '../utils/logger';
 import { filterVisibleMessages, trailingInteractionRow } from '../utils/message-partition';
 import { sumCosts } from '../utils/sum-costs';
 import { expandToolTree } from '../utils/tool-fold';
 import { styles } from './main.styles';
 import { FoundationAiAssistantTemplate } from './main.template';
-import { ALL_ANIMATIONS } from './main.types';
+import { DEFAULT_ANIMATIONS } from './main.types';
 /** Context window sizes (in tokens) for known models. */
 /**
  * Pin tint palette, cycled by agent position. Matches the four brand colours
@@ -90,7 +94,7 @@ const COMPOSER_MAX_HEIGHT_PX = 400;
 /** Keep at least this much of the message list visible while growing the composer. */
 const COMPOSER_MIN_MESSAGES_PX = 80;
 // Register supporting components when the main component module is imported.
-avoidTreeShaking(AiChatMarkdown, AiChatInteractionWrapper, AiHaloOverlay, AiChatBubble, AiActivityHalo, ChatSuggestions, AgentPicker);
+avoidTreeShaking(AiChatMarkdown, AiChatInteractionWrapper, AiHaloOverlay, AiWavesIndicator, AiFlowingWavesIndicator, AiPlasmaOrbIndicator, AiChatBubble, AiActivityHalo, ChatSuggestions, AgentPicker);
 /**
  * Recursively strips non-serializable fields from an agent before storing in Redux:
  *  - `toolHandlers` (functions),
@@ -538,7 +542,9 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
             return;
         }
         const last = this.messages[this.messages.length - 1];
-        if (last === null || last === void 0 ? void 0 : last.interaction) {
+        // Hide only while a pending interaction blocks on the user; a resolved
+        // interaction means the assistant is computing again (keep the halo).
+        if ((last === null || last === void 0 ? void 0 : last.interaction) && !last.interaction.resolved) {
             this.showHalo = 'no';
         }
         else if (this.showHalo !== 'orchestrating') {
@@ -911,8 +917,7 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
             this.showToolCalls = ui.showToolCalls === true;
             this.showThinkingSteps = ui.showThinkingSteps === true;
             this.showAgentSwitchIndicator = ui.showAgentSwitchIndicator === true;
-            this.enabledAnimations =
-                (_c = (_b = ui.animations) === null || _b === void 0 ? void 0 : _b.enabled) !== null && _c !== void 0 ? _c : (ui.animations ? [...ALL_ANIMATIONS] : []);
+            this.enabledAnimations = resolveExclusiveLoadingStyle((_c = (_b = ui.animations) === null || _b === void 0 ? void 0 : _b.enabled) !== null && _c !== void 0 ? _c : (ui.animations ? [...DEFAULT_ANIMATIONS] : []));
             const defaultAgent = (_d = this.chatConfig.picker) === null || _d === void 0 ? void 0 : _d.defaultAgent;
             if (defaultAgent && ((_e = this.agents) !== null && _e !== void 0 ? _e : []).some((a) => a.name === defaultAgent)) {
                 this.pinnedAgentName = defaultAgent;
@@ -1078,10 +1083,14 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
         // waiting for the user, not computing.
         if (this.busy) {
             const last = this.messages[this.messages.length - 1];
-            if (last === null || last === void 0 ? void 0 : last.interaction) {
+            // Only a *pending* interaction means the assistant is blocked waiting on
+            // the user. Once it's resolved — or for any normal step — the assistant is
+            // computing again, so the indicator should resume (e.g. while it works out
+            // the next planning question after the user answers a widget).
+            if ((last === null || last === void 0 ? void 0 : last.interaction) && !last.interaction.resolved) {
                 this.stopLoadingTimer();
             }
-            else if ((last === null || last === void 0 ? void 0 : last.role) === 'assistant') {
+            else {
                 this.startLoadingTimer();
             }
         }
@@ -1334,7 +1343,9 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
         this.showAgentSwitchIndicator = !this.showAgentSwitchIndicator;
     }
     setEnabledAnimations(animations) {
-        this.enabledAnimations = animations;
+        // The dots and waves loading styles are mutually exclusive — enabling one
+        // disables the other (see resolveExclusiveLoadingStyle).
+        this.enabledAnimations = resolveExclusiveLoadingStyle(animations, this.enabledAnimations);
     }
     getDebugLog() {
         var _a, _b, _c, _d, _e, _f, _j, _k, _l, _m, _o, _p, _q;
@@ -1822,7 +1833,7 @@ let FoundationAiAssistant = FoundationAiAssistant_1 = class FoundationAiAssistan
 FoundationAiAssistant.SCROLL_BOTTOM_THRESHOLD_PX = 50;
 /** Context-usage percentage that fires the one-shot `context.threshold-crossed` event. */
 FoundationAiAssistant.CONTEXT_USAGE_WARN_PERCENT = 80;
-FoundationAiAssistant.DEFAULT_LOADING_DELAY_S = 5;
+FoundationAiAssistant.DEFAULT_LOADING_DELAY_S = 0;
 FoundationAiAssistant.DEFAULT_SUGGESTION_COUNT = 3;
 FoundationAiAssistant.MS_PER_SECOND = 1000;
 __decorate([

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

@@ -95,14 +95,22 @@ export const styles = css `
     animation: settings-slide-out 0.2s ease-in forwards;
   }
 
-  rapid-multiselect::part(root) {
-    min-width: 80px;
-    width: 300%;
+  /* Collapsed control footprint stays compact (100px)... */
+  rapid-categorized-multiselect::part(root) {
+    min-width: 0;
+    width: 100px;
   }
 
-  rapid-multiselect::part(control),
-  .settings-panel > [part='download-button'] {
-    width: fit-content;
+  /* ...while the dropdown panel, being absolutely positioned, can be wider
+     (200px) without affecting the root's layout footprint. The control sits on
+     a different side of the settings panel depending on the container width
+     (see the layout rules below), so the dropdown must anchor to whichever side
+     keeps it inside the panel. Default (narrow) layout puts the control on the
+     LEFT, so the dropdown grows rightward. */
+  rapid-categorized-multiselect::part(options) {
+    width: 200px;
+    left: 0;
+    right: auto;
   }
 
   .settings-panel > [part='toggle-tool-calls'] {
@@ -121,6 +129,7 @@ export const styles = css `
   }
 
   .settings-panel > [part='download-button'] {
+    width: fit-content;
     grid-column: 2;
     grid-row: 2;
   }
@@ -170,6 +179,13 @@ export const styles = css `
     .settings-panel > .settings-animations {
       grid-row: 2;
     }
+
+    /* Control now sits on the RIGHT (justify-self: end / margin-left: auto in
+       the wider layouts), so the dropdown grows leftward to stay in the panel. */
+    rapid-categorized-multiselect::part(options) {
+      left: auto;
+      right: 0;
+    }
   }
 
   @container (min-width: 750px) {
@@ -411,6 +427,13 @@ export const styles = css `
     animation: slide-in-left 0.25s ease-out;
   }
 
+  /* A 'bubble' interaction reads like a normal assistant message: avatar to the
+     left, bubble to the right — not the full-width column the other interaction
+     presentations use. */
+  .message-row.interaction.present-bubble {
+    flex-direction: row;
+  }
+
   .avatar {
     position: relative;
     width: 32px;
@@ -519,7 +542,10 @@ export const styles = css `
     border: 1px solid color-mix(in srgb, var(--ai-function-color, #86efac) 20%, transparent);
   }
 
-  .message.interaction {
+  /* 'label' (default) and 'bare' interactions render the widget chrome-free and
+     full-width — the widget owns its body. */
+  .message-row.interaction.present-label .message,
+  .message-row.interaction.present-bare .message {
     background: none;
     border: none;
     padding: 0;
@@ -527,6 +553,17 @@ export const styles = css `
     width: 100%;
   }
 
+  /* 'bubble' interactions reuse the standard assistant-message skin so the
+     widget sits inside a normal chat bubble. Padding, max-width and min-width
+     come from the base .message rule. */
+  .message-row.interaction.present-bubble .message {
+    background: linear-gradient(135deg, var(--neutral-layer-3) 0%, var(--neutral-layer-4) 100%);
+    color: var(--neutral-foreground-rest);
+    border-radius: 4px 18px 18px;
+    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
+    box-shadow: var(--ai-message-shadow, 0 2px 8px rgb(0 0 0 / 15%));
+  }
+
   .sender {
     font-weight: bold;
     font-size: 0.9em;
@@ -803,6 +840,24 @@ export const styles = css `
     }
   }
 
+  .thinking-waves,
+  .thinking-flowing-waves,
+  .thinking-plasma {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    align-self: center;
+    gap: 6px;
+    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 3px);
+  }
+
+  .thinking-caption {
+    font-size: var(--type-ramp-minus-1-font-size, 12px);
+    line-height: var(--type-ramp-minus-1-line-height, 16px);
+    color: var(--neutral-foreground-rest);
+    opacity: 70%;
+  }
+
   .attachment-chips {
     display: flex;
     flex-wrap: wrap;

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

@@ -16,7 +16,7 @@
  */
 import { isChatToolCallUnknown } from '@genesislcap/foundation-ai';
 import { classNames, html, ref, repeat, when } from '@genesislcap/web-core';
-import { ANIMATION_DEFS } from './main.types';
+import { ANIMATION_DEFS, LOADING_STYLE_ANIMATIONS } from './main.types';
 function unknownToolPayload(tc) {
     if (!isChatToolCallUnknown(tc))
         return '';
@@ -31,18 +31,16 @@ function unknownToolPayload(tc) {
     }
     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;
 /** Decimal places shown for the running session cost (USD). 4 ≈ $0.0001 resolution. */
 const SESSION_COST_DECIMALS = 4;
 const animationOptions = Object.entries(ANIMATION_DEFS).map(([value, def]) => ({
+    type: def.category,
     value,
     label: def.label,
-    tooltip: def.tooltip,
+    description: def.description,
 }));
 // Avatar markup is owned by the component (`assistantIconSafe` / `userIconSafe`),
 // which holds the sanitized SVG string for the default or any consumer override
@@ -102,6 +100,12 @@ const senderLabel = {
     interaction: 'Assistant',
     ai: 'Assistant',
 };
+/**
+ * Resolves how the host frames an interaction widget, defaulting to `'label'`
+ * (the historical "Assistant" label, no bubble). Callers guard on
+ * `m.interaction` first; non-interaction messages never consult this.
+ */
+const interactionPresentation = (m) => { var _a, _b; return (_b = (_a = m.interaction) === null || _a === void 0 ? void 0 : _a.presentation) !== null && _b !== void 0 ? _b : 'label'; };
 // ─── Sub-agent trace fragments ────────────────────────────────────────────────
 const subAgentAssistantTemplate = html `
   <div class="sub-agent-message sub-agent-assistant">${(m) => m.content}</div>
@@ -136,12 +140,61 @@ const liveSubAgentTraceTemplate = html `
     ${repeat((x) => x.liveSubAgentTrace.filter((m) => m.role !== 'user'), subAgentMessageRowTemplate)}
   </div>
 `;
+// The interchangeable loading indicators. These MUST be stable module-level
+// instances: the binding that selects between them reads `enabledAnimations`,
+// which is backed by the redux store proxy and re-evaluates on every change to
+// the aiAssistant slice (i.e. every new message, including hidden tool-call and
+// thinking-step messages). Returning a fresh `html` instance from that binding
+// would make FAST tear down and rebuild the indicator DOM each time, restarting
+// the CSS animations and rAF loops. Stable references let FAST reuse the
+// existing view so the animation runs uninterrupted.
+const thinkingDotsTemplate = html `
+  <div class="thinking-dots">
+    <div class="dot dot-1"></div>
+    <div class="dot dot-2"></div>
+    <div class="dot dot-3"></div>
+    <div class="dot dot-4"></div>
+  </div>
+`;
+const thinkingWavesTemplate = html `
+  <div class="thinking-waves" part="thinking-waves">
+    <ai-waves-indicator></ai-waves-indicator>
+    <span class="thinking-caption">Thinking...</span>
+  </div>
+`;
+const thinkingFlowingWavesTemplate = html `
+  <div class="thinking-flowing-waves" part="thinking-flowing-waves">
+    <ai-flowing-waves-indicator></ai-flowing-waves-indicator>
+    <span class="thinking-caption">Thinking...</span>
+  </div>
+`;
+const thinkingPlasmaTemplate = html `
+  <div class="thinking-plasma" part="thinking-plasma">
+    <ai-plasma-orb-indicator></ai-plasma-orb-indicator>
+    <span class="thinking-caption">Thinking...</span>
+  </div>
+`;
+/**
+ * Picks the loading indicator for the currently enabled style, falling back to
+ * the dots (also the default when no animations config is supplied). Returns a
+ * stable template instance per style — see the note above.
+ */
+const selectThinkingTemplate = (x) => {
+    const enabled = x.enabledAnimations;
+    if (enabled.includes('waves'))
+        return thinkingWavesTemplate;
+    if (enabled.includes('flowingWaves'))
+        return thinkingFlowingWavesTemplate;
+    if (enabled.includes('plasma'))
+        return thinkingPlasmaTemplate;
+    return thinkingDotsTemplate;
+};
 // ─── Public factory ───────────────────────────────────────────────────────────
 /** @internal */
 export const FoundationAiAssistantTemplate = (designSystemPrefix) => {
     const buttonTag = `${designSystemPrefix}-button`;
     const switchTag = `${designSystemPrefix}-switch`;
-    const multiselectTag = `${designSystemPrefix}-multiselect`;
+    const categorizedMultiselectTag = `${designSystemPrefix}-categorized-multiselect`;
     const textareaTag = `${designSystemPrefix}-text-area`;
     const iconTag = `${designSystemPrefix}-icon`;
     const progressTag = `${designSystemPrefix}-progress`;
@@ -171,7 +224,9 @@ ${(tc) => { var _a; return (((_a = tc.foldPath) === null || _a === void 0 ? void
         </div>
       `)}
     ${when((m) => m.role !== 'system-event', html `
-        <div class="message-row ${(m) => messageType(m)}">
+        <div
+          class="message-row ${(m) => messageType(m)} ${(m) => m.interaction ? `present-${interactionPresentation(m)}` : ''}"
+        >
           <div class="avatar ${(m) => messageType(m)}">
             ${when(
     // Keyed on messageType (not raw role) so a synthetic-user message,
@@ -180,8 +235,12 @@ ${(tc) => { var _a; return (((_a = tc.foldPath) === null || _a === void 0 ? void
     (m) => messageType(m) === 'user', userAvatarTemplate)}${when((m) => messageType(m) !== 'user', assistantAvatarTemplate)}
           </div>
           <div class="message ${(m) => messageType(m)}">
-            <div class="sender">
-              ${(m, c) => {
+            ${when(
+    // A 'bare' interaction owns its full presentation — suppress the
+    // host sender label. Every other message keeps it.
+    (m) => !(m.interaction && interactionPresentation(m) === 'bare'), html `
+                <div class="sender">
+                  ${(m, c) => {
         var _a;
         return messageType(m) === 'ai-function' &&
             m.agentName &&
@@ -189,7 +248,8 @@ ${(tc) => { var _a; return (((_a = tc.foldPath) === null || _a === void 0 ? void
             ? `Tool Call · ${(_a = m.agentLabel) !== null && _a !== void 0 ? _a : m.agentName}`
             : senderLabel[messageType(m)];
     }}
-            </div>
+                </div>
+              `)}
             <div class="content">
               ${when((m) => m.content, html `
                   <ai-chat-markdown :content="${(m) => m.content}"></ai-chat-markdown>
@@ -356,15 +416,13 @@ ${(tc) => { var _a; return (((_a = tc.foldPath) === null || _a === void 0 ? void
                 ${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}
+                      <${categorizedMultiselectTag}
                         part="toggle-animations"
                         :selectedOptions=${(x) => x.enabledAnimations}
                         :options=${() => animationOptions}
-                        :itemRenderer=${() => animationItemRenderer}
                         @selectionChange=${(x, c) => x.setEnabledAnimations(c.event.detail)}
                         search="false"
-                        all="false"
-                      ></${multiselectTag}>
+                      ></${categorizedMultiselectTag}>
                     </div>
                   `)}
               </div>
@@ -453,7 +511,8 @@ ${(tc) => { var _a; return (((_a = tc.foldPath) === null || _a === void 0 ? void
         ${when((x) => {
         var _a;
         return x.showLoadingIndicator &&
-            (((_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.animations) == null || x.enabledAnimations.includes('loading'));
+            (((_a = x.chatConfig.ui) === null || _a === void 0 ? void 0 : _a.animations) == null ||
+                LOADING_STYLE_ANIMATIONS.some((s) => x.enabledAnimations.includes(s)));
     }, html `
             <div class="message-row ai" part="thinking">
               <div class="avatar">
@@ -465,12 +524,7 @@ ${(tc) => { var _a; return (((_a = tc.foldPath) === null || _a === void 0 ? void
                         <span class="avatar-icon" :innerHTML="${() => x.assistantIconSafe}"></span>
                       `}
               </div>
-              <div class="thinking-dots">
-                <div class="dot dot-1"></div>
-                <div class="dot dot-2"></div>
-                <div class="dot dot-3"></div>
-                <div class="dot dot-4"></div>
-              </div>
+              ${(x) => selectThinkingTemplate(x)}
             </div>
           `)}
       </div>

package/dist/esm/main/main.types.js

@@ -2,16 +2,39 @@
  * Registry of all available animations with their display metadata.
  * Adding an entry here automatically extends the {@link AiAssistantAnimation} type.
  *
+ * @remarks
+ * `loading` (dots), `waves`, `flowingWaves` and `plasma` are interchangeable
+ * styles of the same "is the assistant working" indicator and are therefore
+ * grouped under the same {@link AiAssistantAnimationDef.category}. They are
+ * mutually exclusive — see `LOADING_STYLE_ANIMATIONS`.
+ *
  * @beta
  */
 export const ANIMATION_DEFS = {
     loading: {
-        label: 'Loading indicator',
-        tooltip: 'Shows a pulsing animation while the assistant is generating a response.',
+        label: 'Dots',
+        description: 'Shows pulsing dots while the assistant is generating a response.',
+        category: 'Loading style',
+    },
+    waves: {
+        label: 'Waves',
+        description: 'Shows glowing sine waves inside a circle while the assistant is generating a response.',
+        category: 'Loading style',
+    },
+    flowingWaves: {
+        label: 'Flowing waves',
+        description: 'Shows coloured waves rising and settling from a line while the assistant is generating a response.',
+        category: 'Loading style',
+    },
+    plasma: {
+        label: 'Plasma orb',
+        description: 'Shows a glowing plasma sphere with drifting energy while the assistant is generating a response.',
+        category: 'Loading style',
     },
     halo: {
         label: 'Halo',
-        tooltip: 'Displays a glowing halo around the assistant avatar while a response is streaming.',
+        description: 'Displays a glowing halo around the assistant avatar while a response is streaming.',
+        category: 'Effects',
     },
 };
 /**
@@ -20,3 +43,23 @@ export const ANIMATION_DEFS = {
  * @internal
  */
 export const ALL_ANIMATIONS = Object.keys(ANIMATION_DEFS);
+/**
+ * The interchangeable "assistant is working" loading-indicator styles. At most
+ * one of these may be enabled at a time — enabling one disables the other.
+ *
+ * @internal
+ */
+export const LOADING_STYLE_ANIMATIONS = [
+    'loading',
+    'waves',
+    'flowingWaves',
+    'plasma',
+];
+/**
+ * Animations enabled by default when a consumer opts into the animations
+ * feature without specifying an explicit `enabled` list. Keeps the dots loading
+ * style (the long-standing default); the waves style is opt-in.
+ *
+ * @internal
+ */
+export const DEFAULT_ANIMATIONS = ['loading', 'halo'];

package/dist/esm/utils/animation-exclusivity.js

@@ -0,0 +1,33 @@
+import { LOADING_STYLE_ANIMATIONS } from '../main/main.types';
+/**
+ * Enforces that at most one loading-indicator style (dots vs. waves) is enabled
+ * at a time. The two are alternative presentations of the same "assistant is
+ * working" state, so selecting one must deselect the other.
+ *
+ * The settings control is a multiselect (checkboxes), which permits selecting
+ * both; this resolver makes the loading-style group behave like a radio group
+ * by dropping the previously-selected style whenever a new one is added.
+ *
+ * @param next - The freshly-selected animation list (e.g. emitted by the
+ *   multiselect, or read from consumer config).
+ * @param previous - The animation list in effect before this change. Used to
+ *   work out which loading style was just added so the other can be dropped.
+ *   Pass `[]` when resolving an initial/config value with no prior state.
+ * @returns `next` with at most one loading style retained. When both are
+ *   present and neither is newly added (e.g. a misconfigured `enabled` list),
+ *   the first entry of `LOADING_STYLE_ANIMATIONS` (dots) wins.
+ *
+ * @internal
+ */
+export function resolveExclusiveLoadingStyle(next, previous = []) {
+    var _a;
+    const selectedStyles = LOADING_STYLE_ANIMATIONS.filter((style) => next.includes(style));
+    if (selectedStyles.length <= 1) {
+        return next;
+    }
+    // Both styles selected — keep whichever was just added (absent from
+    // `previous`); fall back to the first declared style on ambiguity.
+    const justAdded = (_a = selectedStyles.find((style) => !previous.includes(style))) !== null && _a !== void 0 ? _a : selectedStyles[0];
+    return next.filter((animation) => animation === justAdded ||
+        !LOADING_STYLE_ANIMATIONS.includes(animation));
+}

package/dist/esm/utils/animation-exclusivity.test.js

@@ -0,0 +1,52 @@
+import { assert, createLogicSuite } from '@genesislcap/foundation-testing';
+import { resolveExclusiveLoadingStyle } from './animation-exclusivity';
+const suite = createLogicSuite('resolveExclusiveLoadingStyle');
+suite('leaves a selection with only the dots loading style untouched', () => {
+    const next = ['loading', 'halo'];
+    assert.equal(resolveExclusiveLoadingStyle(next, ['halo']), ['loading', 'halo']);
+});
+suite('leaves a selection with only the waves loading style untouched', () => {
+    const next = ['waves', 'halo'];
+    assert.equal(resolveExclusiveLoadingStyle(next, ['halo']), ['waves', 'halo']);
+});
+suite('leaves a selection with no loading style untouched', () => {
+    assert.equal(resolveExclusiveLoadingStyle(['halo'], []), ['halo']);
+});
+suite('drops dots when waves was just added on top of dots', () => {
+    // Previously dots was on; user ticks waves → waves wins, dots removed.
+    const result = resolveExclusiveLoadingStyle(['loading', 'waves', 'halo'], ['loading', 'halo']);
+    assert.equal(result, ['waves', 'halo']);
+});
+suite('drops waves when dots was just added on top of waves', () => {
+    // Previously waves was on; user ticks dots → dots wins, waves removed.
+    const result = resolveExclusiveLoadingStyle(['loading', 'waves', 'halo'], ['waves', 'halo']);
+    assert.equal(result, ['loading', 'halo']);
+});
+suite('preserves the order of the surviving selection', () => {
+    const result = resolveExclusiveLoadingStyle(['halo', 'loading', 'waves'], ['halo', 'loading']);
+    // waves was just added → loading dropped; halo and waves keep their order.
+    assert.equal(result, ['halo', 'waves']);
+});
+suite('falls back to dots when both are present with no prior state (e.g. bad config)', () => {
+    const result = resolveExclusiveLoadingStyle(['loading', 'waves', 'halo'], []);
+    assert.equal(result, ['loading', 'halo']);
+});
+suite('falls back to dots when both were already present (neither newly added)', () => {
+    const result = resolveExclusiveLoadingStyle(['loading', 'waves'], ['loading', 'waves', 'halo']);
+    assert.equal(result, ['loading']);
+});
+suite('handles an empty selection', () => {
+    assert.equal(resolveExclusiveLoadingStyle([], ['loading']), []);
+});
+suite('switching between any two loading styles keeps only the newly added one', () => {
+    // flowingWaves was on; user picks plasma → plasma wins, flowingWaves dropped.
+    assert.equal(resolveExclusiveLoadingStyle(['flowingWaves', 'plasma', 'halo'], ['flowingWaves', 'halo']), ['plasma', 'halo']);
+    // plasma was on; user picks the dots → dots win, plasma dropped.
+    assert.equal(resolveExclusiveLoadingStyle(['plasma', 'loading'], ['plasma']), ['loading']);
+});
+suite('drops all but the newly added style when several are somehow selected', () => {
+    const result = resolveExclusiveLoadingStyle(['loading', 'waves', 'flowingWaves', 'plasma'], ['loading', 'waves', 'plasma']);
+    // flowingWaves is the only one absent from `previous`, so it wins.
+    assert.equal(result, ['flowingWaves']);
+});
+suite.run();

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/channel/ai-activity-bus.ts","../src/channel/ai-activity-channel.ts","../src/components/halo-overlay.ts","../src/components/activity-halo/activity-halo.ts","../src/components/agent-picker/agent-picker.constants.ts","../src/components/agent-picker/agent-picker.styles.ts","../src/components/agent-picker/agent-picker.template.ts","../src/components/agent-picker/agent-picker.ts","../src/components/agent-picker/index.ts","../src/components/ai-driver/ai-driver.ts","../src/components/ai-driver/index.ts","../src/components/chat-bubble/chat-bubble.styles.ts","../src/components/chat-bubble/chat-bubble.template.ts","../src/components/chat-bubble/chat-bubble.ts","../src/components/chat-bubble/index.ts","../src/components/chat-driver/align-event-globals.ts","../src/components/chat-driver/chat-driver.test.ts","../src/components/chat-driver/chat-driver.ts","../src/components/chat-driver/index.ts","../src/components/chat-interaction-wrapper/chat-interaction-wrapper.styles.ts","../src/components/chat-interaction-wrapper/chat-interaction-wrapper.template.ts","../src/components/chat-interaction-wrapper/chat-interaction-wrapper.test.ts","../src/components/chat-interaction-wrapper/chat-interaction-wrapper.ts","../src/components/chat-interaction-wrapper/index.ts","../src/components/chat-markdown/chat-markdown.ts","../src/components/chat-markdown/index.ts","../src/components/orchestrating-driver/index.ts","../src/components/orchestrating-driver/orchestrating-driver.ts","../src/components/popout-manager/index.ts","../src/components/popout-manager/popout-manager.ts","../src/config/config.ts","../src/config/define-stateful-agent.ts","../src/config/fallback-agents.ts","../src/config/index.ts","../src/config/validate-providers.test.ts","../src/config/validate-providers.ts","../src/main/index.ts","../src/main/main.styles.ts","../src/main/main.template.ts","../src/main/main.ts","../src/main/main.types.ts","../src/state/ai-assistant-slice.ts","../src/state/debug-event-log.ts","../src/state/driver-registry.ts","../src/state/session-store.ts","../src/styles/ai-colours.ts","../src/styles/index.ts","../src/styles/styles.ts","../src/suggestions/chat-suggestions.ts","../src/tags/index.ts","../src/types/ai-chat-widget.ts","../src/utils/animated-panel-toggle.ts","../src/utils/history-transform.ts","../src/utils/index.ts","../src/utils/logger.ts","../src/utils/message-partition.test.ts","../src/utils/message-partition.ts","../src/utils/sum-costs.test.ts","../src/utils/sum-costs.ts","../src/utils/tool-fold.ts"],"version":"5.9.2"}
+{"root":["../src/index.ts","../src/channel/ai-activity-bus.ts","../src/channel/ai-activity-channel.ts","../src/components/flowing-waves-indicator.ts","../src/components/halo-overlay.ts","../src/components/plasma-orb-indicator.ts","../src/components/waves-indicator.ts","../src/components/activity-halo/activity-halo.ts","../src/components/agent-picker/agent-picker.constants.ts","../src/components/agent-picker/agent-picker.styles.ts","../src/components/agent-picker/agent-picker.template.ts","../src/components/agent-picker/agent-picker.ts","../src/components/agent-picker/index.ts","../src/components/ai-driver/ai-driver.ts","../src/components/ai-driver/index.ts","../src/components/chat-bubble/chat-bubble.styles.ts","../src/components/chat-bubble/chat-bubble.template.ts","../src/components/chat-bubble/chat-bubble.ts","../src/components/chat-bubble/index.ts","../src/components/chat-driver/align-event-globals.ts","../src/components/chat-driver/chat-driver.test.ts","../src/components/chat-driver/chat-driver.ts","../src/components/chat-driver/index.ts","../src/components/chat-interaction-wrapper/chat-interaction-wrapper.styles.ts","../src/components/chat-interaction-wrapper/chat-interaction-wrapper.template.ts","../src/components/chat-interaction-wrapper/chat-interaction-wrapper.test.ts","../src/components/chat-interaction-wrapper/chat-interaction-wrapper.ts","../src/components/chat-interaction-wrapper/index.ts","../src/components/chat-markdown/chat-markdown.ts","../src/components/chat-markdown/index.ts","../src/components/orchestrating-driver/index.ts","../src/components/orchestrating-driver/orchestrating-driver.ts","../src/components/popout-manager/index.ts","../src/components/popout-manager/popout-manager.ts","../src/config/config.ts","../src/config/define-stateful-agent.ts","../src/config/fallback-agents.ts","../src/config/index.ts","../src/config/validate-providers.test.ts","../src/config/validate-providers.ts","../src/main/index.ts","../src/main/main.styles.ts","../src/main/main.template.ts","../src/main/main.ts","../src/main/main.types.ts","../src/state/ai-assistant-slice.ts","../src/state/debug-event-log.ts","../src/state/driver-registry.ts","../src/state/session-store.ts","../src/styles/ai-colours.ts","../src/styles/index.ts","../src/styles/styles.ts","../src/suggestions/chat-suggestions.ts","../src/tags/index.ts","../src/types/ai-chat-widget.ts","../src/utils/animated-panel-toggle.ts","../src/utils/animation-exclusivity.test.ts","../src/utils/animation-exclusivity.ts","../src/utils/history-transform.ts","../src/utils/index.ts","../src/utils/logger.ts","../src/utils/message-partition.test.ts","../src/utils/message-partition.ts","../src/utils/sum-costs.test.ts","../src/utils/sum-costs.ts","../src/utils/tool-fold.ts"],"version":"5.9.2"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/ai-assistant",
   "description": "Genesis AI Assistant micro-frontend",
-  "version": "14.458.3",
+  "version": "14.460.0",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/ai-assistant.d.ts",
@@ -64,24 +64,24 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.458.3",
-    "@genesislcap/genx": "14.458.3",
-    "@genesislcap/rollup-builder": "14.458.3",
-    "@genesislcap/ts-builder": "14.458.3",
-    "@genesislcap/uvu-playwright-builder": "14.458.3",
-    "@genesislcap/vite-builder": "14.458.3",
-    "@genesislcap/webpack-builder": "14.458.3",
+    "@genesislcap/foundation-testing": "14.460.0",
+    "@genesislcap/genx": "14.460.0",
+    "@genesislcap/rollup-builder": "14.460.0",
+    "@genesislcap/ts-builder": "14.460.0",
+    "@genesislcap/uvu-playwright-builder": "14.460.0",
+    "@genesislcap/vite-builder": "14.460.0",
+    "@genesislcap/webpack-builder": "14.460.0",
     "@types/dompurify": "^3.0.5",
     "@types/marked": "^5.0.2"
   },
   "dependencies": {
-    "@genesislcap/foundation-ai": "14.458.3",
-    "@genesislcap/foundation-logger": "14.458.3",
-    "@genesislcap/foundation-redux": "14.458.3",
-    "@genesislcap/foundation-ui": "14.458.3",
-    "@genesislcap/foundation-utils": "14.458.3",
-    "@genesislcap/rapid-design-system": "14.458.3",
-    "@genesislcap/web-core": "14.458.3",
+    "@genesislcap/foundation-ai": "14.460.0",
+    "@genesislcap/foundation-logger": "14.460.0",
+    "@genesislcap/foundation-redux": "14.460.0",
+    "@genesislcap/foundation-ui": "14.460.0",
+    "@genesislcap/foundation-utils": "14.460.0",
+    "@genesislcap/rapid-design-system": "14.460.0",
+    "@genesislcap/web-core": "14.460.0",
     "dompurify": "^3.3.1",
     "marked": "^17.0.3"
   },
@@ -93,5 +93,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b15ab1abb2bb8420f0c67e5c90472e74ff98d0ad"
+  "gitHead": "12d48ef6ec786b6fc0ad12bccb3682d0792e508c"
 }