@alexkroman1/aai 0.8.3 → 0.8.4

package/dist/ui/_components/button.d.ts

@@ -0,0 +1,11 @@
+import type * as preact from "preact";
+type ButtonVariant = "default" | "secondary" | "ghost";
+type ButtonSize = "default" | "lg";
+export declare function Button({ variant, size, className, children, ...rest }: {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    className?: string;
+    children?: preact.ComponentChildren;
+} & Omit<preact.JSX.HTMLAttributes<HTMLButtonElement>, "className">): preact.JSX.Element;
+export {};
+//# sourceMappingURL=button.d.ts.map

package/dist/ui/_components/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../ui/_components/button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AAEtC,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AACvD,KAAK,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC;AAEnC,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE;IACD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,iBAAiB,CAAC;CACrC,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC,sBA8BlE"}

package/dist/ui/_components/button.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+// Copyright 2025 the AAI authors. MIT license.
+import clsx from "clsx";
+export function Button({ variant = "default", size = "default", className, children, ...rest }) {
+    return (_jsx("button", { type: "button", style: size === "lg"
+            ? {
+                display: "grid",
+                placeItems: "center",
+                appearance: "none",
+                margin: 0,
+                padding: "12px 32px",
+                lineHeight: 1,
+            }
+            : undefined, class: clsx(size !== "lg" &&
+            "flex items-center justify-center appearance-none m-0 h-8 px-3 py-1.5 w-fit leading-none", "rounded-aai text-sm font-medium cursor-pointer border outline-none", variant === "secondary" && "bg-aai-surface-hover text-aai-text-secondary border-aai-border", variant === "ghost" && "bg-transparent text-aai-text-secondary border-aai-border", variant === "default" && "bg-aai-primary text-white border-transparent", className), ...rest, children: children }));
+}
+//# sourceMappingURL=button.js.map

package/dist/ui/_components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../ui/_components/button.tsx"],"names":[],"mappings":";AAAA,+CAA+C;AAE/C,OAAO,IAAI,MAAM,MAAM,CAAC;AAMxB,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EAM0D;IACjE,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EACH,IAAI,KAAK,IAAI;YACX,CAAC,CAAC;gBACE,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,UAAU,EAAE,MAAM;gBAClB,MAAM,EAAE,CAAC;gBACT,OAAO,EAAE,WAAW;gBACpB,UAAU,EAAE,CAAC;aACd;YACH,CAAC,CAAC,SAAS,EAEf,KAAK,EAAE,IAAI,CACT,IAAI,KAAK,IAAI;YACX,yFAAyF,EAC3F,oEAAoE,EACpE,OAAO,KAAK,WAAW,IAAI,gEAAgE,EAC3F,OAAO,KAAK,OAAO,IAAI,0DAA0D,EACjF,OAAO,KAAK,SAAS,IAAI,8CAA8C,EACvE,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

package/dist/ui/_components/chat_view.d.ts

@@ -1,3 +1,5 @@
 import type * as preact from "preact";
-export declare function ChatView(): preact.JSX.Element;
+export declare function ChatView({ className }: {
+    className?: string;
+}): preact.JSX.Element;
 //# sourceMappingURL=chat_view.d.ts.map

