@artooi/ag-ui-web-component 0.1.0 → 0.2.0

package/src/{tool_call_card.ts → ui/tool_call_card.ts}

@@ -1,8 +1,11 @@
-import { TOOL_CALL_STATUS } from "./constants.js";
+import { TOOL_CALL_STATUS, TOOL_DISPLAY } from "../constants.js";
 
 /** Any state a tool-call card can be in. */
 export type ToolCallStatus = (typeof TOOL_CALL_STATUS)[keyof typeof TOOL_CALL_STATUS];
 
+/** How much detail a card renders. */
+export type ToolDisplayMode = (typeof TOOL_DISPLAY)[keyof typeof TOOL_DISPLAY];
+
 /** The terminal states a card settles into (everything but `pending`). */
 export type SettledStatus = Exclude<ToolCallStatus, typeof TOOL_CALL_STATUS.PENDING>;
 
@@ -14,7 +17,7 @@ const STATUS_LABEL: Record<ToolCallStatus, string> = {
   [TOOL_CALL_STATUS.DECLINED]: "⊘ declined",
 };
 
-/** Toggle-button label for each settled outcome's collapsible body. */
+/** Toggle-button label for each settled outcome's collapsible body (full mode). */
 const RESULT_LABEL: Record<SettledStatus, string> = {
   [TOOL_CALL_STATUS.DONE]: "Result",
   [TOOL_CALL_STATUS.ERROR]: "Error",
@@ -24,10 +27,14 @@ const RESULT_LABEL: Record<SettledStatus, string> = {
 /**
  * A live tool-call card for the chat transcript.
  *
- * Construction renders the tool name, its pretty-printed arguments, and a
- * `running…` status pill. {@link settle} later flips the pill to the outcome
- * and appends a click-to-expand body holding the result (or error / decline
- * message), collapsed by default.
+ * Construction renders the tool name and a `running…` status pill; in `full`
+ * mode it also shows the pretty-printed arguments inline. {@link settle} later
+ * flips the pill to the outcome and — depending on the {@link ToolDisplayMode} —
+ * appends a collapsible body:
+ *
+ * - `minimal` — pill only; nothing to expand.
+ * - `compact` — one "Details" toggle revealing args *and* result together.
+ * - `full` — the result (or error / decline message) behind its own toggle.
  *
  * Pure DOM (no framework); the host appends {@link element} into its shadow
  * root and themes it via the `--ag-ui-*` custom properties.
@@ -37,53 +44,77 @@ export class ToolCallCard {
   readonly element: HTMLDivElement;
 
   readonly #status: HTMLSpanElement;
+  readonly #mode: ToolDisplayMode;
+  readonly #args: Record<string, unknown>;
+
+  constructor(
+    name: string,
+    args: Record<string, unknown>,
+    mode: ToolDisplayMode = TOOL_DISPLAY.FULL,
+    summary?: string,
+  ) {
+    this.#mode = mode;
+    this.#args = args;
 
-  constructor(name: string, args: Record<string, unknown>) {
     this.element = document.createElement("div");
     this.element.className = "tool-call";
     this.element.setAttribute("data-tool-name", name);
     this.element.setAttribute("data-status", TOOL_CALL_STATUS.PENDING);
+    this.element.setAttribute("data-display", mode);
 
     const head = document.createElement("div");
     head.className = "tool-call-head";
 
     const label = document.createElement("span");
     label.className = "tool-call-name";
-    label.textContent = `🔧 ${name}`;
+    // A server-provided `x-summary` label reads better than the raw tool name.
+    label.textContent = `🔧 ${summary ?? name}`;
 
     this.#status = document.createElement("span");
     this.#status.className = "tool-call-status";
     this.#status.textContent = STATUS_LABEL[TOOL_CALL_STATUS.PENDING];
 
     head.append(label, this.#status);
-
-    const argsEl = document.createElement("pre");
-    argsEl.className = "tool-call-args";
-    argsEl.textContent = JSON.stringify(args, null, 2);
-
-    this.element.append(head, argsEl);
+    this.element.append(head);
+
+    if (mode === TOOL_DISPLAY.FULL) {
+      const argsEl = document.createElement("pre");
+      argsEl.className = "tool-call-args";
+      argsEl.textContent = JSON.stringify(args, null, 2);
+      this.element.append(argsEl);
+    }
   }
 
   /**
-   * Flip the status pill to ``status`` and append a collapsed body holding
-   * ``text`` (the JSON result, an error message, a decline notice, or a
-   * server-executed note) behind a click-to-expand toggle.
+   * Flip the status pill to ``status`` and, unless in `minimal` mode, append a
+   * collapsed body behind a click-to-expand toggle: the result alone (`full`),
+   * or the args + result together (`compact`).
    */
   settle(status: SettledStatus, text: string): void {
     this.element.setAttribute("data-status", status);
     this.#status.textContent = STATUS_LABEL[status];
 
+    if (this.#mode === TOOL_DISPLAY.MINIMAL) {
+      return;
+    }
+
     const toggle = document.createElement("button");
     toggle.type = "button";
     toggle.className = "tool-call-toggle";
     toggle.setAttribute("aria-expanded", "false");
-    toggle.textContent = RESULT_LABEL[status];
 
     const output = document.createElement("pre");
     output.className = "tool-call-result";
-    output.textContent = text;
     output.hidden = true;
 
+    if (this.#mode === TOOL_DISPLAY.COMPACT) {
+      toggle.textContent = "Details";
+      output.textContent = `args: ${JSON.stringify(this.#args)}\n\n${text}`;
+    } else {
+      toggle.textContent = RESULT_LABEL[status];
+      output.textContent = text;
+    }
+
     toggle.addEventListener("click", () => {
       const expand = output.hidden;
       output.hidden = !expand;

package/src/version.ts

@@ -1 +1 @@
-export const VERSION: string = "0.1.0";
+export const VERSION: string = "0.2.0";

package/dist/ag_ui_chat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ag_ui_chat.d.ts","sourceRoot":"","sources":["../src/ag_ui_chat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAW,IAAI,EAAE,MAAM,aAAa,CAAC;AAO1D,OAAO,EAAE,KAAK,UAAU,EAAsB,MAAM,2BAA2B,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAkC,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EAE1B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,KAAK,YAAY,EAAmB,MAAM,wBAAwB,CAAC;AAG5E,OAAO,EAAwB,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIvE,8CAA8C;AAC9C,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE3E,8DAA8D;AAC9D,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;;;;;;GAWG;AACH,qBAAa,QAAS,SAAQ,WAAW;;IACvC,wEAAwE;IACxE,YAAY,EAAE,YAAY,CAAmB;IAE7C,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAErC,yEAAyE;IACzE,WAAW,UAAS;IAEpB;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,IAAI,EAAE,CAOpB;IAEF;;;OAGG;IACH,UAAU,EAAE,MAAM,OAAO,EAAE,CAAuE;IAElG;;;OAGG;IACH,QAAQ,EAAE,QAAQ,CAAM;IAExB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;IAEjD,iEAAiE;IACjE,UAAU,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,IAAI,CAAQ;IAE1C,iEAAiE;IACjE,iBAAiB,UAAQ;IAEzB;;;;OAIG;IACH,iBAAiB,EAAE,uBAAuB,CAA6B;IAEvE;;;;OAIG;IACH,gBAAgB,EAAE,CAAC,UAAU,EAAE,oBAAoB,KAAK,OAAO,CAG5D;;IAyBH,kDAAkD;IAClD,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAIpC,wEAAwE;IACxE,iBAAiB,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI;IA0BxC,kEAAkE;IAClE,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,iBAAiB,IAAI,IAAI;IA6CzB,6CAA6C;IAC7C,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,GAAG,cAAc;CAiMlE"}

package/dist/agui_client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"agui_client.d.ts","sourceRoot":"","sources":["../src/agui_client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAoC,MAAM,eAAe,CAAC;AACrF,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAG1D,8DAA8D;AAC9D,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC;AAED,mFAAmF;AACnF,MAAM,WAAW,aAAa;IAC5B,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;AAEhF;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,UAAU,IAAI,IAAI,CAAC;IACnB,yEAAyE;IACzE,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,gFAAgF;IAChF,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,+EAA+E;IAC/E,UAAU,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IACrC,QAAQ,IAAI,IAAI,CAAC;IACjB,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,OAAO,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,sEAAsE;IACtE,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,oEAAoE;IACpE,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,OAAO,EAAE,KAAK,IAAI,CAAC;CACpD;AAED;;;;;;GAMG;AACH,qBAAa,UAAU;;gBAQT,MAAM,EAAE,gBAAgB;IASpC,4CAA4C;IAC5C,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,wEAAwE;IACxE,IAAI,QAAQ,IAAI,SAAS,OAAO,EAAE,CAEjC;IAED;;;;;;OAMG;IACG,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAM1C;;;;OAIG;IACG,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAI7B,0EAA0E;IAC1E,aAAa,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;CA+EzD"}

package/dist/animations.d.ts

@@ -1,33 +0,0 @@
-/**
- * Visible-action animation primitives.
- *
- * These run against the **host page** DOM (not the element's shadow root) so a
- * user watches the agent type, highlight, and click at human-readable speed.
- * Each is configurable; pass small/zero durations in tests (or use fake timers).
- */
-/** An element whose `value` can be typed into. */
-export type TextLikeElement = HTMLInputElement | HTMLTextAreaElement;
-export interface TypeOptions {
-    /** Milliseconds between characters. Default 35. */
-    charDelayMs?: number;
-}
-/**
- * Clear ``el`` and type ``value`` one character at a time, firing ``input``
- * events as a real user would, then a final ``change`` event.
- */
-export declare function typeInto(el: TextLikeElement, value: string, options?: TypeOptions): Promise<void>;
-export interface HighlightClickOptions {
-    /** Milliseconds to hold the highlight before clicking. Default 280. */
-    highlightMs?: number;
-}
-/** Outline ``el``, pause so the user sees it, then click and restore. */
-export declare function highlightThenClick(el: HTMLElement, options?: HighlightClickOptions): Promise<void>;
-/** Scroll ``el`` to the vertical centre of the viewport. */
-export declare function scrollIntoCenterView(el: HTMLElement): void;
-export interface FlashOptions {
-    /** Milliseconds to hold the focus flash. Default 200. */
-    flashMs?: number;
-}
-/** Focus ``el`` and briefly flash a ring around it. */
-export declare function focusWithFlash(el: HTMLElement, options?: FlashOptions): Promise<void>;
-//# sourceMappingURL=animations.d.ts.map

package/dist/animations.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../src/animations.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAUH,kDAAkD;AAClD,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAsB,QAAQ,CAC5B,EAAE,EAAE,eAAe,EACnB,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,WAAgB,GACxB,OAAO,CAAC,IAAI,CAAC,CAYf;AAED,MAAM,WAAW,qBAAqB;IACpC,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,yEAAyE;AACzE,wBAAsB,kBAAkB,CACtC,EAAE,EAAE,WAAW,EACf,OAAO,GAAE,qBAA0B,GAClC,OAAO,CAAC,IAAI,CAAC,CAUf;AAED,4DAA4D;AAC5D,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,CAE1D;AAED,MAAM,WAAW,YAAY;IAC3B,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,uDAAuD;AACvD,wBAAsB,cAAc,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,GAAE,YAAiB,GAAG,OAAO,CAAC,IAAI,CAAC,CAO/F"}

package/dist/client_tool_registry.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"client_tool_registry.d.ts","sourceRoot":"","sources":["../src/client_tool_registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExC;;;;;;GAMG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CACxE;AAED;;;;;;GAMG;AACH,qBAAa,kBAAkB;;IAG7B,4DAA4D;IAC5D,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAOhC,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI1B,yCAAyC;IACzC,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU;IAQ7B,wDAAwD;IACxD,KAAK,IAAI,IAAI,EAAE;CAOhB"}

package/dist/confirmation_modal.d.ts

@@ -1,14 +0,0 @@
-/** What the confirmation modal displays. */
-export interface ConfirmationRequest {
-    toolName: string;
-    args: Record<string, unknown>;
-}
-/**
- * Render a confirmation modal into ``host`` and resolve when the user decides.
- *
- * Resolves ``true`` if the user confirms, ``false`` if they cancel or dismiss
- * via the backdrop. The modal is appended to ``host`` (the chat container
- * inside the element's shadow root) and removed once resolved.
- */
-export declare function requestConfirmation(host: Node & ParentNode, request: ConfirmationRequest): Promise<boolean>;
-//# sourceMappingURL=confirmation_modal.d.ts.map

package/dist/confirmation_modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirmation_modal.d.ts","sourceRoot":"","sources":["../src/confirmation_modal.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,IAAI,GAAG,UAAU,EACvB,OAAO,EAAE,mBAAmB,GAC3B,OAAO,CAAC,OAAO,CAAC,CAoDlB"}

package/dist/conversation_store.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"conversation_store.d.ts","sourceRoot":"","sources":["../src/conversation_store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACnC,uEAAuE;IACvE,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,uBAAuB;IACtC,uEAAuE;IACvE,QAAQ,IAAI,MAAM,CAAC;IACnB,sEAAsE;IACtE,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;IACnE,mCAAmC;IACnC,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAAC;IACnE,0EAA0E;IAC1E,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,oBAAoB,GAAG,IAAI,CAAC;IAC9D,4EAA4E;IAC5E,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;IAChF,yEAAyE;IACzE,KAAK,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAMD;;;;;;;GAOG;AACH,qBAAa,mBAAoB,YAAW,uBAAuB;;IACjE,QAAQ,IAAI,MAAM;IAUlB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,OAAO,EAAE,GAAG,IAAI,CAAC;IAIlE,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI;IAIlE,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,oBAAoB,GAAG,IAAI;IAI7D,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,oBAAoB,GAAG,IAAI,GAAG,IAAI;IAS/E,KAAK,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;CAkB9B"}

package/dist/create_http_agent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create_http_agent.d.ts","sourceRoot":"","sources":["../src/create_http_agent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAa,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,0CAA0C;AAC1C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,eAAe,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;CACtC;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,gBAAgB,GAAG,aAAa,CAgBxE;AAED,2EAA2E;AAC3E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,gBAAgB,KAAK,aAAa,CAAC"}

package/dist/define_ag_ui_chat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"define_ag_ui_chat.d.ts","sourceRoot":"","sources":["../src/define_ag_ui_chat.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAIrC"}

package/dist/dom_driver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dom_driver.d.ts","sourceRoot":"","sources":["../src/dom_driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAG1B,KAAK,eAAe,EACpB,KAAK,WAAW,EAEjB,MAAM,iBAAiB,CAAC;AAEzB;;;;;;GAMG;AAEH,MAAM,WAAW,gBAAiB,SAAQ,WAAW,EAAE,gBAAgB;CAAG;AAE1E,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,6EAA6E;AAC7E,wBAAsB,SAAS,CAC7B,EAAE,EAAE,eAAe,EACnB,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,IAAI,CAAC,CAIf;AAED,kDAAkD;AAClD,wBAAsB,YAAY,CAChC,EAAE,EAAE,WAAW,EACf,OAAO,GAAE,qBAA0B,GAClC,OAAO,CAAC,IAAI,CAAC,CAGf;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,EAAE,EAAE,gBAAgB,GAAG,iBAAiB,EACxC,KAAK,EAAE,MAAM,GAAG,OAAO,GACtB,IAAI,CAQN"}

package/dist/is_destructive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"is_destructive.d.ts","sourceRoot":"","sources":["../src/is_destructive.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAE1E"}

package/dist/is_navigates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"is_navigates.d.ts","sourceRoot":"","sources":["../src/is_navigates.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAExE"}

package/dist/page_map.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page_map.d.ts","sourceRoot":"","sources":["../src/page_map.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;GAIG;AACH,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE9C;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,IAAI,EAClC,UAAU,EAAE,OAAO,GAClB,OAAO,EAAE,CAKX"}

package/dist/route_map.d.ts

@@ -1,27 +0,0 @@
-import type { ClientTool } from "./client_tool_registry.js";
-/** A single navigable route the host declares for the agent. */
-export interface Route {
-    /** Stable id the agent uses with `navigate_to_route`. */
-    readonly id: string;
-    /** The URL path to navigate to. */
-    readonly path: string;
-    /** Human label shown to the agent. */
-    readonly title?: string;
-    /** Optional grouping (e.g. an app or section). */
-    readonly group?: string;
-    /** Optional longer description of when to use the route. */
-    readonly description?: string;
-}
-/** The host-declared catalog of navigable routes. */
-export type RouteMap = readonly Route[];
-/**
- * The built-in `route.*` tools, bound to live getters so a host can set
- * `routeMap` / `navigate` before or after mount.
- *
- * `list_routes` is read-only; `navigate_to_route` is marked `x-navigates` so an
- * MPA reload checkpoints + resumes. When the host supplies a `navigate(path)`
- * callback (an SPA), the element routes client-side instead and the run loop
- * simply continues — see `AgUiChat`'s execute path.
- */
-export declare function createRouteTools(getRouteMap: () => RouteMap, getNavigate: () => ((path: string) => void) | null): ClientTool[];
-//# sourceMappingURL=route_map.d.ts.map

package/dist/route_map.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"route_map.d.ts","sourceRoot":"","sources":["../src/route_map.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,gEAAgE;AAChE,MAAM,WAAW,KAAK;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,kDAAkD;IAClD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,qDAAqD;AACrD,MAAM,MAAM,QAAQ,GAAG,SAAS,KAAK,EAAE,CAAC;AAexC;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,MAAM,QAAQ,EAC3B,WAAW,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,GACjD,UAAU,EAAE,CAqCd"}

package/dist/state_hook.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"state_hook.d.ts","sourceRoot":"","sources":["../src/state_hook.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACxB,8DAA8D;IAC9D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,QAAQ,CAAC,IAAI,EAAE,MAAM,OAAO,CAAC;IAC7B,0EAA0E;IAC1E,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC;IAC5D,uEAAuE;IACvE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC3C;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,SAAS,GAAG,UAAU,EAAE,CAmBlE"}

package/dist/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const STYLES = "\n:host {\n  /* Colors */\n  --ag-ui-bg: #ffffff;\n  --ag-ui-fg: #1a1a2e;\n  --ag-ui-accent: #4f46e5;\n  --ag-ui-user-bg: #4f46e5;\n  --ag-ui-user-fg: #ffffff;\n  --ag-ui-assistant-bg: #f1f1f6;\n  --ag-ui-input-bg: var(--ag-ui-bg);\n  --ag-ui-tool-bg: var(--ag-ui-assistant-bg);\n  --ag-ui-tool-fg: var(--ag-ui-accent);\n  --ag-ui-header-bg: var(--ag-ui-accent);\n  --ag-ui-header-fg: #ffffff;\n  --ag-ui-border: #e2e2ec;\n  --ag-ui-radius: 12px;\n\n  /* Status accents for tool-call cards. */\n  --ag-ui-success: #15803d;\n  --ag-ui-danger: #b91c1c;\n  --ag-ui-muted: #6b7280;\n\n  /* Surface \u2014 set --ag-ui-shadow: none for a flush, embedded panel. */\n  --ag-ui-shadow: 0 12px 32px rgba(20, 20, 50, 0.18);\n  --ag-ui-font: inherit;\n  --ag-ui-font-size: 14px;\n\n  /* Layout \u2014 override from outside to dock the widget anywhere.\n     Set --ag-ui-position: static (and place this element in your own\n     grid/flex layout) to embed it in the page flow instead of floating. */\n  --ag-ui-position: fixed;\n  --ag-ui-z-index: 2147483000;\n  --ag-ui-width: 380px;\n  --ag-ui-height: 560px;\n  --ag-ui-inset: auto 24px 24px auto;\n  --ag-ui-max-width: calc(100vw - 48px);\n  --ag-ui-max-height: calc(100vh - 48px);\n\n  position: var(--ag-ui-position);\n  inset: var(--ag-ui-inset);\n  z-index: var(--ag-ui-z-index);\n  width: var(--ag-ui-width);\n  max-width: var(--ag-ui-max-width);\n  height: var(--ag-ui-height);\n  max-height: var(--ag-ui-max-height);\n  display: flex;\n  font-family: var(--ag-ui-font);\n  font-size: var(--ag-ui-font-size);\n  color: var(--ag-ui-fg);\n}\n\n.chat {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  background: var(--ag-ui-bg);\n  border: 1px solid var(--ag-ui-border);\n  border-radius: var(--ag-ui-radius);\n  box-shadow: var(--ag-ui-shadow);\n  overflow: hidden;\n}\n\n.header {\n  padding: 12px 16px;\n  font-weight: 600;\n  border-bottom: 1px solid var(--ag-ui-border);\n  background: var(--ag-ui-header-bg);\n  color: var(--ag-ui-header-fg);\n}\n\n.messages {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.message {\n  max-width: 80%;\n  padding: 8px 12px;\n  border-radius: 14px;\n  line-height: 1.4;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.message--user {\n  align-self: flex-end;\n  background: var(--ag-ui-user-bg);\n  color: var(--ag-ui-user-fg);\n  border-bottom-right-radius: 4px;\n}\n\n.message--assistant {\n  align-self: flex-start;\n  background: var(--ag-ui-assistant-bg);\n  border-bottom-left-radius: 4px;\n}\n\n.tool-call {\n  align-self: flex-start;\n  max-width: 80%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  font-size: 12px;\n  font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n  padding: 8px 10px;\n  border-radius: 8px;\n  background: var(--ag-ui-tool-bg);\n  border: 1px solid var(--ag-ui-border);\n  color: var(--ag-ui-tool-fg);\n}\n\n.tool-call-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n.tool-call-name {\n  font-weight: 600;\n  word-break: break-word;\n}\n\n.tool-call-status {\n  flex: none;\n  padding: 1px 8px;\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 600;\n  background: rgba(127, 127, 127, 0.16);\n  color: var(--ag-ui-muted);\n}\n\n.tool-call[data-status=\"done\"] .tool-call-status {\n  color: var(--ag-ui-success);\n}\n\n.tool-call[data-status=\"error\"] .tool-call-status {\n  color: var(--ag-ui-danger);\n}\n\n.tool-call[data-status=\"declined\"] .tool-call-status {\n  color: var(--ag-ui-muted);\n}\n\n.tool-call-args,\n.tool-call-result {\n  margin: 0;\n  padding: 6px 8px;\n  max-height: 160px;\n  overflow: auto;\n  background: var(--ag-ui-bg);\n  border: 1px solid var(--ag-ui-border);\n  border-radius: 6px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  color: var(--ag-ui-fg);\n}\n\n.tool-call-toggle {\n  align-self: flex-start;\n  border: none;\n  padding: 0;\n  background: none;\n  font: inherit;\n  font-weight: 600;\n  color: var(--ag-ui-accent);\n  cursor: pointer;\n}\n\n.tool-call-toggle::before {\n  content: \"\u25B8 \";\n}\n\n.tool-call-toggle[aria-expanded=\"true\"]::before {\n  content: \"\u25BE \";\n}\n\n.input-row {\n  display: flex;\n  gap: 8px;\n  padding: 12px;\n  border-top: 1px solid var(--ag-ui-border);\n}\n\n.input {\n  flex: 1;\n  resize: none;\n  background: var(--ag-ui-input-bg);\n  border: 1px solid var(--ag-ui-border);\n  border-radius: 8px;\n  padding: 8px 10px;\n  font: inherit;\n  color: inherit;\n  outline: none;\n}\n\n.input:focus {\n  border-color: var(--ag-ui-accent);\n}\n\n.send {\n  border: none;\n  border-radius: 8px;\n  padding: 0 16px;\n  background: var(--ag-ui-accent);\n  color: #ffffff;\n  font: inherit;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.send:disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.modal-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  background: rgba(20, 20, 50, 0.4);\n  backdrop-filter: blur(2px);\n}\n\n.modal {\n  width: 100%;\n  max-width: 320px;\n  background: var(--ag-ui-bg);\n  border-radius: 12px;\n  box-shadow: 0 16px 40px rgba(20, 20, 50, 0.3);\n  overflow: hidden;\n}\n\n.modal-title {\n  padding: 12px 16px;\n  font-weight: 600;\n  border-bottom: 1px solid var(--ag-ui-border);\n}\n\n.modal-body {\n  padding: 12px 16px 4px;\n}\n\n.modal-args {\n  margin: 0 16px 12px;\n  padding: 8px 10px;\n  max-height: 140px;\n  overflow: auto;\n  font-size: 12px;\n  font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n  background: var(--ag-ui-assistant-bg);\n  border-radius: 8px;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.modal-actions {\n  display: flex;\n  gap: 8px;\n  padding: 0 16px 16px;\n  justify-content: flex-end;\n}\n\n.modal-btn {\n  border: 1px solid var(--ag-ui-border);\n  border-radius: 8px;\n  padding: 8px 14px;\n  font: inherit;\n  font-weight: 600;\n  cursor: pointer;\n  background: var(--ag-ui-bg);\n  color: var(--ag-ui-fg);\n}\n\n.modal-btn--confirm {\n  border-color: var(--ag-ui-accent);\n  background: var(--ag-ui-accent);\n  color: #ffffff;\n}\n";
-//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,6nMAmSlB,CAAC"}

package/dist/tool_call_card.d.ts

@@ -1,29 +0,0 @@
-import { TOOL_CALL_STATUS } from "./constants.js";
-/** Any state a tool-call card can be in. */
-export type ToolCallStatus = (typeof TOOL_CALL_STATUS)[keyof typeof TOOL_CALL_STATUS];
-/** The terminal states a card settles into (everything but `pending`). */
-export type SettledStatus = Exclude<ToolCallStatus, typeof TOOL_CALL_STATUS.PENDING>;
-/**
- * A live tool-call card for the chat transcript.
- *
- * Construction renders the tool name, its pretty-printed arguments, and a
- * `running…` status pill. {@link settle} later flips the pill to the outcome
- * and appends a click-to-expand body holding the result (or error / decline
- * message), collapsed by default.
- *
- * Pure DOM (no framework); the host appends {@link element} into its shadow
- * root and themes it via the `--ag-ui-*` custom properties.
- */
-export declare class ToolCallCard {
-    #private;
-    /** The card's root element; append this into the message list. */
-    readonly element: HTMLDivElement;
-    constructor(name: string, args: Record<string, unknown>);
-    /**
-     * Flip the status pill to ``status`` and append a collapsed body holding
-     * ``text`` (the JSON result, an error message, a decline notice, or a
-     * server-executed note) behind a click-to-expand toggle.
-     */
-    settle(status: SettledStatus, text: string): void;
-}
-//# sourceMappingURL=tool_call_card.d.ts.map

package/dist/tool_call_card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tool_call_card.d.ts","sourceRoot":"","sources":["../src/tool_call_card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,4CAA4C;AAC5C,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAEtF,0EAA0E;AAC1E,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,cAAc,EAAE,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAiBrF;;;;;;;;;;GAUG;AACH,qBAAa,YAAY;;IACvB,kEAAkE;IAClE,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC;gBAIrB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IA0BvD;;;;OAIG;IACH,MAAM,CAAC,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;CAuBlD"}