@alexkroman1/aai-ui 6.4.0 → 6.5.1

package/dist/default-client/index.html

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

package/dist/define-client.js

@@ -1,8 +1,8 @@
-import { r as fetchClientConfig, t as createSessionCore } from "./session-core-ClKdVgRU.js";
+import { r as fetchClientConfig, t as createSessionCore } from "./session-core-CAfYmUbg.js";
 import { SessionProvider, ThemeProvider } from "./context.js";
-import { t as ChatView } from "./chat-view-CK61bWWx.js";
-import { t as pageBaseUrl } from "./_utils-CsqbIVGI.js";
-import { n as ToolConfigContext } from "./tool-call-block-CrLN7xlI.js";
+import { t as ChatView } from "./chat-view-ByQFf94G.js";
+import { n as setPageTitle, t as pageBaseUrl } from "./_utils-B6498_bm.js";
+import { n as ToolConfigContext } from "./tool-call-block-D6pTEPrT.js";
 import { SidebarLayout } from "./components/sidebar-layout.js";
 import { StartScreen } from "./components/start-screen.js";
 import { jsx } from "react/jsx-runtime";
@@ -165,7 +165,7 @@ function client(config) {
 		resumeSessionId: config.resumeSessionId,
 		WebSocket: config.WebSocket
 	});