package/dist/ui/_components/chat_view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat_view.d.ts","sourceRoot":"","sources":["../../../ui/_components/chat_view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AAQtC,wBAAgB,QAAQ,IAAI,MAAM,CAAC,GAAG,CAAC,OAAO,CAwB7C"}
+{"version":3,"file":"chat_view.d.ts","sourceRoot":"","sources":["../../../ui/_components/chat_view.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AAQtC,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CA6BlF"}

package/dist/ui/_components/chat_view.js

@@ -1,13 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+// Copyright 2025 the AAI authors. MIT license.
+import clsx from "clsx";
 import { useMountConfig } from "../mount_context.js";
 import { useSession } from "../signals.js";
 import { Controls } from "./controls.js";
 import { ErrorBanner } from "./error_banner.js";
 import { MessageList } from "./message_list.js";
 import { StateIndicator } from "./state_indicator.js";
-export function ChatView() {
+export function ChatView({ className }) {
     const { session } = useSession();
     const { title } = useMountConfig();
-    return (_jsxs("div", { class: "flex flex-col h-screen max-w-130 mx-auto bg-aai-bg text-aai-text font-aai text-sm", children: [_jsxs("div", { class: "flex items-center gap-3 px-4 py-3 border-b border-aai-border shrink-0", children: [title ? (_jsx("span", { class: "text-sm font-semibold text-aai-primary", children: title })) : (_jsx("pre", { class: "font-aai-mono text-[10px] leading-[1.1] font-bold text-aai-primary m-0", children: "▄▀█ ▄▀█ █\n█▀█ █▀█ █" })), _jsx("div", { class: "ml-auto", children: _jsx(StateIndicator, { state: session.state }) })] }), _jsx(ErrorBanner, { error: session.error }), _jsx(MessageList, {}), _jsx(Controls, {})] }));
+    return (_jsxs("div", { class: clsx("flex flex-col h-screen max-w-130 mx-auto bg-aai-bg text-aai-text font-aai text-sm", className), children: [_jsxs("div", { class: "flex items-center gap-3 px-4 py-3 border-b border-aai-border shrink-0", children: [title ? (_jsx("span", { class: "text-sm font-semibold text-aai-primary", children: title })) : (_jsx("pre", { class: "font-aai-mono text-[10px] leading-[1.1] font-bold text-aai-primary m-0", children: "▄▀█ ▄▀█ █\n█▀█ █▀█ █" })), _jsx("div", { class: "ml-auto", children: _jsx(StateIndicator, { state: session.state }) })] }), _jsx(ErrorBanner, { error: session.error }), _jsx(MessageList, {}), _jsx(Controls, {})] }));
 }
 //# sourceMappingURL=chat_view.js.map

package/dist/ui/_components/chat_view.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat_view.js","sourceRoot":"","sources":["../../../ui/_components/chat_view.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAoB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAoB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAuB,CAAC;AAEvD,MAAM,UAAU,QAAQ;IACtB,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;IAEnC,OAAO,CACL,eAAK,KAAK,EAAC,mFAAmF,aAE5F,eAAK,KAAK,EAAC,uEAAuE,aAC/E,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,KAAK,EAAC,wCAAwC,YAAE,KAAK,GAAQ,CACpE,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,EAAC,wEAAwE,YAChF,sBAAsB,GACnB,CACP,EACD,cAAK,KAAK,EAAC,SAAS,YAClB,KAAC,cAAc,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,GACpC,IACF,EACN,KAAC,WAAW,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,EACrC,KAAC,WAAW,KAAG,EACf,KAAC,QAAQ,KAAG,IACR,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"chat_view.js","sourceRoot":"","sources":["../../../ui/_components/chat_view.tsx"],"names":[],"mappings":";AAAA,+CAA+C;AAE/C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAoB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAoB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAuB,CAAC;AAEvD,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAA0B;IAC5D,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;IAEnC,OAAO,CACL,eACE,KAAK,EAAE,IAAI,CACT,mFAAmF,EACnF,SAAS,CACV,aAGD,eAAK,KAAK,EAAC,uEAAuE,aAC/E,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,KAAK,EAAC,wCAAwC,YAAE,KAAK,GAAQ,CACpE,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,EAAC,wEAAwE,YAChF,sBAAsB,GACnB,CACP,EACD,cAAK,KAAK,EAAC,SAAS,YAClB,KAAC,cAAc,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,GACpC,IACF,EACN,KAAC,WAAW,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,EACrC,KAAC,WAAW,KAAG,EACf,KAAC,QAAQ,KAAG,IACR,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/_components/controls.d.ts

@@ -1,2 +1,4 @@
-export declare function Controls(): import("preact").JSX.Element;
+export declare function Controls({ className }: {
+    className?: string;
+}): import("preact").JSX.Element;
 //# sourceMappingURL=controls.d.ts.map

package/dist/ui/_components/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../ui/_components/controls.tsx"],"names":[],"mappings":"AAGA,wBAAgB,QAAQ,iCA4BvB"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../ui/_components/controls.tsx"],"names":[],"mappings":"AAKA,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,gCAa7D"}

package/dist/ui/_components/controls.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 // Copyright 2025 the AAI authors. MIT license.
+import clsx from "clsx";
 import { useSession } from "../signals.js";
