@alexkroman1/aai-ui 10.0.0 → 11.0.0

package/dist/default-client/assets/{playback-processor-DwQ9tE7X.js → playback-processor-BWxNmYZp.js}

@@ -1,4 +1,4 @@
-import{a as e}from"./client-audio-constants-Ck0IJO4c.js";import{t}from"./_module-url-BX0RuRU2.js";var n=`
+import{i as e}from"./client-audio-constants-CP13UQZt.js";import{t}from"./_module-url-BX0RuRU2.js";var n=`
 class PlaybackProcessor extends AudioWorkletProcessor {
   constructor(options) {
     super();

package/dist/default-client/index.html

@@ -6,8 +6,8 @@
     <title>aai</title>
     <link rel="icon" href="./favicon.ico" />
     <style>html, body { background: #FBF8F2; margin: 0; }</style>
-    <script type="module" crossorigin src="./assets/index-DS-RCrri.js"></script>
-    <link rel="modulepreload" crossorigin href="./assets/client-audio-constants-Ck0IJO4c.js">
+    <script type="module" crossorigin src="./assets/index-B8Zz9w5B.js"></script>
+    <link rel="modulepreload" crossorigin href="./assets/client-audio-constants-CP13UQZt.js">
     <link rel="stylesheet" crossorigin href="./assets/index-S5fkKi6B.css">
   </head>
   <body>

package/dist/define-client.js

@@ -1,11 +1,11 @@
 import { n as fetchClientConfig } from "./client-config-BT_kWID5.js";
 import { SessionProvider, ThemeProvider } from "./context.js";
-import { t as ChatView } from "./chat-view-BJ6sOARu.js";
+import { t as ChatView } from "./chat-view-DDTtrh7N.js";
 import { n as setPageTitle, t as pageBaseUrl } from "./_utils-B6498_bm.js";
 import { t as ToolConfigContext } from "./tool-config-context-DzAofqi_.js";
 import { SidebarLayout } from "./components/sidebar-layout.js";
 import { StartScreen } from "./components/start-screen.js";
-import { t as createSessionCore } from "./session-core-0hClhPz-.js";
+import { t as createSessionCore } from "./session-core-DxBYsfHA.js";
 import { jsx } from "react/jsx-runtime";
 import { createElement, useEffect, useState } from "react";
 import { flushSync } from "react-dom";

package/dist/index.js

@@ -1,17 +1,17 @@
 import { n as fetchClientConfig } from "./client-config-BT_kWID5.js";
-import { i as AutoScroll, n as Markdown, r as useConversation, t as MessageList } from "./message-list-Dtl03sGr.js";
+import { i as AutoScroll, n as Markdown, r as useConversation, t as MessageList } from "./message-list-BJYyuIcR.js";
 import { ThemeProvider, useSession, useSessionSelector, useTheme } from "./context.js";
 import { r as inkTint } from "./_colors-j8XMToi9.js";
 import { Button } from "./components/button.js";
-import { n as ConsoleShell, t as ChatView } from "./chat-view-BJ6sOARu.js";
+import { n as ConsoleShell, t as ChatView } from "./chat-view-DDTtrh7N.js";
 import { n as setPageTitle } from "./_utils-B6498_bm.js";
 import { Controls } from "./components/controls.js";
 import { n as useUserTranscript } from "./use-user-transcript-C14qWFu2.js";
-import { n as ToolCallRow } from "./tool-call-block-B7KlhaWl.js";
+import { n as ToolCallRow } from "./tool-call-block-tcPQAkcP.js";
 import { SidebarLayout } from "./components/sidebar-layout.js";
 import { StartScreen } from "./components/start-screen.js";
 import { a as useWorkflowRun, c as isTerminal, n as useWorkflowProgress, o as useWorkflowApiRef, s as createWorkflowApi } from "./use-workflow-progress-Cu0SxMyg.js";
-import { t as createSessionCore } from "./session-core-0hClhPz-.js";
+import { t as createSessionCore } from "./session-core-DxBYsfHA.js";
 import { client, mountRoot, resolveContainer } from "./define-client.js";
 import { useAgentState, useEvent, useToolCallStart, useToolResult } from "./hooks.js";
 import clsx from "clsx";
@@ -322,6 +322,7 @@ function useFileControlProps() {
 */
 function TextField({ name, label, hint, className, ...rest }) {
 	const id = useId();
+	const control = useControlProps();
 	return /* @__PURE__ */ jsx(Field, {
 		label,
 		hint,
@@ -331,7 +332,7 @@ function TextField({ name, label, hint, className, ...rest }) {
 			id,
 			name,
 			type: "text",
-			...useControlProps(),
+			...control,
 			...rest
 		})
 	});
@@ -350,6 +351,7 @@ function TextField({ name, label, hint, className, ...rest }) {
 */
 function NumberField({ name, label, hint, className, ...rest }) {
 	const id = useId();
+	const control = useControlProps();
 	return /* @__PURE__ */ jsx(Field, {
 		label,
 		hint,
@@ -359,7 +361,7 @@ function NumberField({ name, label, hint, className, ...rest }) {
 			id,
 			name,
 			type: "number",
-			...useControlProps(),
+			...control,
 			...rest
 		})
 	});
@@ -376,6 +378,7 @@ function NumberField({ name, label, hint, className, ...rest }) {
 */
 function TextAreaField({ name, label, hint, className, rows = 4, ...rest }) {
 	const id = useId();
+	const control = useControlProps();
 	return /* @__PURE__ */ jsx(Field, {
 		label,
 		hint,
@@ -385,7 +388,7 @@ function TextAreaField({ name, label, hint, className, rows = 4, ...rest }) {
 			id,
 			name,
 			rows,
-			...useControlProps(),
+			...control,
 			...rest
 		})
 	});
@@ -409,6 +412,7 @@ function TextAreaField({ name, label, hint, className, rows = 4, ...rest }) {
 */
 function SelectField({ name, label, hint, className, options, children, ...rest }) {
 	const id = useId();
+	const control = useControlProps();
 	return /* @__PURE__ */ jsx(Field, {
 		label,
 		hint,
@@ -417,13 +421,14 @@ function SelectField({ name, label, hint, className, options, children, ...rest
 		children: /* @__PURE__ */ jsx("select", {
 			id,
 			name,
-			...useControlProps(),
+			...control,
 			...rest,
 			children: children ?? options?.map((option) => {
 				const value = typeof option === "string" ? option : option.value;
+				const text = typeof option === "string" ? option : option.label;
 				return /* @__PURE__ */ jsx("option", {
 					value,
-					children: typeof option === "string" ? option : option.label
+					children: text
 				}, value);
 			})
 		})
@@ -568,24 +573,25 @@ function Form({ onSubmit, error, children, className, ...rest }) {
 	const theme = useTheme();
 	const [busy, setBusy] = useState(false);
 	const { pending: fieldsPending, declare } = useFormReadiness();
+	const handle = useCallback((event) => {
+		event.preventDefault();
+		if (busy || fieldsPending) return;
+		const form = event.currentTarget;
+		setBusy(true);
+		(async () => {
+			try {
+				await onSubmit(await collectValues(form));
+			} finally {
+				setBusy(false);
+			}
+		})();
+	}, [
+		busy,
+		fieldsPending,
+		onSubmit
+	]);
 	return /* @__PURE__ */ jsxs("form", {
-		onSubmit: useCallback((event) => {
-			event.preventDefault();
-			if (busy || fieldsPending) return;
-			const form = event.currentTarget;
-			setBusy(true);
-			(async () => {
-				try {
-					await onSubmit(await collectValues(form));
-				} finally {
-					setBusy(false);
-				}
-			})();
-		}, [
-			busy,
-			fieldsPending,
-			onSubmit
-		]),
+		onSubmit: handle,
 		className: clsx("flex flex-col gap-5 font-aai", className),
 		...rest,
 		children: [/* @__PURE__ */ jsx("fieldset", {

package/dist/internal.js

@@ -1,6 +1,6 @@
 import { r as loadClientConfig, t as buildAgentUrl } from "./client-config-BT_kWID5.js";
 import { SessionProvider, ThemeProvider } from "./context.js";
-import { n as SessionUrlChips, r as UiUrlChip, t as ApiUrlChip } from "./url-chips-DxXKgyL9.js";
+import { n as SessionUrlChips, r as UiUrlChip, t as ApiUrlChip } from "./url-chips-YqhCjWfQ.js";
 import { t as TRANSCRIBING_PLACEHOLDER } from "./use-user-transcript-C14qWFu2.js";
 import { t as ToolConfigContext } from "./tool-config-context-DzAofqi_.js";
 import { i as MAX_MISSING_READS, r as DEFAULT_WORKFLOW_POLL_MS, t as DEFAULT_PROGRESS_POLL_MS } from "./use-workflow-progress-Cu0SxMyg.js";

package/dist/{message-list-Dtl03sGr.js → message-list-BJYyuIcR.js}

@@ -1,7 +1,7 @@
 import { useSessionSelector, useTheme } from "./context.js";
 import { i as primaryTint, r as inkTint } from "./_colors-j8XMToi9.js";
 import { n as useUserTranscript } from "./use-user-transcript-C14qWFu2.js";
-import { t as ToolCallBlock } from "./tool-call-block-B7KlhaWl.js";
+import { t as ToolCallBlock } from "./tool-call-block-tcPQAkcP.js";
 import clsx from "clsx";
 import { StickToBottom } from "use-stick-to-bottom";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{session-core-0hClhPz-.js → session-core-DxBYsfHA.js}

@@ -723,10 +723,7 @@ function createMessageHandlers(deps) {
 			case "error.reported":
 				handleErrorEvent(e);
 				break;
-			case "session.timed-out":
-				conn.retiredByServer = true;
-				break;
-			default: break;
+			case "session.timed-out": conn.retiredByServer = true;
 		}
 	}
 	/** Enqueue a PCM16 audio chunk for playback. Transitions state to `"speaking"` on the first chunk. */

package/dist/session-core.js

@@ -1,2 +1,2 @@
-import { t as createSessionCore } from "./session-core-0hClhPz-.js";
+import { t as createSessionCore } from "./session-core-DxBYsfHA.js";
 export { createSessionCore };

package/dist/{tool-call-block-B7KlhaWl.js → tool-call-block-tcPQAkcP.js}

@@ -152,18 +152,19 @@ const ToolCallBlock = memo(function ToolCallBlock({ toolCall, className }) {
 	const icon = config?.icon;
 	const canExpand = !isPending && Boolean(toolCall.result);
 	const formatted = useMemo(() => toolCall.result ? formatResult(toolCall.result) : "", [toolCall.result]);
+	const subtitle = useMemo(() => {
+		const args = toolCall.args;
+		if (toolCall.name === "run_code" && args.code) return truncate(String(args.code).split("\n")[0] ?? "");
+		for (const key of [
+			"query",
+			"url",
+			"question"
+		]) if (args[key]) return String(args[key]);
+		return truncate(JSON.stringify(args));
+	}, [toolCall.name, toolCall.args]);
 	return /* @__PURE__ */ jsx(ToolCallRow, {
 		title,
-		detail: useMemo(() => {
-			const args = toolCall.args;
-			if (toolCall.name === "run_code" && args.code) return truncate(String(args.code).split("\n")[0] ?? "");
-			for (const key of [
-				"query",
-				"url",
-				"question"
-			]) if (args[key]) return String(args[key]);
-			return truncate(JSON.stringify(args));
-		}, [toolCall.name, toolCall.args]),
+		detail: subtitle,
 		pending: isPending,
 		icon,
 		className,

package/dist/{url-chips-DxXKgyL9.js → url-chips-YqhCjWfQ.js}

@@ -73,9 +73,10 @@ function UiUrlChip({ className }) {
 * @internal
 */
 function ApiUrlChip({ className }) {
+	const apiUrl = useSessionSelector((s) => s.apiUrl);
 	return /* @__PURE__ */ jsx(UrlChip, {
 		label: "API",
-		url: useSessionSelector((s) => s.apiUrl),
+		url: apiUrl,
 		hint: "API endpoint",
 		testId: "api-url-chip",
 		className

package/package.json

@@ -1,7 +1,20 @@
 {
   "name": "@alexkroman1/aai-ui",
-  "version": "10.0.0",
+  "version": "11.0.0",
   "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alexkroman/agent.git",
+    "directory": "packages/aai-ui"
+  },
+  "engines": {
+    "node": ">=24"
+  },
+  "sideEffects": [
+    "*.css",
+    "**/*.css"
+  ],
   "files": [
     "dist",
     "styles.css"
@@ -33,17 +46,7 @@
     "use-stick-to-bottom": "^1.1.6",
     "use-sync-external-store": "^1.6.0",
     "xstate": "^5.32.5",
-    "@alexkroman1/aai": "10.0.0"
-  },
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "tailwindcss": "^4.0.0"
-  },
-  "peerDependenciesMeta": {
-    "tailwindcss": {
-      "optional": true
-    }
+    "@alexkroman1/aai": "11.0.0"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.3.3",
@@ -61,21 +64,23 @@
     "vite": "^8.2.1",
     "vitest": "^4.1.10"
   },
-  "engines": {
-    "node": ">=24"
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.0.0"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/alexkroman/agent.git",
-    "directory": "packages/aai-ui"
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": true
+    }
   },
   "scripts": {
-    "test": "vitest run",
-    "test:coverage": "vitest run --coverage",
     "build": "tsdown && tsc -p tsconfig.build.json && node build-default-client.ts",
-    "typecheck": "tsc --noEmit",
-    "lint": "biome check .",
+    "check:attw": "attw --pack --profile esm-only --exclude-entrypoints styles.css",
     "check:publint": "publint",
-    "check:attw": "attw --pack --profile esm-only --exclude-entrypoints styles.css"
+    "lint": "biome check .",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "typecheck": "tsc --noEmit"
   }
 }

package/dist/default-client/assets/client-audio-constants-Ck0IJO4c.js

@@ -1 +0,0 @@
-var e=.1,t=1500,n=.001,r=1e3,i=65e3,a=65536,o=6e5;export{n as a,t as i,e as n,i as o,a as r,r as s,o as t};