-	if (config.name && typeof document !== "undefined") document.title = config.name;
+	setPageTitle(config.name);
 	const rootNode = config.component ? createElement(config.component) : createElement(DefaultRoot, {
 		platformUrl,
 		name: config.name,

package/dist/hooks.js

@@ -1,5 +1,5 @@
 import { useSessionSelector } from "./context.js";
-import { r as tryParseJSON } from "./_utils-CsqbIVGI.js";
+import { i as tryParseJSON } from "./_utils-B6498_bm.js";
 import { useEffect, useRef } from "react";
 //#region hooks.ts
 /** Index of the first item whose sequence number is above the watermark (tail scan from the end). */
@@ -44,8 +44,9 @@ function processToolCallTail(toolCalls, cursor, isSettled, onNew) {
 * and invokes `fire` once per tool call reaching `status`.
 */
 function useToolCallEffect(status, args, fire) {
-	const filterName = typeof args[0] === "string" ? args[0] : null;
-	const callback = typeof args[0] === "string" ? args[1] : args[0];
+	const first = args[0];
+	const filterName = typeof first === "string" ? first : null;
+	const callback = filterName === null ? first : args[1];
 	const toolCalls = useSessionSelector((s) => s.toolCalls);
 	const cursorRef = useRef({
 		seq: 0,

package/dist/index.js

@@ -1,12 +1,12 @@
-import { i as loadClientConfig, n as buildAgentUrl, r as fetchClientConfig, t as createSessionCore } from "./session-core-ClKdVgRU.js";
-import { n as Markdown, r as AutoScroll, t as MessageList } from "./message-list-BwA3rdPi.js";
+import { i as loadClientConfig, n as buildAgentUrl, r as fetchClientConfig, t as createSessionCore } from "./session-core-CAfYmUbg.js";
+import { n as Markdown, r as AutoScroll, t as MessageList } from "./message-list-CpPV7dGx.js";
 import { SessionProvider, ThemeProvider, useSession, useSessionSelector, useTheme } from "./context.js";
 import { r as inkTint } from "./_colors-CcAi2FOU.js";
 import { Button } from "./components/button.js";
-import { t as ChatView } from "./chat-view-CK61bWWx.js";
-import { t as pageBaseUrl } from "./_utils-CsqbIVGI.js";
-import { i as UiUrlChip, n as ApiUrlChip, r as SessionUrlChips, t as Controls } from "./controls-Cy_YVfsa.js";
-import { n as ToolConfigContext, r as ToolCallRow } from "./tool-call-block-CrLN7xlI.js";
+import { t as ChatView } from "./chat-view-ByQFf94G.js";
+import { n as setPageTitle, t as pageBaseUrl } from "./_utils-B6498_bm.js";
+import { i as UiUrlChip, n as ApiUrlChip, r as SessionUrlChips, t as Controls } from "./controls-CjG91QJ4.js";
+import { n as ToolConfigContext, r as ToolCallRow } from "./tool-call-block-D6pTEPrT.js";
 import { SidebarLayout } from "./components/sidebar-layout.js";
 import { StartScreen } from "./components/start-screen.js";
 import { VOICE_CAPTURE_CONSTRAINTS } from "./types.js";
@@ -526,6 +526,7 @@ function UploadProgressBar({ upload, className }) {
 	if (!upload) return null;
 	const { name, index, count, loaded, total, fraction } = upload;
 	const percent = fraction === void 0 ? void 0 : Math.round(fraction * 100);
+	const faint = inkTint(theme.text, theme.surface, 65);
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx(className ?? "flex flex-col gap-1.5"),
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -533,11 +534,11 @@ function UploadProgressBar({ upload, className }) {
 			children: [/* @__PURE__ */ jsx("span", {
 				id: labelId,
 				className: "truncate",
-				style: { color: inkTint(theme.text, theme.surface, 65) },
+				style: { color: faint },
 				children: count > 1 ? `Uploading ${name} (${index} of ${count})` : `Uploading ${name}`
 			}), /* @__PURE__ */ jsx("span", {
 				className: "shrink-0 tabular-nums",
-				style: { color: inkTint(theme.text, theme.surface, 65) },
+				style: { color: faint },
 				children: total === void 0 ? formatBytes(loaded) : `${formatBytes(loaded)} of ${formatBytes(total)}`
 			})]
 		}), /* @__PURE__ */ jsx("div", {
@@ -649,6 +650,25 @@ function filesOf(value) {
 	const files = value.filter((one) => one instanceof File);
 	return files.length > 0 && files.length === value.length ? files : [];
 }
+/**
+* The input properties still carrying a `File` — i.e. the ones that CANNOT survive
+* being sent.
+*
+* A run input is JSON, and `JSON.stringify(new File(…))` is `{}` — no `toJSON`, no
+* own enumerable properties. So a File left in a payload does not fail to send: it
+* arrives as an empty object, and the workflow rejects it against whatever its own
+* schema says the property should be. Measured in production as
+* `Invalid input for workflow "transcribe": recording: Invalid input` — a message
+* about a type, on a form where the user had picked a perfectly good file.
+*
+* Exported beside {@link filesOf} because it is the same question asked at the
+* other end: that one decides which fields to UPLOAD, this one checks that none
+* were missed. Both hooks are the callers.
+*/
+function fileFields(input) {
+	if (!isRecord(input)) return [];
+	return Object.entries(input).filter(([, value]) => filesOf(value).length > 0).map(([key]) => key);
+}
 //#endregion
 //#region _repeat-until.ts
 /**
@@ -1068,7 +1088,7 @@ function useWorkflows(opts = {}) {
 * so this is invisible to every form that has none — including one whose values
 * are not an object at all, which `submit` accepts.
 */
-async function uploadFiles(api, input, report) {
+async function uploadFiles(api, input, report, parallel) {
 	if (!isRecord(input)) return input;
 	const entries = Object.entries(input);
 	const count = entries.reduce((total, [, value]) => total + filesOf(value).length, 0);
@@ -1080,10 +1100,13 @@ async function uploadFiles(api, input, report) {
 			index,
 			count
 		};
-		return (await api.upload(file, { onProgress: (progress) => report({
-			...position,
-			...progress
-		}) })).id;
+		return (await api.upload(file, {
+			onProgress: (progress) => report({
+				...position,
+				...progress
+			}),
+			...omitUndefined({ parallel })
+		})).id;
 	};
 	const out = {};
 	for (const [name, value] of entries) {
@@ -1128,16 +1151,16 @@ async function uploadFiles(api, input, report) {
 * @public
 */
 function useWorkflowSubmit(workflow, opts = {}) {
-	const { api, key, wait, intervalMs } = opts;
+	const { api, key, wait, intervalMs, parallel } = opts;
 	const [runId, setRunId] = useState(void 0);
 	const [starting, setStarting] = useState(false);
 	const [startError, setStartError] = useState(void 0);
 	const [upload, setUpload] = useState(void 0);
 	const getClient = useWorkflowApiRef(api);
-	const tracked = useWorkflowRun(runId, {
-		...api && { api },
-		...omitUndefined({ intervalMs })
-	});
+	const tracked = useWorkflowRun(runId, omitUndefined({
+		api,
+		intervalMs
+	}));
 	return {
 		submit: useCallback(async (input) => {
 			const client = getClient();
@@ -1146,7 +1169,7 @@ function useWorkflowSubmit(workflow, opts = {}) {
 			setRunId(void 0);
 			try {
 				const options = omitUndefined({ key });
-				const started = await uploadFiles(client, input, setUpload);
+				const started = await uploadFiles(client, input, setUpload, parallel);
 				setRunId(wait === void 0 ? await client.start(workflow, started, options) : (await client.startAndWait(workflow, started, {
 					...options,
 					wait
@@ -1161,6 +1184,7 @@ function useWorkflowSubmit(workflow, opts = {}) {
 			workflow,
 			key,
 			wait,
+			parallel,
 			getClient
 		]),
 		reset: useCallback(() => {
@@ -1243,7 +1267,8 @@ function SchemaField({ name, property, required, upload = false }) {
 		...hint,
 		...defaults
 	});
-	switch (typeOf(property)) {
+	const type = typeOf(property);
+	switch (type) {
 		case "boolean": return /* @__PURE__ */ jsx(CheckboxField, {
 			name,
 			label,
@@ -1255,7 +1280,7 @@ function SchemaField({ name, property, required, upload = false }) {
 			name,
 			label,
 			required,
-			step: typeOf(property) === "integer" ? 1 : "any",
+			step: type === "integer" ? 1 : "any",
 			...hint,
 			...defaults
 		});
@@ -1542,7 +1567,7 @@ function useWorkflowProgress(runId, opts = {}) {
 * @public
 */
 function WorkflowProgress({ runId, api, className, placeholder }) {
-	const { progress, streaming, supported } = useWorkflowProgress(runId, api ? { api } : {});
+	const { progress, streaming, supported } = useWorkflowProgress(runId, omitUndefined({ api }));
 	if (!supported || progress.length === 0) return placeholder ?? null;
 	return /* @__PURE__ */ jsxs("pre", {
 		className: clsx(className ?? "whitespace-pre-wrap border-l pl-4 text-xs opacity-70"),
@@ -1606,7 +1631,7 @@ function WorkflowProgress({ runId, api, className, placeholder }) {
 */
 function page(config) {
 	const container = resolveContainer(config.target);
-	if (config.name && typeof document !== "undefined") document.title = config.name;
+	setPageTitle(config.name);
 	return mountRoot(container, createElement(ThemeProvider, { value: config.theme }, createElement(config.component)));
 }
 //#endregion
@@ -1859,16 +1884,16 @@ function useWorkflowRuns(workflow, opts = {}) {
 * @public
 */
 function useWorkflowStream(workflow, opts = {}) {
-	const { api, key, intervalMs } = opts;
+	const { api, key, intervalMs, parallel } = opts;
 	const [runId, setRunId] = useState(void 0);
 	const [starting, setStarting] = useState(false);
 	const [startError, setStartError] = useState(void 0);
 	const [upload, setUpload] = useState(void 0);
 	const getClient = useWorkflowApiRef(api);
-	const tracked = useWorkflowRun(runId, {
-		...api && { api },
-		...omitUndefined({ intervalMs })
-	});
+	const tracked = useWorkflowRun(runId, omitUndefined({
+		api,
+		intervalMs
+	}));
 	return {
 		submit: useCallback(async (input) => {
 			const client = getClient();
@@ -1884,6 +1909,7 @@ function useWorkflowStream(workflow, opts = {}) {
 					...input,
 					[field]: id
 				} : input;
+				assertSendable(workflow, payload, field);
 				started = await client.start(workflow, payload, omitUndefined({ key }));
 				setRunId(started);
 				if (!chosen) return;
@@ -1894,7 +1920,8 @@ function useWorkflowStream(workflow, opts = {}) {
 						name: chosen.name,
 						index: 1,
 						count: 1
-					})
+					}),
+					...omitUndefined({ parallel })
 				});
 				await client.wake(started).catch(() => void 0);
 			} catch (err) {
@@ -1907,6 +1934,7 @@ function useWorkflowStream(workflow, opts = {}) {
 		}, [
 			workflow,
 			key,
+			parallel,
 			getClient
 		]),
 		reset: useCallback(() => {
@@ -1920,6 +1948,33 @@ function useWorkflowStream(workflow, opts = {}) {
 		error: startError ?? tracked.error
 	};
 }
+/**
+* Refuse a payload carrying a `File`, before a run is started over it.
+*
+* A File cannot be SENT: a run input is JSON and `JSON.stringify(new File(…))` is
+* `{}` (see `fileFields`). So without this the run starts, rejects its own input,
+* and reports a type error about a property the user filled in correctly — which is
+* what production did, five times: `Invalid input for workflow "transcribe":
+* recording: Invalid input`, from a page whose file picker was working.
+*
+* The reachable cause is a workflow whose listing declares no `uploads` for the
+* property the form put a file in — one built before the declaration existed, or a
+* page pointing at the wrong workflow — so the message names BOTH halves: the
+* property that carries a file, and the one (if any) the workflow says is its
+* upload. A message naming only one of them leaves the reader guessing which end
+* to change.
+*
+* A throw rather than a silent repair: this hook cannot know whether the right fix
+* is to declare the property or to stop sending the file, and guessing either way
+* would start a run the caller did not mean.
+*/
+function assertSendable(workflow, payload, field) {
+	const unsendable = fileFields(payload);
+	if (unsendable.length === 0) return;
+	const carries = unsendable.length === 1 ? "carries a file" : "carry files";
+	const declares = field === void 0 ? "" : ` (it declares "${field}")`;
+	throw new Error(`Cannot start "${workflow}": ${unsendable.join(", ")} ${carries} the workflow does not declare as an upload${declares}. Add the property to \`workflow({ uploads: [...] })\`, or submit an upload id.`);
+}
 /** A fresh upload id: a capability, so it is random rather than derived. */
 function randomUploadId() {
 	return crypto.randomUUID().replaceAll("-", "");

package/dist/{message-list-BwA3rdPi.js → message-list-CpPV7dGx.js}

@@ -1,6 +1,6 @@
 import { useSessionSelector, useTheme } from "./context.js";
 import { i as primaryTint, r as inkTint } from "./_colors-CcAi2FOU.js";
-import { t as ToolCallBlock } from "./tool-call-block-CrLN7xlI.js";
+import { t as ToolCallBlock } from "./tool-call-block-D6pTEPrT.js";
 import clsx from "clsx";
 import { StickToBottom } from "use-stick-to-bottom";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{session-core-ClKdVgRU.js → session-core-CAfYmUbg.js}

@@ -232,12 +232,6 @@ function openReconnectingSocket(urlProvider) {
 	return new ReconnectingWebSocket(urlProvider, void 0, RECONNECT_OPTIONS);
 }
 /**
-* True while `socket` is a reconnecting socket that will retry after the
-* close event currently being handled. partysocket schedules the retry
-* *before* dispatching `close`, so `retryCount` already names the attempt
-* just scheduled — at `maxRetries` it has given up.
-*/
-/**
 * Force a fresh connection attempt on a reconnecting socket, reporting
 * whether it was one. Used for a failure partysocket cannot see: a socket it
 * considers open and healthy, whose peer never completed OUR handshake.
@@ -249,6 +243,12 @@ function forceReconnect(socket) {
 	socket.reconnect();
 	return true;
 }
+/**
+* True while `socket` is a reconnecting socket that will retry after the
+* close event currently being handled. partysocket schedules the retry
+* *before* dispatching `close`, so `retryCount` already names the attempt
+* just scheduled — at `maxRetries` it has given up.
+*/
 function reconnectPending(socket) {
 	return socket instanceof ReconnectingWebSocket && socket.shouldReconnect && socket.retryCount < RECONNECT_OPTIONS.maxRetries;
 }
@@ -706,16 +706,15 @@ function createMessageHandlers(deps) {
 			case "tool.completed": {
 				const tcs = getSnapshot().toolCalls;
 				const idx = tcs.findIndex((tc) => tc.callId === e.toolCallId);
-				if (idx !== -1) {
-					const updated = [...tcs];
-					const existing = updated[idx];
-					if (existing) updated[idx] = {
-						...existing,
-						status: "done",
-						result: e.result
-					};
-					updateState({ toolCalls: updated });
-				}
+				const existing = tcs[idx];
+				if (!existing) break;
+				const updated = [...tcs];
+				updated[idx] = {
+					...existing,
+					status: "done",
+					result: e.result
+				};
+				updateState({ toolCalls: updated });
 				break;
 			}
 			case "reply.completed":
@@ -765,7 +764,7 @@ function createMessageHandlers(deps) {
 				handleErrorEvent(e);
 				break;
 			case "session.timed-out":
-				deps.conn.retiredByServer = true;
+				conn.retiredByServer = true;
 				break;
 			default: break;
 		}
@@ -949,13 +948,24 @@ function createSessionCore(options) {
 	function resetState() {
 		updateState(CLEARED_SESSION_STATE);
 	}
+	/**
+	* The socket, when there is one and it can carry a frame.
+	*
+	* Returning the socket rather than a boolean because every caller needs it
+	* next, and a predicate does not narrow `conn.ws` across the call. One
+	* spelling of the readiness test, which four call sites used to repeat.
+	*/
+	function openSocket() {
+		return conn.ws?.readyState === WS_OPEN ? conn.ws : null;
+	}
 	function sendJson(msg) {
-		if (conn.ws && conn.ws.readyState === WS_OPEN) conn.ws.send(JSON.stringify(msg));
+		openSocket()?.send(JSON.stringify(msg));
 	}
 	function sendAudio(bytes) {
-		if (!conn.ws || conn.ws.readyState !== WS_OPEN) return;
-		if (conn.ws.bufferedAmount > MIC_SEND_MAX_BUFFERED_BYTES) return;
-		conn.ws.send(bytes);
+		const ws = openSocket();
+		if (!ws) return;
+		if (ws.bufferedAmount > MIC_SEND_MAX_BUFFERED_BYTES) return;
+		ws.send(bytes);
 	}
 	const { handleMessage, settleWhenAudioDrained } = createMessageHandlers({
 		getSnapshot,
@@ -1090,7 +1100,7 @@ function createSessionCore(options) {
 		}, { signal: sig });
 	}
 	function cancel() {
-		if (!conn.ws || conn.ws.readyState !== WS_OPEN) return;
+		if (!openSocket()) return;
 		conn.turn.bump();
 		conn.voiceIO?.flush();
 		updateState({ state: "listening" });
@@ -1099,7 +1109,7 @@ function createSessionCore(options) {
 	function reset() {
 		conn.turn.bump();
 		conn.voiceIO?.flush();
-		if (conn.ws && conn.ws.readyState === WS_OPEN) {
+		if (openSocket()) {
 			sendJson({ type: "reset" });
 			return;
 		}

package/dist/session-core-reconnect.d.ts

@@ -6,12 +6,6 @@ import type { WebSocketConstructor } from "./types.ts";
  * session started with.
  */
 export declare function openReconnectingSocket(urlProvider: () => Promise<string>): InstanceType<WebSocketConstructor>;
-/**
- * True while `socket` is a reconnecting socket that will retry after the
- * close event currently being handled. partysocket schedules the retry
- * *before* dispatching `close`, so `retryCount` already names the attempt
- * just scheduled — at `maxRetries` it has given up.
- */
 /**
  * Force a fresh connection attempt on a reconnecting socket, reporting
  * whether it was one. Used for a failure partysocket cannot see: a socket it
@@ -20,4 +14,10 @@ export declare function openReconnectingSocket(urlProvider: () => Promise<string
  * reconnect machinery — the caller then treats the failure as terminal.
  */
 export declare function forceReconnect(socket: unknown): boolean;
+/**
+ * True while `socket` is a reconnecting socket that will retry after the
+ * close event currently being handled. partysocket schedules the retry
+ * *before* dispatching `close`, so `retryCount` already names the attempt
+ * just scheduled — at `maxRetries` it has given up.
+ */
 export declare function reconnectPending(socket: unknown): boolean;

package/dist/session-core.js

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

package/dist/{tool-call-block-CrLN7xlI.js → tool-call-block-D6pTEPrT.js}

@@ -1,7 +1,7 @@
 import { useTheme } from "./context.js";
 import { r as inkTint } from "./_colors-CcAi2FOU.js";
 import { t as Eyebrow } from "./eyebrow-C6ZFuiz6.js";
-import { n as truncate, r as tryParseJSON } from "./_utils-CsqbIVGI.js";
+import { i as tryParseJSON, r as truncate } from "./_utils-B6498_bm.js";
 import clsx from "clsx";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, memo, useContext, useMemo, useState } from "react";
@@ -40,6 +40,7 @@ function ToolCallRow({ title, detail, pending = false, icon, variant = "default"
 	const theme = useTheme();
 	const sizes = VARIANT_CLASSES[variant];
 	const canExpand = children != null;
+	const faint = inkTint(theme.text, theme.bg, 65);
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx("flex flex-col rounded-md border overflow-hidden", className),
 		style: {
@@ -60,7 +61,7 @@ function ToolCallRow({ title, detail, pending = false, icon, variant = "default"
 					children: icon
 				}) : /* @__PURE__ */ jsx(Eyebrow, {
 					className: "shrink-0",
-					style: { color: inkTint(theme.text, theme.bg, 65) },
+					style: { color: faint },
 					children: "Tool"
 				}),
 				/* @__PURE__ */ jsx("span", {
@@ -70,12 +71,12 @@ function ToolCallRow({ title, detail, pending = false, icon, variant = "default"
 				}),
 				/* @__PURE__ */ jsx("span", {
 					className: clsx("font-aai-mono truncate flex-1 min-w-0", sizes.title),
-					style: { color: inkTint(theme.text, theme.bg, 65) },
+					style: { color: faint },
 					children: detail
 				}),
 				canExpand && /* @__PURE__ */ jsx("span", {
 					className: clsx("shrink-0 transition-transform duration-150", sizes.chevron, isOpen && "rotate-90"),
-					style: { color: inkTint(theme.text, theme.bg, 65) },
+					style: { color: faint },
 					children: "▶"
 				})
 			]

package/dist/use-workflow-form.d.ts

@@ -33,7 +33,7 @@
  * followed from the same id either way.
  */
 import { type WorkflowSummary } from "@alexkroman1/aai";
-import type { UploadProgress } from "@alexkroman1/aai/workflow-api";
+import type { UploadParallel, UploadProgress } from "@alexkroman1/aai/workflow-api";
 import type { WorkflowApi, WorkflowRun } from "./workflow-client.ts";
 /** Options for {@link useWorkflows}. */
 export type UseWorkflowsOptions = {
@@ -138,6 +138,18 @@ export type UseWorkflowSubmitOptions = {
     wait?: number;
     /** How often the fallback poll re-reads a live run. */
     intervalMs?: number;
+    /**
+     * Send each chosen file as concurrent parts instead of in one request.
+     *
+     * `true` for the defaults, or `{ partBytes, concurrency }` to tune them. This is
+     * the wait a form with a recording in it actually spends: the run does not exist
+     * until its input is stored, so until the last byte lands there is no run to
+     * watch and nothing for `<WorkflowProgress>` to say. Splitting the file across
+     * connections is what makes that stretch shorter, and it degrades to the single
+     * request wherever it would not help — a small file, an older agent — so turning
+     * it on is safe for every form. See `UploadOptions.parallel`.
+     */
+    parallel?: UploadParallel;
 };
 /**
  * Start a workflow from a form, and follow the run it creates.

package/dist/use-workflow-stream.d.ts

@@ -57,6 +57,7 @@
  * thrown away with the run; a caller who wants to resume instead drives
  * `api.uploadStream` and `api.uploadInfo` directly.
  */
+import type { UploadParallel } from "@alexkroman1/aai/workflow-api";
 import type { UploadStatus } from "./use-workflow-form.ts";
 import type { WorkflowApi, WorkflowRun } from "./workflow-client.ts";
 /** Options for {@link useWorkflowStream}. */
@@ -67,6 +68,19 @@ export type UseWorkflowStreamOptions = {
     key?: string;
     /** How often the fallback poll re-reads a live run. */
     intervalMs?: number;
+    /**
+     * Send the file as concurrent parts instead of in one streaming request.
+     *
+     * It COMPOSES with what this hook is for rather than competing with it: the run
+     * still starts before the bytes, and the store still publishes how far the file
+     * is readable — that number is the CONTIGUOUS prefix, so a run reading ahead of
+     * the uplink sees the same growing file whether one connection or four are
+     * filling it. What changes is only how fast it grows.
+     *
+     * `true` for the defaults, or `{ partBytes, concurrency }` to tune them. See
+     * `UploadOptions.parallel`.
+     */
+    parallel?: UploadParallel;
 };
 /** What {@link useWorkflowStream} returns. */
 export type WorkflowStreamSubmission<R = unknown> = {

package/dist/worklets/capture-processor.js

@@ -1,7 +1,8 @@
 import { MIC_BUFFER_SECONDS, MIC_SILENCE_PROBE_MS } from "../types.js";
 import { t as workletModuleUrl } from "../_module-url-C_4gRVL0.js";
 //#region worklets/capture-processor.ts
-const CaptureProcessorWorklet = `
+/** Raw worklet source — exported so tests can evaluate the processor directly. */
+const captureProcessorSource = `
 class CaptureProcessor extends AudioWorkletProcessor {
   constructor(options) {
     super();
@@ -91,8 +92,6 @@ class CaptureProcessor extends AudioWorkletProcessor {
 
 registerProcessor('capture-processor', CaptureProcessor);
 `;
-/** Raw worklet source — exported so tests can evaluate the processor directly. */
-const captureProcessorSource = CaptureProcessorWorklet;
-var capture_processor_default = workletModuleUrl(CaptureProcessorWorklet);
+var capture_processor_default = workletModuleUrl(captureProcessorSource);
 //#endregion
 export { captureProcessorSource, capture_processor_default as default };

package/dist/worklets/playback-processor.js

@@ -1,7 +1,8 @@
 import { PLAYBACK_BUFFER_SECONDS, PLAYBACK_CONCEAL_FADE_MS, PLAYBACK_CONCEAL_FLOOR, PLAYBACK_FILL_MS, PLAYBACK_PROGRESS_INTERVAL_MS } from "../types.js";
 import { t as workletModuleUrl } from "../_module-url-C_4gRVL0.js";
 //#region worklets/playback-processor.ts
-const PlaybackProcessorWorklet = `
+/** Raw worklet source — exported so tests can evaluate the processor directly. */
+const playbackProcessorSource = `
 class PlaybackProcessor extends AudioWorkletProcessor {
   constructor(options) {
     super();
@@ -315,8 +316,6 @@ class PlaybackProcessor extends AudioWorkletProcessor {
 
 registerProcessor('playback-processor', PlaybackProcessor);
 `;
-/** Raw worklet source — exported so tests can evaluate the processor directly. */
-const playbackProcessorSource = PlaybackProcessorWorklet;
-var playback_processor_default = workletModuleUrl(PlaybackProcessorWorklet);
+var playback_processor_default = workletModuleUrl(playbackProcessorSource);
 //#endregion
 export { playback_processor_default as default, playbackProcessorSource };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexkroman1/aai-ui",
-  "version": "6.4.0",
+  "version": "6.5.1",
   "type": "module",
   "files": [
     "dist",
@@ -29,7 +29,7 @@
     "remark-gfm": "^4.0.1",
     "use-stick-to-bottom": "^1.1.6",
     "use-sync-external-store": "^1.6.0",
-    "@alexkroman1/aai": "6.4.0"
+    "@alexkroman1/aai": "6.5.1"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/dist/default-client/assets/audio-fO7SVU64.js

@@ -1 +0,0 @@
-import{o as e,s as t}from"./client-audio-constants-Ck0IJO4c.js";var n={echoCancellation:!0,noiseSuppression:!1,autoGainControl:!1,voiceIsolation:!1};function r(e,t,n){if(e!==t)throw Error(`Browser refused the ${n} sample rate: asked for ${t} Hz, got ${e} Hz`)}function i(e){e.then(e=>{for(let t of e.getTracks())t.stop()}).catch(()=>{})}function a(e,t,n){let r=new AudioWorkletNode(e,`capture-processor`,{channelCount:1,channelCountMode:`explicit`}),i=null;return r.port.onmessage=e=>{let r=e.data;r.event===`chunk`&&r.buffer?t(r.buffer):r.event===`silent`?n?.():r.event===`stopped`&&(i?.(),i=null)},{node:r,start(){r.port.postMessage({event:`start`})},stop(){let{promise:e,resolve:t}=Promise.withResolvers(),n=setTimeout(t,250);return i=()=>{clearTimeout(n),t()},r.port.postMessage({event:`stop`}),e}}}async function o(o){let{sttSampleRate:s,ttsSampleRate:c,captureWorkletSrc:l,playbackWorkletSrc:u,onMicData:d,onError:f,onPlaybackStats:p,onPlaybackProgress:m,onMicSilent:h}=o,g=new AudioContext({sampleRate:c,latencyHint:`playback`}),_=s===c,v=_?g:new AudioContext({sampleRate:s,latencyHint:`interactive`});async function y(){let e=_?[g]:[g,v];await Promise.all(e.map(e=>e.close().catch(e=>{console.warn(`AudioContext close failed:`,e)})))}let b=navigator.mediaDevices.getUserMedia({audio:{deviceId:{ideal:`default`},...n}}),x;try{[x]=await Promise.all([b,g.resume(),v.resume(),v.audioWorklet.addModule(l),g.audioWorklet.addModule(u)]),r(v.sampleRate,s,`capture`),r(g.sampleRate,c,`playback`)}catch(e){throw i(b),await y(),e}let S=v.createMediaStreamSource(x),C=a(v,d,h);S.connect(C.node),C.node.onprocessorerror=()=>{let e=Error(`Audio capture worklet crashed`);console.error(`[aai-ui]`,e.message),f?.(e)},C.start();let w=null,T=null,E=0,D=null,O=new AbortController;function k(){T?.(),T=null,D=null}function A(e){e.stats&&e.stats.concealedSamples>0&&p?.(e.stats),e.reason!==`interrupt`&&(D===null||e.turn===D)&&k()}function j(){if(w)return w;let e=new AudioWorkletNode(g,`playback-processor`);return e.connect(g.destination),e.port.onmessage=e=>{e.data.event===`stop`?A(e.data):e.data.event===`progress`&&m?.(e.data.bufferedMs)},e.onprocessorerror=()=>{let e=Error(`Audio playback worklet crashed`);console.error(`[aai-ui]`,e.message),k(),f?.(e)},w=e,e}let M={enqueue(e){O.signal.aborted||e.byteLength!==0&&j().port.postMessage({event:`write`,buffer:new Uint8Array(e)},[e])},done(){if(!w)return Promise.resolve();let n=++E;if(w.port.postMessage({event:`done`,turn:n}),g.state!==`running`)return D=null,Promise.resolve();let{promise:r,resolve:i}=Promise.withResolvers();T?.();let a=()=>{clearInterval(o),clearTimeout(s),T===a&&(T=null,D=null),i()},o=setInterval(()=>{g.state!==`running`&&a()},t),s=setTimeout(a,e);return T=a,D=n,r},flush(){w&&(k(),w.port.postMessage({event:`interrupt`}))},async close(){if(!O.signal.aborted){O.abort(),await C.stop(),S.disconnect(),C.node.disconnect(),w&&w.disconnect();for(let e of x.getTracks())e.stop();await y()}},async[Symbol.asyncDispose](){await M.close()}};return M}export{o as createVoiceIO};