-export function Controls() {
+import { Button } from "./button.js";
+export function Controls({ className }) {
     const { running, toggle, reset } = useSession();
-    const btnBase = "h-8 px-3 py-1.5 rounded-aai text-sm font-medium leading-[130%] cursor-pointer border border-transparent outline-none";
-    return (_jsxs("div", { class: "flex gap-2 px-4 py-3 border-t border-aai-border shrink-0", children: [_jsx("button", { type: "button", class: `${btnBase} ${running.value
-                    ? "bg-aai-surface-hover text-aai-text-secondary border-aai-border"
-                    : "bg-aai-surface-hover text-aai-text-secondary border-aai-border"}`, onClick: toggle, children: running.value ? "Stop" : "Resume" }), _jsx("button", { type: "button", class: `${btnBase} bg-transparent text-aai-text-secondary border-aai-border`, onClick: reset, children: "New Conversation" })] }));
+    return (_jsxs("div", { class: clsx("flex gap-2 px-4 py-3 border-t border-aai-border shrink-0", className), children: [_jsx(Button, { variant: "secondary", onClick: toggle, children: running.value ? "Stop" : "Resume" }), _jsx(Button, { variant: "ghost", onClick: reset, children: "New Conversation" })] }));
 }
 //# sourceMappingURL=controls.js.map

package/dist/ui/_components/controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../ui/_components/controls.tsx"],"names":[],"mappings":";AAAA,+CAA+C;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,UAAU,QAAQ;IACtB,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IAEhD,MAAM,OAAO,GACX,sHAAsH,CAAC;IAEzH,OAAO,CACL,eAAK,KAAK,EAAC,0DAA0D,aACnE,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,GAAG,OAAO,IACf,OAAO,CAAC,KAAK;oBACX,CAAC,CAAC,gEAAgE;oBAClE,CAAC,CAAC,gEACN,EAAE,EACF,OAAO,EAAE,MAAM,YAEd,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,GAC3B,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,GAAG,OAAO,2DAA2D,EAC5E,OAAO,EAAE,KAAK,iCAGP,IACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../ui/_components/controls.tsx"],"names":[],"mappings":";AAAA,+CAA+C;AAC/C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAc,CAAC;AAEtC,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAA0B;IAC5D,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IAEhD,OAAO,CACL,eAAK,KAAK,EAAE,IAAI,CAAC,0DAA0D,EAAE,SAAS,CAAC,aACrF,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,YACxC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,GAC3B,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,KAAK,iCAE7B,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/_components/error_banner.d.ts

@@ -1,7 +1,8 @@
 import type { Signal } from "@preact/signals";
 import type * as preact from "preact";
 import type { SessionError } from "../types.ts";
-export declare function ErrorBanner({ error, }: {
+export declare function ErrorBanner({ error, className, }: {
     error: Signal<SessionError | null>;
+    className?: string;
 }): preact.JSX.Element | null;
 //# sourceMappingURL=error_banner.d.ts.map

package/dist/ui/_components/error_banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error_banner.d.ts","sourceRoot":"","sources":["../../../ui/_components/error_banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;CACpC,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAO5B"}
+{"version":3,"file":"error_banner.d.ts","sourceRoot":"","sources":["../../../ui/_components/error_banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAY5B"}

package/dist/ui/_components/error_banner.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
-export function ErrorBanner({ error, }) {
+import clsx from "clsx";
+export function ErrorBanner({ error, className, }) {
     if (!error.value)
         return null;
-    return (_jsx("div", { class: "mx-4 mt-3 px-3 py-2 rounded-aai border border-aai-error/40 bg-aai-error/8 text-[13px] leading-[130%] text-aai-error", children: error.value.message }));
+    return (_jsx("div", { class: clsx("mx-4 mt-3 px-3 py-2 rounded-aai border border-aai-error/40 bg-aai-error/8 text-[13px] leading-[130%] text-aai-error", className), children: error.value.message }));
 }
 //# sourceMappingURL=error_banner.js.map

package/dist/ui/_components/error_banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"error_banner.js","sourceRoot":"","sources":["../../../ui/_components/error_banner.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,GAGN;IACC,IAAI,CAAC,KAAK,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAC9B,OAAO,CACL,cAAK,KAAK,EAAC,qHAAqH,YAC7H,KAAK,CAAC,KAAK,CAAC,OAAO,GAChB,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"error_banner.js","sourceRoot":"","sources":["../../../ui/_components/error_banner.tsx"],"names":[],"mappings":";AAGA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,GAIV;IACC,IAAI,CAAC,KAAK,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAC9B,OAAO,CACL,cACE,KAAK,EAAE,IAAI,CACT,qHAAqH,EACrH,SAAS,CACV,YAEA,KAAK,CAAC,KAAK,CAAC,OAAO,GAChB,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/_components/message_bubble.d.ts

@@ -1,6 +1,7 @@
 import type * as preact from "preact";
 import type { Message } from "../types.ts";
-export declare function MessageBubble({ message }: {
+export declare function MessageBubble({ message, className, }: {
     message: Message;
+    className?: string;
 }): preact.JSX.Element;
 //# sourceMappingURL=message_bubble.d.ts.map

package/dist/ui/_components/message_bubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_bubble.d.ts","sourceRoot":"","sources":["../../../ui/_components/message_bubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAgBnF"}
+{"version":3,"file":"message_bubble.d.ts","sourceRoot":"","sources":["../../../ui/_components/message_bubble.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,GACV,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAqBrB"}

package/dist/ui/_components/message_bubble.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
-export function MessageBubble({ message }) {
+// Copyright 2025 the AAI authors. MIT license.
+import clsx from "clsx";
+export function MessageBubble({ message, className, }) {
     const isUser = message.role === "user";
     if (isUser) {
-        return (_jsx("div", { class: "flex flex-col w-full items-end", children: _jsx("div", { class: "max-w-[min(82%,64ch)] bg-aai-surface-faint border border-aai-border px-3 py-2 rounded-aai whitespace-pre-wrap wrap-break-word text-sm font-normal leading-[150%] text-aai-text", children: message.text }) }));
+        return (_jsx("div", { class: clsx("flex flex-col w-full items-end", className), children: _jsx("div", { class: "max-w-[min(82%,64ch)] bg-aai-surface-faint border border-aai-border px-3 py-2 rounded-aai whitespace-pre-wrap wrap-break-word text-sm font-normal leading-[150%] text-aai-text", children: message.text }) }));
     }
-    return (_jsx("div", { class: "whitespace-pre-wrap wrap-break-word text-sm font-normal leading-[150%] text-aai-text", children: message.text }));
+    return (_jsx("div", { class: clsx("whitespace-pre-wrap wrap-break-word text-sm font-normal leading-[150%] text-aai-text", className), children: message.text }));
 }
 //# sourceMappingURL=message_bubble.js.map

package/dist/ui/_components/message_bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_bubble.js","sourceRoot":"","sources":["../../../ui/_components/message_bubble.tsx"],"names":[],"mappings":";AAIA,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAwB;IAC7D,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC;IACvC,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,cAAK,KAAK,EAAC,gCAAgC,YACzC,cAAK,KAAK,EAAC,gLAAgL,YACxL,OAAO,CAAC,IAAI,GACT,GACF,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,cAAK,KAAK,EAAC,sFAAsF,YAC9F,OAAO,CAAC,IAAI,GACT,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"message_bubble.js","sourceRoot":"","sources":["../../../ui/_components/message_bubble.tsx"],"names":[],"mappings":";AAAA,+CAA+C;AAE/C,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,GAIV;IACC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC;IACvC,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,cAAK,KAAK,EAAE,IAAI,CAAC,gCAAgC,EAAE,SAAS,CAAC,YAC3D,cAAK,KAAK,EAAC,gLAAgL,YACxL,OAAO,CAAC,IAAI,GACT,GACF,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,cACE,KAAK,EAAE,IAAI,CACT,sFAAsF,EACtF,SAAS,CACV,YAEA,OAAO,CAAC,IAAI,GACT,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/_components/message_list.d.ts

@@ -1,2 +1,4 @@
-export declare function MessageList(): import("preact").JSX.Element;
+export declare function MessageList({ className }: {
+    className?: string;
+}): import("preact").JSX.Element;
 //# sourceMappingURL=message_list.d.ts.map

package/dist/ui/_components/message_list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_list.d.ts","sourceRoot":"","sources":["../../../ui/_components/message_list.tsx"],"names":[],"mappings":"AAWA,wBAAgB,WAAW,iCAyD1B"}
+{"version":3,"file":"message_list.d.ts","sourceRoot":"","sources":["../../../ui/_components/message_list.tsx"],"names":[],"mappings":"AAWA,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,gCAmDhE"}

package/dist/ui/_components/message_list.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 // Copyright 2025 the AAI authors. MIT license.
-import { computed, useSignalEffect } from "@preact/signals";
-import { useRef } from "preact/hooks";
-import { useSession } from "../signals.js";
+import { computed } from "@preact/signals";
+import clsx from "clsx";
+import { useAutoScroll, useSession } from "../signals.js";
 import { MessageBubble } from "./message_bubble.js";
 import { ThinkingIndicator } from "./thinking_indicator.js";
 import { ToolCallBlock } from "./tool_call_block.js";
 import { Transcript } from "./transcript.js";
-export function MessageList() {
+export function MessageList({ className }) {
     const { session } = useSession();
-    const scrollRef = useRef(null);
+    const scrollRef = useAutoScroll();
     const showThinking = computed(() => {
         if (session.state.value !== "thinking")
             return false;
@@ -17,15 +17,7 @@ export function MessageList() {
         if (last?.status === "pending")
             return false;
         const lastMsg = session.messages.value.at(-1);
-        return !lastMsg || lastMsg.role === "user" || !!last;
-    });
-    useSignalEffect(() => {
-        session.messages.value;
-        session.toolCalls.value;
-        session.userUtterance.value;
-        session.agentUtterance.value;
-        session.state.value;
-        scrollRef.current?.scrollIntoView({ behavior: "smooth" });
+        return !lastMsg || lastMsg.role === "user" || Boolean(last);
     });
     const messages = session.messages.value;
     const toolCalls = session.toolCalls.value;
@@ -48,6 +40,6 @@ export function MessageList() {
         tci++;
         tc = toolCalls[tci];
     }
-    return (_jsx("div", { role: "log", class: "flex-1 overflow-y-auto [scrollbar-width:none] bg-aai-surface", children: _jsxs("div", { class: "flex flex-col gap-4.5 p-4", children: [items, session.agentUtterance.value && (_jsx(MessageBubble, { message: { role: "assistant", text: session.agentUtterance.value } })), _jsx(Transcript, { userUtterance: session.userUtterance }), showThinking.value && _jsx(ThinkingIndicator, {}), _jsx("div", { ref: scrollRef })] }) }));
+    return (_jsx("div", { role: "log", class: clsx("flex-1 overflow-y-auto [scrollbar-width:none] bg-aai-surface", className), children: _jsxs("div", { class: "flex flex-col gap-4.5 p-4", children: [items, session.agentUtterance.value && (_jsx(MessageBubble, { message: { role: "assistant", text: session.agentUtterance.value } })), _jsx(Transcript, { userUtterance: session.userUtterance }), showThinking.value && _jsx(ThinkingIndicator, {}), _jsx("div", { ref: scrollRef })] }) }));
 }
 //# sourceMappingURL=message_list.js.map

package/dist/ui/_components/message_list.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_list.js","sourceRoot":"","sources":["../../../ui/_components/message_list.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"message_list.js","sourceRoot":"","sources":["../../../ui/_components/message_list.tsx"],"names":[],"mappings":"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"}

package/dist/ui/_components/sidebar_layout.d.ts

@@ -10,10 +10,11 @@ import type { ComponentChildren } from "preact";
  * </SidebarLayout>
  * ```
  */
-export declare function SidebarLayout({ sidebar, children, width, side, }: {
+export declare function SidebarLayout({ sidebar, children, width, side, className, }: {
     sidebar: ComponentChildren;
     children: ComponentChildren;
     width?: string | undefined;
     side?: "left" | "right" | undefined;
+    className?: string;
 }): import("preact").JSX.Element;
 //# sourceMappingURL=sidebar_layout.d.ts.map

package/dist/ui/_components/sidebar_layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar_layout.d.ts","sourceRoot":"","sources":["../../../ui/_components/sidebar_layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,KAAe,EACf,IAAa,GACd,EAAE;IACD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACrC,gCAqBA"}
+{"version":3,"file":"sidebar_layout.d.ts","sourceRoot":"","sources":["../../../ui/_components/sidebar_layout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,KAAe,EACf,IAAa,EACb,SAAS,GACV,EAAE;IACD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,gCAoBA"}

package/dist/ui/_components/sidebar_layout.js

@@ -1,4 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+// Copyright 2025 the AAI authors. MIT license.
+import clsx from "clsx";
 /**
  * A two-column layout with a fixed-width sidebar and a flexible main area.
  * Commonly used to pair a custom sidebar (cart, dashboard) with `<ChatView />`.
@@ -10,12 +12,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
  * </SidebarLayout>
  * ```
  */
-export function SidebarLayout({ sidebar, children, width = "20rem", side = "left", }) {
-    const sidebarEl = (_jsx("div", { class: "flex-shrink-0 flex flex-col overflow-y-auto", style: {
-            width,
-            borderRight: side === "left" ? "1px solid var(--color-aai-border)" : undefined,
-            borderLeft: side === "right" ? "1px solid var(--color-aai-border)" : undefined,
-        }, children: sidebar }));
-    return (_jsxs("div", { class: "flex h-screen", style: { background: "var(--color-aai-bg)" }, children: [side === "left" && sidebarEl, _jsx("div", { class: "flex-1 min-w-0", children: children }), side === "right" && sidebarEl] }));
+export function SidebarLayout({ sidebar, children, width = "20rem", side = "left", className, }) {
+    const sidebarEl = (_jsx("div", { class: clsx("flex-shrink-0 flex flex-col overflow-y-auto", side === "left" ? "border-r border-aai-border" : "border-l border-aai-border"), style: { width }, children: sidebar }));
+    return (_jsxs("div", { class: clsx("flex h-screen bg-aai-bg", className), children: [side === "left" && sidebarEl, _jsx("div", { class: "flex-1 min-w-0", children: children }), side === "right" && sidebarEl] }));
 }
 //# sourceMappingURL=sidebar_layout.js.map

package/dist/ui/_components/sidebar_layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar_layout.js","sourceRoot":"","sources":["../../../ui/_components/sidebar_layout.tsx"],"names":[],"mappings":";AAIA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,OAAO,EACf,IAAI,GAAG,MAAM,GAMd;IACC,MAAM,SAAS,GAAG,CAChB,cACE,KAAK,EAAC,6CAA6C,EACnD,KAAK,EAAE;YACL,KAAK;YACL,WAAW,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,SAAS;YAC9E,UAAU,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,SAAS;SAC/E,YAEA,OAAO,GACJ,CACP,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,qBAAqB,EAAE,aACpE,IAAI,KAAK,MAAM,IAAI,SAAS,EAC7B,cAAK,KAAK,EAAC,gBAAgB,YAAE,QAAQ,GAAO,EAC3C,IAAI,KAAK,OAAO,IAAI,SAAS,IAC1B,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"sidebar_layout.js","sourceRoot":"","sources":["../../../ui/_components/sidebar_layout.tsx"],"names":[],"mappings":";AAAA,+CAA+C;AAE/C,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB;;;;;;;;;;GAUG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,OAAO,EACf,IAAI,GAAG,MAAM,EACb,SAAS,GAOV;IACC,MAAM,SAAS,GAAG,CAChB,cACE,KAAK,EAAE,IAAI,CACT,6CAA6C,EAC7C,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,4BAA4B,CAC9E,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,YAEf,OAAO,GACJ,CACP,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC,aACnD,IAAI,KAAK,MAAM,IAAI,SAAS,EAC7B,cAAK,KAAK,EAAC,gBAAgB,YAAE,QAAQ,GAAO,EAC3C,IAAI,KAAK,OAAO,IAAI,SAAS,IAC1B,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/_components/start_screen.d.ts

@@ -14,11 +14,12 @@ import type { ComponentChildren } from "preact";
  * }
  * ```
  */
-export declare function StartScreen({ children, icon, title, subtitle, buttonText, }: {
+export declare function StartScreen({ children, icon, title, subtitle, buttonText, className, }: {
     children: ComponentChildren;
     icon?: ComponentChildren | undefined;
     title?: string | undefined;
     subtitle?: string | undefined;
     buttonText?: string | undefined;
+    className?: string | undefined;
 }): import("preact").JSX.Element;
 //# sourceMappingURL=start_screen.d.ts.map

package/dist/ui/_components/start_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"start_screen.d.ts","sourceRoot":"","sources":["../../../ui/_components/start_screen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAGhD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,UAAoB,GACrB,EAAE;IACD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC,gCAuBA"}
+{"version":3,"file":"start_screen.d.ts","sourceRoot":"","sources":["../../../ui/_components/start_screen.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAIhD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,UAAoB,EACpB,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,gCAmBA"}

package/dist/ui/_components/start_screen.js

@@ -1,5 +1,8 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+// Copyright 2025 the AAI authors. MIT license.
+import clsx from "clsx";
 import { useSession } from "../signals.js";
+import { Button } from "./button.js";
 /**
  * A centered start screen with icon, title, subtitle, and a start button.
  * Renders `children` (the main app) once the session has started.
@@ -15,11 +18,11 @@ import { useSession } from "../signals.js";
  * }
  * ```
  */
-export function StartScreen({ children, icon, title, subtitle, buttonText = "Start", }) {
+export function StartScreen({ children, icon, title, subtitle, buttonText = "Start", className, }) {
     const { started, start } = useSession();
     if (started.value) {
         return _jsx(_Fragment, { children: children });
     }
-    return (_jsx("div", { class: "flex items-center justify-center h-screen bg-aai-bg font-aai", children: _jsxs("div", { class: "flex flex-col items-center gap-4 bg-aai-surface border border-aai-border rounded-lg px-12 py-10 max-w-sm text-center", children: [icon, title && _jsx("h1", { class: "font-semibold text-aai-primary m-0", children: title }), subtitle && _jsx("p", { class: "text-sm text-aai-text-muted m-0", children: subtitle }), _jsx("button", { type: "button", class: "mt-2 px-8 py-3 rounded-aai text-sm font-medium cursor-pointer bg-aai-primary text-white border-none", onClick: start, children: buttonText })] }) }));
+    return (_jsx("div", { class: clsx("flex items-center justify-center h-screen bg-aai-bg font-aai", className), children: _jsxs("div", { class: "flex flex-col items-center gap-4 bg-aai-surface border border-aai-border rounded-lg px-12 py-10 max-w-sm text-center", children: [icon, title && _jsx("h1", { class: "font-semibold text-aai-primary m-0", children: title }), subtitle && _jsx("p", { class: "text-sm text-aai-text-muted m-0", children: subtitle }), _jsx(Button, { size: "lg", className: "mt-2 w-full", onClick: start, children: buttonText })] }) }));
 }
 //# sourceMappingURL=start_screen.js.map

package/dist/ui/_components/start_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"start_screen.js","sourceRoot":"","sources":["../../../ui/_components/start_screen.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,UAAU,GAAG,OAAO,GAOrB;IACC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IAExC,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;QAClB,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACzB,CAAC;IAED,OAAO,CACL,cAAK,KAAK,EAAC,8DAA8D,YACvE,eAAK,KAAK,EAAC,sHAAsH,aAC9H,IAAI,EACJ,KAAK,IAAI,aAAI,KAAK,EAAC,oCAAoC,YAAE,KAAK,GAAM,EACpE,QAAQ,IAAI,YAAG,KAAK,EAAC,iCAAiC,YAAE,QAAQ,GAAK,EACtE,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,qGAAqG,EAC3G,OAAO,EAAE,KAAK,YAEb,UAAU,GACJ,IACL,GACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"start_screen.js","sourceRoot":"","sources":["../../../ui/_components/start_screen.tsx"],"names":[],"mappings":";AAAA,+CAA+C;AAE/C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAc,CAAC;AAEtC;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,UAAU,GAAG,OAAO,EACpB,SAAS,GAQV;IACC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IAExC,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;QAClB,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACzB,CAAC;IAED,OAAO,CACL,cAAK,KAAK,EAAE,IAAI,CAAC,8DAA8D,EAAE,SAAS,CAAC,YACzF,eAAK,KAAK,EAAC,sHAAsH,aAC9H,IAAI,EACJ,KAAK,IAAI,aAAI,KAAK,EAAC,oCAAoC,YAAE,KAAK,GAAM,EACpE,QAAQ,IAAI,YAAG,KAAK,EAAC,iCAAiC,YAAE,QAAQ,GAAK,EACtE,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,KAAK,YACrD,UAAU,GACJ,IACL,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/_components/state_indicator.d.ts

@@ -1,7 +1,8 @@
 import type { Signal } from "@preact/signals";
 import type * as preact from "preact";
 import type { AgentState } from "../types.ts";
-export declare function StateIndicator({ state }: {
+export declare function StateIndicator({ state, className, }: {
     state: Signal<AgentState>;
+    className?: string;
 }): preact.JSX.Element;
 //# sourceMappingURL=state_indicator.d.ts.map

package/dist/ui/_components/state_indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"state_indicator.d.ts","sourceRoot":"","sources":["../../../ui/_components/state_indicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,CAAA;CAAE,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAU3F"}
+{"version":3,"file":"state_indicator.d.ts","sourceRoot":"","sources":["../../../ui/_components/state_indicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAerB"}

package/dist/ui/_components/state_indicator.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
-export function StateIndicator({ state }) {
-    return (_jsxs("div", { class: "inline-flex items-center justify-center gap-1.5 text-[13px] font-medium leading-[130%] text-aai-text-muted capitalize", children: [_jsx("div", { class: "w-2 h-2 rounded-full", style: { background: `var(--color-aai-state-${state.value})` } }), state] }));
+import clsx from "clsx";
+export function StateIndicator({ state, className, }) {
+    return (_jsxs("div", { class: clsx("inline-flex items-center justify-center gap-1.5 text-[13px] font-medium leading-[130%] text-aai-text-muted capitalize", className), children: [_jsx("div", { "data-state": state.value, class: "w-2 h-2 rounded-full data-[state=disconnected]:bg-aai-state-disconnected data-[state=connecting]:bg-aai-state-connecting data-[state=ready]:bg-aai-state-ready data-[state=listening]:bg-aai-state-listening data-[state=thinking]:bg-aai-state-thinking data-[state=speaking]:bg-aai-state-speaking data-[state=error]:bg-aai-state-error" }), state] }));
 }
 //# sourceMappingURL=state_indicator.js.map

package/dist/ui/_components/state_indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"state_indicator.js","sourceRoot":"","sources":["../../../ui/_components/state_indicator.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAiC;IACrE,OAAO,CACL,eAAK,KAAK,EAAC,uHAAuH,aAChI,cACE,KAAK,EAAC,sBAAsB,EAC5B,KAAK,EAAE,EAAE,UAAU,EAAE,yBAAyB,KAAK,CAAC,KAAK,GAAG,EAAE,GAC9D,EACD,KAAK,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"state_indicator.js","sourceRoot":"","sources":["../../../ui/_components/state_indicator.tsx"],"names":[],"mappings":";AAGA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,SAAS,GAIV;IACC,OAAO,CACL,eACE,KAAK,EAAE,IAAI,CACT,uHAAuH,EACvH,SAAS,CACV,aAED,4BACc,KAAK,CAAC,KAAK,EACvB,KAAK,EAAC,4UAA4U,GAClV,EACD,KAAK,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/_components/thinking_indicator.d.ts

@@ -1,3 +1,5 @@
 import type * as preact from "preact";
-export declare function ThinkingIndicator(): preact.JSX.Element;
+export declare function ThinkingIndicator({ className }: {
+    className?: string;
+}): preact.JSX.Element;
 //# sourceMappingURL=thinking_indicator.d.ts.map

package/dist/ui/_components/thinking_indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thinking_indicator.d.ts","sourceRoot":"","sources":["../../../ui/_components/thinking_indicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AAEtC,wBAAgB,iBAAiB,IAAI,MAAM,CAAC,GAAG,CAAC,OAAO,CAetD"}
+{"version":3,"file":"thinking_indicator.d.ts","sourceRoot":"","sources":["../../../ui/_components/thinking_indicator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AAEtC,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAoB3F"}

package/dist/ui/_components/thinking_indicator.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
-export function ThinkingIndicator() {
-    return (_jsx("div", { class: "flex items-center gap-2 text-aai-text-dim text-sm font-medium min-h-5", children: [0, 0.16, 0.32].map((delay) => (_jsx("div", { class: "w-1.5 h-1.5 rounded-full bg-aai-text-dim", style: {
+// Copyright 2025 the AAI authors. MIT license.
+import clsx from "clsx";
+export function ThinkingIndicator({ className }) {
+    return (_jsx("div", { class: clsx("flex items-center gap-2 text-aai-text-dim text-sm font-medium min-h-5", className), children: [0, 0.16, 0.32].map((delay) => (_jsx("div", { class: "w-1.5 h-1.5 rounded-full bg-aai-text-dim", style: {
                 animation: "aai-bounce 1.4s infinite ease-in-out both",
                 animationDelay: `${delay}s`,
             } }, delay))) }));

package/dist/ui/_components/thinking_indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"thinking_indicator.js","sourceRoot":"","sources":["../../../ui/_components/thinking_indicator.tsx"],"names":[],"mappings":";AAGA,MAAM,UAAU,iBAAiB;IAC/B,OAAO,CACL,cAAK,KAAK,EAAC,uEAAuE,YAC/E,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC9B,cAEE,KAAK,EAAC,0CAA0C,EAChD,KAAK,EAAE;gBACL,SAAS,EAAE,2CAA2C;gBACtD,cAAc,EAAE,GAAG,KAAK,GAAG;aAC5B,IALI,KAAK,CAMV,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"thinking_indicator.js","sourceRoot":"","sources":["../../../ui/_components/thinking_indicator.tsx"],"names":[],"mappings":";AAAA,+CAA+C;AAE/C,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAA0B;IACrE,OAAO,CACL,cACE,KAAK,EAAE,IAAI,CACT,uEAAuE,EACvE,SAAS,CACV,YAEA,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC9B,cAEE,KAAK,EAAC,0CAA0C,EAChD,KAAK,EAAE;gBACL,SAAS,EAAE,2CAA2C;gBACtD,cAAc,EAAE,GAAG,KAAK,GAAG;aAC5B,IALI,KAAK,CAMV,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/_components/tool_call_block.d.ts

@@ -1,6 +1,7 @@
 import type * as preact from "preact";
 import type { ToolCallInfo } from "../types.ts";
-export declare function ToolCallBlock({ toolCall }: {
+export declare function ToolCallBlock({ toolCall, className, }: {
     toolCall: ToolCallInfo;
+    className?: string;
 }): preact.JSX.Element;
 //# sourceMappingURL=tool_call_block.d.ts.map

package/dist/ui/_components/tool_call_block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool_call_block.d.ts","sourceRoot":"","sources":["../../../ui/_components/tool_call_block.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AAEtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAmEhD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAuC1F"}
+{"version":3,"file":"tool_call_block.d.ts","sourceRoot":"","sources":["../../../ui/_components/tool_call_block.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AAEtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAuDhD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAgDrB"}

package/dist/ui/_components/tool_call_block.js

@@ -1,36 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
-import { useState } from "preact/hooks";
+// Copyright 2025 the AAI authors. MIT license.
+import clsx from "clsx";
+import { useMemo, useState } from "preact/hooks";
 import { BoltIcon, ChatBubbleIcon, DownloadIcon, ExternalLinkIcon, SearchIcon, TerminalIcon, } from "./tool_icons.js";
+const argField = (key) => (args) => String(args[key] ?? "");
 const TOOL_CONFIG = {
-    web_search: {
-        Icon: SearchIcon,
-        title: "Web Search",
-        subtitle: (args) => String(args.query ?? ""),
-    },
-    visit_webpage: {
-        Icon: ExternalLinkIcon,
-        title: "Visit Page",
-        subtitle: (args) => String(args.url ?? ""),
-    },
+    web_search: { Icon: SearchIcon, title: "Web Search", subtitle: argField("query") },
+    visit_webpage: { Icon: ExternalLinkIcon, title: "Visit Page", subtitle: argField("url") },
     run_code: {
         Icon: TerminalIcon,
         title: "Run Code",
         subtitle: (args) => {
-            const code = String(args.code ?? "");
-            const firstLine = code.split("\n")[0] ?? "";
+            const firstLine = String(args.code ?? "").split("\n")[0] ?? "";
             return firstLine.length > 80 ? `${firstLine.slice(0, 80)}...` : firstLine;
         },
     },
-    fetch_json: {
-        Icon: DownloadIcon,
-        title: "Fetch JSON",
-        subtitle: (args) => String(args.url ?? ""),
-    },
-    user_input: {
-        Icon: ChatBubbleIcon,
-        title: "Asking User",
-        subtitle: (args) => String(args.question ?? ""),
-    },
+    fetch_json: { Icon: DownloadIcon, title: "Fetch JSON", subtitle: argField("url") },
+    user_input: { Icon: ChatBubbleIcon, title: "Asking User", subtitle: argField("question") },
 };
 const DEFAULT_CONFIG = {
     Icon: BoltIcon,
@@ -48,11 +34,13 @@ function formatResult(result) {
         return result;
     }
 }
-export function ToolCallBlock({ toolCall }) {
+export function ToolCallBlock({ toolCall, className, }) {
     const [isOpen, setOpen] = useState(false);
     const config = TOOL_CONFIG[toolCall.toolName] ?? DEFAULT_CONFIG;
     const isPending = toolCall.status === "pending";
     const title = config.title || toolCall.toolName;
-    return (_jsxs("div", { class: "flex flex-col", children: [_jsxs("div", { class: "flex items-center gap-2 px-3 py-2 rounded-aai border border-aai-border bg-aai-surface-faint cursor-pointer select-none", onClick: () => !isPending && setOpen(!isOpen), children: [_jsx(config.Icon, { class: "w-4 h-4 text-aai-text-dim shrink-0" }), _jsx("span", { class: `text-sm font-medium text-aai-text ${isPending ? "tool-shimmer" : ""}`, children: title }), _jsx("span", { class: "text-sm text-aai-text-dim truncate flex-1 min-w-0", children: config.subtitle(toolCall.args) }), !isPending && toolCall.result && (_jsx("span", { class: "text-xs text-aai-text-dim shrink-0", children: isOpen ? "\u25BE" : "\u25B8" }))] }), isOpen && (_jsxs("div", { class: "border-x border-b border-aai-border rounded-b-aai bg-aai-surface max-h-64 overflow-auto", children: [toolCall.toolName === "run_code" && toolCall.args.code && (_jsx("pre", { class: "text-xs text-aai-text p-2 whitespace-pre-wrap border-b border-aai-border font-mono", children: String(toolCall.args.code) })), toolCall.result && (_jsx("pre", { class: "text-xs text-aai-text-dim p-2 whitespace-pre-wrap", children: formatResult(toolCall.result) }))] }))] }));
+    const canExpand = !isPending && !!toolCall.result;
+    const formatted = useMemo(() => (toolCall.result ? formatResult(toolCall.result) : ""), [toolCall.result]);
+    return (_jsxs("div", { class: clsx("flex flex-col", className), children: [_jsxs("button", { type: "button", "aria-expanded": canExpand ? isOpen : undefined, disabled: isPending, class: clsx("flex items-center gap-2 px-3 py-2 rounded-aai border border-aai-border bg-aai-surface-faint select-none text-left w-full", canExpand && "cursor-pointer"), onClick: () => canExpand && setOpen(!isOpen), children: [_jsx(config.Icon, { class: "w-4 h-4 text-aai-text-dim shrink-0" }), _jsx("span", { class: clsx("text-sm font-medium text-aai-text", isPending && "tool-shimmer"), children: title }), _jsx("span", { class: "text-sm text-aai-text-dim truncate flex-1 min-w-0", children: config.subtitle(toolCall.args) }), canExpand && (_jsx("span", { class: "text-xs text-aai-text-dim shrink-0", children: isOpen ? "\u25BE" : "\u25B8" }))] }), isOpen && (_jsxs("div", { class: "border-x border-b border-aai-border rounded-b-aai bg-aai-surface max-h-64 overflow-auto", children: [toolCall.toolName === "run_code" && toolCall.args.code && (_jsx("pre", { class: "text-xs text-aai-text p-2 whitespace-pre-wrap border-b border-aai-border font-mono", children: String(toolCall.args.code) })), formatted && (_jsx("pre", { class: "text-xs text-aai-text-dim p-2 whitespace-pre-wrap", children: formatted }))] }))] }));
 }
 //# sourceMappingURL=tool_call_block.js.map

package/dist/ui/_components/tool_call_block.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool_call_block.js","sourceRoot":"","sources":["../../../ui/_components/tool_call_block.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tool_call_block.js","sourceRoot":"","sources":["../../../ui/_components/tool_call_block.tsx"],"names":[],"mappings":"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"}

package/dist/ui/_components/transcript.d.ts

@@ -1,6 +1,7 @@
 import type { Signal } from "@preact/signals";
 import type * as preact from "preact";
-export declare function Transcript({ userUtterance, }: {
+export declare function Transcript({ userUtterance, className, }: {
     userUtterance: Signal<string | null>;
+    className?: string;
 }): preact.JSX.Element | null;
 //# sourceMappingURL=transcript.d.ts.map

package/dist/ui/_components/transcript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transcript.d.ts","sourceRoot":"","sources":["../../../ui/_components/transcript.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AAGtC,wBAAgB,UAAU,CAAC,EACzB,aAAa,GACd,EAAE;IACD,aAAa,EAAE,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CACtC,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAS5B"}
+{"version":3,"file":"transcript.d.ts","sourceRoot":"","sources":["../../../ui/_components/transcript.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAC;AAGtC,wBAAgB,UAAU,CAAC,EACzB,aAAa,EACb,SAAS,GACV,EAAE;IACD,aAAa,EAAE,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAS5B"}

package/dist/ui/_components/transcript.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
+import clsx from "clsx";
 import { ThinkingIndicator } from "./thinking_indicator.js";
-export function Transcript({ userUtterance, }) {
+export function Transcript({ userUtterance, className, }) {
     if (userUtterance.value === null)
         return null;
-    return (_jsx("div", { class: "flex flex-col items-end w-full", children: _jsx("div", { class: "max-w-[min(82%,64ch)] whitespace-pre-wrap wrap-break-word text-sm leading-[150%] text-aai-text-muted bg-aai-surface-faint border border-aai-border px-3 py-2 rounded-aai ml-auto", children: userUtterance.value || _jsx(ThinkingIndicator, {}) }) }));
+    return (_jsx("div", { class: clsx("flex flex-col items-end w-full", className), children: _jsx("div", { class: "max-w-[min(82%,64ch)] whitespace-pre-wrap wrap-break-word text-sm leading-[150%] text-aai-text-muted bg-aai-surface-faint border border-aai-border px-3 py-2 rounded-aai ml-auto", children: userUtterance.value || _jsx(ThinkingIndicator, {}) }) }));
 }
 //# sourceMappingURL=transcript.js.map