@visma-swno/gaia-chat-ui 4.2.0-beta.1 → 4.2.0-beta.2

package/README.md

@@ -1,6 +1,6 @@
 # @visma-swno/gaia-chat-ui
 
-Web component library for the GAiA Assistant Chat UI, built with Lit for Visma Software Nordic products.
+Web component library for the GAiA Assistant Chat UI, built with [Lit](https://lit.dev/) for Visma Software Nordic products.
 
 ## Installation
 
@@ -8,28 +8,31 @@ Web component library for the GAiA Assistant Chat UI, built with Lit for Visma S
 npm install @visma-swno/gaia-chat-ui
 ```
 
-**Note:** This package requires `lit` as a peer dependency:
+`lit` is an external dependency and must be available in your bundle:
 
 ```bash
 npm install lit@^3.3.0
 ```
 
-## Usage
+## Quick Start
 
 ```javascript
 import '@visma-swno/gaia-chat-ui';
 ```
 
+### Visitor Mode (Anonymous)
+
 ```html
 <gaia-chat
   profile-id="YOUR_PROFILE_ID"
   base-url="https://api.assistant.vsn.dev"
   auth-strategy="visitor"
->
-</gaia-chat>
+></gaia-chat>
 ```
 
-For authenticated Visma users, switch to the Visma strategy and provide a token provider. Implement caching and refresh: reuse a valid token until shortly before its `exp` claim, then silently refresh.
+### Visma Connect Mode (Authenticated)
+
+Provide a `tokenProvider` that returns a valid OAuth access token. Implement caching and refresh: reuse a valid token until shortly before its `exp` claim, then silently refresh.
 
 ```html
 <gaia-chat
@@ -37,8 +40,8 @@ For authenticated Visma users, switch to the Visma strategy and provide a token
   profile-id="YOUR_PROFILE_ID"
   base-url="https://api.assistant.vsn.dev"
   auth-strategy="visma"
->
-</gaia-chat>
+></gaia-chat>
+
 <script type="module">
   const assistant = document.getElementById('assistant');
 
@@ -50,6 +53,187 @@ For authenticated Visma users, switch to the Visma strategy and provide a token
 </script>
 ```
 
+## Properties
+
+| Property / Attribute    | Type                    | Default                                    | Description                                                  |
+| ----------------------- | ----------------------- | ------------------------------------------ | ------------------------------------------------------------ |
+| `base-url`              | `string`                | `'https://api.assistant.stag.vsn.dev'`     | Backend API base URL.                                        |
+| `profile-id`            | `string`                | `'default'`                                | Assistant profile identifier.                                |
+| `auth-strategy`         | `'visitor' \| 'visma'`  | `'visitor'`                                | Authentication strategy.                                     |
+| `closeable`             | `boolean`               | `true`                                     | Show a close button in the header.                           |
+| `selected-model`        | `string`                | `''`                                       | Override the default AI model. Must be in the profile's allowed overrides. |
+| `enable-charts`         | `boolean`               | `false`                                    | Enable inline chart rendering via the built-in echarts tool. |
+| `tokenProvider`         | `() => Promise<string>` | —                                          | Async function returning an OAuth access token (Visma mode). Set via JS. |
+| `hostContextProvider`   | `HostContextProvider`   | —                                          | Async function returning application context per message. Set via JS.    |
+| `tools`                 | `FrontendTool[]`        | `[]`                                       | Frontend tool definitions sent to the agent. Set via JS.     |
+
+## Events
+
+All events bubble and are composed (cross shadow DOM).
+
+| Event                  | Detail Type                                                                                      | Description                             |
+| ---------------------- | ------------------------------------------------------------------------------------------------ | --------------------------------------- |
+| `conversation-cleared` | `void`                                                                                           | User cleared the conversation.          |
+| `message-sent`         | `{ message: string; channel: 'assistant' \| 'support' }`                                        | User sent a message.                    |
+| `tool-call-approved`   | `{ messageId: string }`                                                                          | User approved a tool call.              |
+| `tool-call-declined`   | `{ messageId: string }`                                                                          | User declined a tool call.              |
+| `feedback-submitted`   | `{ rating: number; comment: string \| null }`                                                    | User submitted feedback.                |
+| `close-requested`      | `void`                                                                                           | User clicked the close button.          |
+| `tool-call`            | `{ toolCallId: string; toolCallName: string; arguments: Record<string, unknown> \| string \| null; result: unknown }` | A frontend tool call was executed.      |
+
+```javascript
+document.querySelector('gaia-chat').addEventListener('message-sent', (e) => {
+  console.log('User sent:', e.detail.message);
+});
+```
+
+## Methods
+
+| Method               | Description                                       |
+| -------------------- | ------------------------------------------------- |
+| `clearConversation()`| Clear the current conversation and reset the chat.|
+| `stopSupport()`      | Stop any active support session.                  |
+
+## Host Context Provider
+
+Provide dynamic application context with each message. The agent and its plugins can use this context for personalized responses.
+
+```javascript
+const chat = document.querySelector('gaia-chat');
+
+chat.hostContextProvider = async () => ({
+  customerId: getCurrentCustomerId(),
+  companyId: getCurrentCompanyId(),
+  partnerId: getPartnerId(),
+  data: {
+    environment: 'production',
+    userRole: getUserRole(),
+  },
+});
+```
+
+### HostContext
+
+```typescript
+interface HostContext {
+  customerId?: string;
+  companyId?: string;
+  partnerId?: string;
+  data?: Record<string, unknown>;
+}
+
+type HostContextProvider = () => HostContext | Promise<HostContext | null> | null;
+```
+
+## Frontend Tools
+
+Register custom tools that the agent can invoke. Tool results are returned to the agent and a `tool-call` event is dispatched to the host.
+
+```javascript
+const chat = document.querySelector('gaia-chat');
+
+chat.tools = [
+  {
+    name: 'getInvoice',
+    description: 'Retrieve an invoice by ID',
+    parameters: {
+      type: 'object',
+      properties: {
+        invoiceId: { type: 'string', description: 'The invoice ID' },
+      },
+      required: ['invoiceId'],
+    },
+  },
+];
+
+chat.addEventListener('tool-call', (e) => {
+  const { toolCallName, arguments: args } = e.detail;
+  // Handle the tool call and return data to the agent
+});
+```
+
+### FrontendTool
+
+```typescript
+interface FrontendTool {
+  name: string;
+  description: string;
+  parameters: JSONSchema7; // JSON Schema draft-07, must be type: 'object'
+}
+```
+
+## Charts
+
+Set `enable-charts` to enable the built-in echarts frontend tool. When enabled, the agent can render inline charts using [Apache ECharts](https://echarts.apache.org/).
+
+```html
+<gaia-chat enable-charts></gaia-chat>
+```
+
+## Icon Registry
+
+Register custom SVG icons for use in the component:
+
+```javascript
+import { registerIcons } from '@visma-swno/gaia-chat-ui';
+
+registerIcons({ 'my-icon': '<svg>...</svg>' });
+```
+
+## Styling
+
+The component exposes CSS custom properties prefixed with `--gaia-` for theming. Set these on the `<gaia-chat>` element or any ancestor.
+
+### Typography
+
+| Property                         | Description        |
+| -------------------------------- | ------------------ |
+| `--gaia-font-family`             | Font family        |
+| `--gaia-font-size-xs` … `3xl`   | Font sizes         |
+| `--gaia-line-height-xs` … `3xl` | Line heights       |
+| `--gaia-font-weight-regular`     | Regular weight     |
+| `--gaia-font-weight-medium`      | Medium weight      |
+| `--gaia-font-weight-semibold`    | Semibold weight    |
+| `--gaia-font-weight-bold`        | Bold weight        |
+
+### Colors
+
+| Property group                  | Examples                                                     |
+| ------------------------------- | ------------------------------------------------------------ |
+| `--gaia-color-surface-*`        | `page`, `primary`, `action`, `action-hover`, `error`, `success`, `information`, `warning`, `disabled`, `selected` |
+| `--gaia-color-text-*`           | `headings`, `body`, `body-secondary`, `action`, `action-hover`, `disabled`, `error`, `success`, `link-visited`    |
+| `--gaia-color-border-*`         | `primary`, `secondary`, `tertiary`, `action`, `action-hover`, `focus`, `error`, `success`                         |
+| `--gaia-color-icon-*`           | `primary`, `action`, `action-hover`, `disabled`, `error`, `success`, `on-action`, `on-primary`                    |
+| `--gaia-color-message-*`        | `user`, `system`, `operator`                                 |
+| `--gaia-color-neutral-*`        | `10` through `100`                                           |
+
+### Example
+
+```css
+gaia-chat {
+  --gaia-font-family: 'Inter', sans-serif;
+  --gaia-color-surface-page: #ffffff;
+  --gaia-color-surface-action: #0066cc;
+  --gaia-color-text-body: #1a1a1a;
+  --gaia-color-message-user: #e6f0ff;
+}
+```
+
+## Localization
+
+The component reads the `lang` attribute (on itself or `<html>`) and responds to changes at runtime. Supported locales are bundled with the component.
+
+```html
+<gaia-chat lang="nb"></gaia-chat>
+```
+
+## Exports
+
+```typescript
+import { ChatApp, ToolCallEvent, registerIcons } from '@visma-swno/gaia-chat-ui';
+import type { FrontendTool, HostContext, HostContextProvider } from '@visma-swno/gaia-chat-ui';
+```
+
 ## Documentation
 
-For detailed documentation and development instructions, see the [main repository](https://github.com/visma-swno/vsn-assistant).
+For development instructions and architecture details, see the [main repository](https://github.com/visma-swno/vsn-assistant).

package/dist/app/app.d.ts

@@ -3,21 +3,57 @@ import { StrategyType } from '../core/store';
 import { TokenFetcher } from '../services/auth-service';
 import { FrontendTool, HostContextProvider } from '../types';
 import { BaseElement } from '../components/shared/base-element';
+/**
+ * Root chat widget component.
+ *
+ * Bootstraps services, manages authentication, and renders the chat UI.
+ * Embed in any page to add AI-powered chat with support handoff.
+ *
+ * @element gaia-chat
+ *
+ * @fires {ConversationClearedEvent} conversation-cleared - When the user clears the conversation
+ * @fires {MessageSentEvent} message-sent - When the user sends a message
+ * @fires {ToolCallApprovedEvent} tool-call-approved - When the user approves a tool call
+ * @fires {ToolCallDeclinedEvent} tool-call-declined - When the user declines a tool call
+ * @fires {FeedbackSubmittedEvent} feedback-submitted - When the user submits feedback
+ * @fires {CloseRequestedEvent} close-requested - When the user clicks the close button
+ * @fires {ToolCallEvent} tool-call - When a frontend tool call is executed
+ *
+ * @example
+ * ```html
+ * <gaia-chat
+ *   base-url="https://api.assistant.stag.vsn.dev"
+ *   profile-id="default"
+ *   auth-strategy="visitor"
+ * ></gaia-chat>
+ * ```
+ */
 export declare class ChatApp extends BaseElement {
     static styles: import('lit').CSSResult[];
+    /** Backend API base URL. */
     baseUrl: string;
+    /** Assistant profile identifier. */
     profileId: string;
     /**
-     * @deprecated Use hostContextProvider instead
+     * Partner ID for support handoff.
+     * @deprecated Use hostContextProvider instead.
      */
     supportPartnerId?: string;
+    /** Async function that returns an OAuth access token for Visma Connect auth. */
     tokenProvider?: TokenFetcher;
+    /** Async function that returns application context sent with each message. */
     hostContextProvider?: HostContextProvider;
+    /** Authentication strategy: "visitor" (anonymous) or "visma" (Visma Connect). */
     authStrategy: StrategyType;
+    /** Whether to show a close button in the header. */
     closeable: boolean;
+    /** Override the default AI model. Must be in the profile's allowed overrides list. */
     selectedModel: string;
+    /** Frontend tool definitions sent to the agent. */
     tools: FrontendTool[];
+    /** Enable inline chart rendering for the echarts frontend tool. */
     enableCharts: boolean;
+    private get activeLang();
     private langObserver?;
     private store;
     private storeState;
@@ -28,6 +64,10 @@ export declare class ChatApp extends BaseElement {
     private handleAuthChanged;
     willUpdate(changedProperties: PropertyValues): void;
     private applySelectedModel;
+    /** Clears the current conversation and resets the chat. */
+    clearConversation(): void;
+    /** Stops any active support session. */
+    stopSupport(): void;
     render(): import('lit-html').TemplateResult<1>;
 }
 declare global {

package/dist/chart-block-DYZfc12a.js

@@ -0,0 +1,112 @@
+import { a as d, s as p, B as g, m as c } from "./index-C_1azLkG.js";
+import { css as u, html as l } from "lit";
+import { property as f, state as v, query as m, customElement as x } from "lit/decorators.js";
+const b = [
+  d,
+  p,
+  u`
+:host{display:block}.chart-container{border:1px solid var(--gaia-color-border-tertiary);border-radius:8px;min-height:300px;overflow:hidden;position:relative}.chart-canvas{height:300px;width:100%}.chart-loading{align-items:center;display:flex;gap:8px;min-height:300px;padding:12px 16px}.loading-dot{animation:pulse 2.5s ease-in-out infinite;background-color:oklch(55% .1 250deg);border-radius:50%;flex-shrink:0;height:8px;width:8px}.loading-text{font-size:var(--gaia-font-size-sm);line-height:var(--gaia-line-height-sm)}.chart-error{align-items:center;display:flex;gap:8px;min-height:48px;padding:12px 16px}.error-dot{background-color:oklch(55% .2 25deg);border-radius:50%;flex-shrink:0;height:8px;width:8px}.error-text{color:var(--gaia-color-text-body-secondary);font-size:var(--gaia-font-size-sm);line-height:var(--gaia-line-height-sm)}@media (prefers-reduced-motion:reduce){.loading-dot{animation:none}}
+  `
+];
+var y = Object.defineProperty, C = Object.getOwnPropertyDescriptor, n = (e, r, s, t) => {
+  for (var a = t > 1 ? void 0 : t ? C(r, s) : r, o = e.length - 1, h; o >= 0; o--)
+    (h = e[o]) && (a = (t ? h(r, s, a) : h(a)) || a);
+  return t && a && y(r, s, a), a;
+};
+function z(e) {
+  const r = e.toolCall.function.arguments;
+  if (!r) return null;
+  try {
+    const t = (typeof r == "string" ? JSON.parse(r) : r)?.chartConfig;
+    return t && typeof t == "object" ? t : null;
+  } catch {
+    return null;
+  }
+}
+let i = class extends g {
+  constructor() {
+    super(...arguments), this.chartState = "pending", this.chart = null, this.resizeObserver = null, this.chartConfig = null, this.rendered = !1;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.disposeChart();
+  }
+  willUpdate(e) {
+    super.willUpdate(e), e.has("message") && this.tryRenderChart();
+  }
+  updated(e) {
+    super.updated(e), this.chartState === "complete" && !this.rendered && this.canvasEl && this.initChart();
+  }
+  tryRenderChart() {
+    if (this.rendered) return;
+    const e = z(this.message);
+    e ? (this.chartConfig = e, this.chartState = "complete") : this.message.toolResponse && (this.chartState = "error");
+  }
+  async initChart() {
+    if (!(!this.canvasEl || !this.chartConfig || this.rendered)) {
+      this.rendered = !0;
+      try {
+        const e = await import("./echarts-1kWCFQ2W.js");
+        this.chart = e.init(this.canvasEl), this.chart.setOption(this.chartConfig), this.resizeObserver = new ResizeObserver(() => {
+          this.chart?.resize();
+        }), this.resizeObserver.observe(this.canvasEl);
+      } catch (e) {
+        console.error("[GaiaChartBlock] Failed to initialize chart:", e), this.chartState = "error", this.rendered = !1;
+      }
+    }
+  }
+  disposeChart() {
+    this.resizeObserver?.disconnect(), this.resizeObserver = null, this.chart?.dispose(), this.chart = null, this.rendered = !1;
+  }
+  render() {
+    switch (this.chartState) {
+      case "pending":
+        return this.renderLoading();
+      case "error":
+        return this.renderError();
+      case "complete":
+        return l`<div class="chart-container">
+          <div
+            class="chart-canvas"
+            role="img"
+            aria-label=${c("Chart", { id: "chart-block-label" })}
+          ></div>
+        </div>`;
+    }
+  }
+  renderLoading() {
+    return l`<div class="chart-container">
+      <div class="chart-loading" role="status" aria-live="polite">
+        <span class="loading-dot" aria-hidden="true"></span>
+        <span class="loading-text shimmer-text"
+          >${c("Generating chart...", { id: "chart-block-loading" })}</span
+        >
+      </div>
+    </div>`;
+  }
+  renderError() {
+    return l`<div class="chart-container">
+      <div class="chart-error" role="status" aria-live="polite">
+        <span class="error-dot" aria-hidden="true"></span>
+        <span class="error-text"
+          >${c("Failed to render chart", { id: "chart-block-error" })}</span
+        >
+      </div>
+    </div>`;
+  }
+};
+i.styles = [b];
+n([
+  f({ attribute: !1 })
+], i.prototype, "message", 2);
+n([
+  v()
+], i.prototype, "chartState", 2);
+n([
+  m(".chart-canvas")
+], i.prototype, "canvasEl", 2);
+i = n([
+  x("gaia-chart-block")
+], i);
+export {
+  i as GaiaChartBlock
+};

package/dist/components/composer/disclaimer/disclaimer.d.ts

@@ -1,5 +1,5 @@
 import { BaseElement } from '../../shared/base-element';
-export default class GaiaDisclaimer extends BaseElement {
+export declare class GaiaDisclaimer extends BaseElement {
     static styles: import('lit').CSSResult[];
     render(): import('lit-html').TemplateResult<1>;
 }

package/dist/components/composer/message-composer.d.ts

@@ -1,20 +1,16 @@
 import { PropertyValues } from 'lit';
 import { HostContextProvider } from '../../types';
 import { BaseElement } from '../shared/base-element';
-export default class GaiaMessageComposer extends BaseElement {
+export declare class GaiaMessageComposer extends BaseElement {
     static styles: import('lit').CSSResult[];
     private debounceTimer?;
     private resizeController;
-    private store;
+    private ctrl;
     textareaWrap: HTMLDivElement;
     textarea: HTMLTextAreaElement;
     autosize: HTMLDivElement;
     private value;
     private invalid;
-    private maxInputLength;
-    disabled: boolean;
-    loading: boolean;
-    private isConnectedToSupport;
     profileId: string;
     /**
      * @deprecated Use hostContextProvider instead
@@ -23,15 +19,18 @@ export default class GaiaMessageComposer extends BaseElement {
     hostContextProvider?: HostContextProvider;
     rows: number;
     maxRows: number;
-    private unsubscribe?;
-    connectedCallback(): void;
     disconnectedCallback(): void;
     private get notAllowedToSendMessage();
+    private isMessageNotAllowed;
     private validateInput;
     private handleChange;
     private handleInput;
     private closeFeedbackIfOpen;
     private handleSendMessage;
+    private resolveHostContext;
+    private dispatchToSupport;
+    private dispatchToAssistant;
+    private handleSuggestedQuestionClick;
     private handleKeyDown;
     private maybeEmitTyping;
     protected updated(changed: PropertyValues): Promise<void>;

package/dist/components/composer/resize-controller.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveController } from 'lit';
-import { default as GaiaMessageComposer } from './message-composer';
+import { GaiaMessageComposer } from './message-composer';
 export declare class ResizeController implements ReactiveController {
     private host;
     private resizeObserver;

package/dist/components/conversation/activity-indicator/activity-indicator.d.ts

@@ -1,7 +1,7 @@
 import { nothing } from 'lit';
 import { SupportSessionActivityType } from '../../../core/types';
 import { BaseElement } from '../../shared/base-element';
-export default class GaiaActivityIndicator extends BaseElement {
+export declare class GaiaActivityIndicator extends BaseElement {
     static styles: import('lit').CSSResult[];
     /**
      * The activity type to display.

package/dist/components/conversation/conversation.d.ts

@@ -1,22 +1,15 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../shared/base-element';
 export declare class GaiaConversation extends BaseElement {
-    static styles: import('lit').CSSResult[];
+    static styles: import('lit').CSSResult[][];
     private containerRef;
     private scrollViewRef;
     private lastMessageRef;
-    private store;
-    private welcomeMessage?;
-    private isThinking;
-    private isFeedbackOpen;
-    private channel;
-    private error?;
-    private messages;
-    private toolCallSummaries;
-    private unsubscribe?;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected updated(changedProperties: PropertyValues): Promise<void>;
+    private ctrl;
+    /** Tracked for scroll change detection. */
+    private prevMessages;
+    private prevFeedbackOpen;
+    private prevError;
+    protected updated(): Promise<void>;
     private handleScrollUpdate;
     /**
      * Whether the thinking indicator should be visible.

package/dist/components/conversation/conversation.styles.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('lit').CSSResult;
+declare const _default: import('lit').CSSResult[];
 export default _default;

package/dist/components/conversation/markdown-content/markdown-content.d.ts

@@ -1,7 +1,10 @@
 import { BaseElement } from '../../shared/base-element';
-export default class GaiaMarkdownContent extends BaseElement {
+export declare class GaiaMarkdownContent extends BaseElement {
     static styles: import('lit').CSSResult[];
+    private static hookInstalled;
+    private static installDOMPurifyHook;
     value: string;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
 }
 declare global {

package/dist/components/conversation/welcome-message/welcome-message.d.ts

@@ -1,9 +1,8 @@
-import { IconName } from '../../primitives/icon/icon-library';
+import { IconName } from '../../primitives/icon/icon-registry';
 import { WelcomeMessage } from '../../../services/api-client';
 import { BaseElement } from '../../shared/base-element';
-export default class GaiaWelcomeMessage extends BaseElement {
+export declare class GaiaWelcomeMessage extends BaseElement {
     static styles: import('lit').CSSResult[];
-    isInitialized: boolean;
     welcomeMessage?: WelcomeMessage;
     protected getIcon(icon: string): IconName;
     render(): import('lit-html').TemplateResult<1>;

package/dist/components/feedback/feedback.d.ts

@@ -1,20 +1,20 @@
+import { PropertyValues } from 'lit';
 import { BaseElement } from '../shared/base-element';
-export default class GaiaFeedback extends BaseElement {
+export declare class GaiaFeedback extends BaseElement {
     static styles: import('lit').CSSResult[];
-    private store;
+    private ctrl;
     private ratingInput;
     private commentInput;
+    private closeButton;
     private selectedRating;
     private comment;
-    private target;
-    private unsubscribe?;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
     private canSubmit;
     private handleRatingChange;
     private handleCommentChange;
     private handleSubmit;
     private handleReset;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private handleKeyDown;
     private handleClose;
     render(): import('lit-html').TemplateResult<1>;
 }

package/dist/components/layout/app-header/app-header.d.ts

@@ -1,15 +1,18 @@
+import { PropertyValues } from 'lit';
 import { BaseElement } from '../../shared/base-element';
-export default class GaiaAppHeader extends BaseElement {
+export declare class GaiaAppHeader extends BaseElement {
     static styles: import('lit').CSSResult[];
-    private store;
-    private disabled;
-    private isFeedbackOpen;
-    private hasMessages;
+    private ctrl;
+    private activeToolbarIndex;
     closeable: boolean;
-    private unsubscribe?;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private updateDisabledState;
+    protected updated(changed: PropertyValues): void;
+    private getToolbarButtons;
+    private updateToolbarTabindex;
+    private nextEnabledIndex;
+    private handleToolbarKeyDown;
+    private handleFeedbackClosed;
     private handleClearConversation;
     private handleToggleFeedback;
     private handleCloseChat;

package/dist/components/layout/connection-status-overlay/connection-status-overlay.d.ts

@@ -0,0 +1,12 @@
+import { nothing } from 'lit';
+import { BaseElement } from '../../shared/base-element';
+export declare class GaiaConnectionStatusOverlay extends BaseElement {
+    static styles: import('lit').CSSResult[];
+    private ctrl;
+    render(): import('lit-html').TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'gaia-connection-status-overlay': GaiaConnectionStatusOverlay;
+    }
+}

package/dist/components/layout/error-notification/error-notification.d.ts

@@ -1,9 +1,9 @@
 import { nothing } from 'lit';
 import { AppError } from '../../../core/errors';
 import { BaseElement } from '../../shared/base-element';
-export default class GaiaErrorNotification extends BaseElement {
+export declare class GaiaErrorNotification extends BaseElement {
     static styles: import('lit').CSSResult[];
-    private store;
+    private ctrl;
     absolute: boolean;
     error?: AppError;
     private handleClearError;

package/dist/components/message/message.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { UiAssistantMessage, UiOperatorMessage, UiToolMessage, UiUserMessage } from '../../core/adapters/message-mapper';
 import { BaseElement } from '../shared/base-element';
 /**
@@ -8,7 +9,7 @@ type RenderableMessage = UiUserMessage | UiAssistantMessage | UiToolMessage | Ui
  * Valid values for the `from` attribute used for styling.
  */
 type FromRole = 'user' | 'assistant' | 'operator' | 'system';
-export default class GaiaMessage extends BaseElement {
+export declare class GaiaMessage extends BaseElement {
     static styles: import('lit').CSSResult[];
     /**
      * The role for styling. Set directly for slot-based usage (e.g., thinking indicator).
@@ -31,11 +32,13 @@ export default class GaiaMessage extends BaseElement {
      * Timeout ID for resetting the copied state.
      */
     private copyTimeoutId?;
+    protected willUpdate(changed: PropertyValues): void;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;
     /**
      * Render content directly from message properties.
      */
+    private get messageAriaLabel();
     private renderFromMessage;
     /**
      * Render avatar based on message type.