@genesislcap/ai-assistant 14.420.0 → 14.421.0

package/src/config/fallback-agents.ts

@@ -0,0 +1,29 @@
+import type { FallbackAgentConfig } from './config';
+
+/**
+ * A warm, conversational fallback agent. Acknowledges it can't help directly,
+ * explains what the available specialists can do, and invites the user to retry.
+ *
+ * The system prompt is generated at runtime by `OrchestratingDriver` from the
+ * specialist list — no manual authoring required.
+ *
+ * @beta
+ */
+export const friendlyFallbackAgent: FallbackAgentConfig = {
+  name: 'Assistant',
+  fallback: true,
+  systemPrompt: `You are a warm, friendly assistant. For general conversation like "Hi" or "How are you", you can have a friendly chat. For anything more complex, you cannot directly help, but you can explain what specialists are available. The available specialists are:\n\n{{agents}}\n\nPolitely let the user know what you can help with and invite them to rephrase their request if it is outside your scope.`,
+};
+
+/**
+ * A brief, professional fallback agent. States what is available without
+ * elaboration. The `{{agents}}` placeholder is replaced at runtime by
+ * `OrchestratingDriver` with the generated specialist list.
+ *
+ * @beta
+ */
+export const strictFallbackAgent: FallbackAgentConfig = {
+  name: 'Assistant',
+  fallback: true,
+  systemPrompt: `You are a concise assistant. The user's request is outside your scope. Respond with a single short sentence stating what you can assist with. Do not elaborate. The available specialists are: {{agents}}.`,
+};

package/src/config/index.ts

@@ -1 +1,2 @@
 export * from './config';
+export * from './fallback-agents';

package/src/index.ts

@@ -1,8 +1,14 @@
 export * from './main/main';
 export * from './main/main.types';
 export * from './main/main.template';
+export * from './components/ai-driver';
 export * from './components/chat-driver';
+export * from './components/orchestrating-driver';
+export * from './components/popout-manager';
 export * from './channel/ai-activity-channel';
 export * from './channel/ai-activity-bus';
 export * from './config/config';
+export * from './config/fallback-agents';
+export * from './utils/tool-fold';
 export type { AiChatWidget } from './types/ai-chat-widget';
+export { AiChatMarkdown } from './components/chat-markdown/chat-markdown';

package/src/main/main.styles.ts

@@ -17,6 +17,7 @@ export const styles = css`
   }
 
   .chat-wrapper {
+    container-type: inline-size;
     position: relative;
     display: flex;
     flex-direction: column;
@@ -62,22 +63,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;
@@ -123,6 +291,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;
@@ -255,6 +445,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);