@alexkroman1/aai-ui 13.1.0 → 13.3.0

package/dist/{_colors-j8XMToi9.js → _colors-CZ6OlPbL.js}

@@ -1,4 +1,4 @@
-//#region components/_colors.ts
+//#region src/components/_colors.ts
 /**
 * Shared tints used by the default components (AssemblyAI design system,
 * "website refresh": warm neutrals over the cream/white surfaces).

package/dist/{_module-url-C_4gRVL0.js → _module-url-C13kAJ87.js}

@@ -1,4 +1,4 @@
-//#region worklets/_module-url.ts
+//#region src/worklets/_module-url.ts
 /**
 * Blob-URL module for an inlined AudioWorklet processor source.
 *

package/dist/_recover-run.d.ts

@@ -37,12 +37,18 @@
  * `useWorkflows`, for the same reason: an empty answer here is a confident
  * false statement.
  *
- * ## It is OPT-IN
+ * ## It is ON by default, and it used to be opt-in
  *
- * A `key` on its own still means only "record this with the run", which is what
- * a voice agent's `ctx.workflows.start({ key })` means and what a page passing
- * an account id may well want. Adopting a run is a decision about the PAGE, so
- * it is `recover: true` and the two together read as what they do.
+ * The argument for opt-in was that a `key` on its own means only "record this
+ * with the run" — which is what a voice agent's `ctx.workflows.start({ key })`
+ * means, there being no page to put a run back on. A FORM is the other case: it
+ * is the page, and losing the run is the thing it cannot recover from. Six of
+ * six page templates wrote `useRunKey()` and `recover: true` together, which is
+ * the same shape `session-resume-store.ts` names on the voice side — a default
+ * in the wrong place — so `useWorkflowSubmit` now mints the key and asks.
+ *
+ * `enabled` remains, because `recover: false` remains: a page whose form must
+ * always open empty says so, and then nothing here runs.
  */
 import type { WorkflowApi } from "./workflow-client.ts";
 /** What {@link useRecoveredRun} needs. */

package/dist/{_utils-B6498_bm.js → _utils-CyzjK0gW.js}

@@ -1,5 +1,5 @@
 import { safeJsonParse } from "@alexkroman1/aai";
-//#region _utils.ts
+//#region src/_utils.ts
 /** Parse a JSON string, returning the input unchanged when it isn't valid JSON. */
 function tryParseJSON(str) {
 	if (!str) return str;

package/dist/{aai-logo-CXZGPSIY.js → aai-logo-CFlomZlS.js}

@@ -1,7 +1,7 @@
 import { useTheme } from "./context.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
-//#region components/aai-logo.tsx
+//#region src/components/aai-logo.tsx
 /** @jsxImportSource react */
 /**
 * The AssemblyAI wordmark (design-system "website refresh" asset).

package/dist/audio.js

@@ -1,5 +1,5 @@
 import { CAPTURE_STOP_ACK_TIMEOUT_MS, PLAYBACK_DONE_MAX_WAIT_MS, PLAYBACK_DONE_POLL_MS, VOICE_CAPTURE_CONSTRAINTS } from "./types.js";
-//#region audio.ts
+//#region src/audio.ts
 /**
 * Throw unless the browser honored a requested context sample rate. The
 * requested rates are never advisory: captured audio is tagged with the

package/dist/{chat-view-DDTtrh7N.js → chat-view-Bv5VFJIE.js}

@@ -1,12 +1,12 @@
-import { t as MessageList } from "./message-list-BJYyuIcR.js";
+import { t as MessageList } from "./message-list-C0pL7x41.js";
 import { useSessionSelector, useTheme } from "./context.js";
-import { n as THINKING_COLOR, r as inkTint, t as ERROR_COLOR } from "./_colors-j8XMToi9.js";
-import { t as AaiLogo } from "./aai-logo-CXZGPSIY.js";
-import { t as Eyebrow } from "./eyebrow-C6ZFuiz6.js";
+import { n as THINKING_COLOR, r as inkTint, t as ERROR_COLOR } from "./_colors-CZ6OlPbL.js";
+import { t as AaiLogo } from "./aai-logo-CFlomZlS.js";
+import { t as Eyebrow } from "./eyebrow-UfmSz9yy.js";
 import { Controls } from "./components/controls.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region components/console-shell.tsx
+//#region src/components/console-shell.tsx
 /** @jsxImportSource react */
 /**
 * Indicator dot color per state.
@@ -138,7 +138,7 @@ function ConsoleShell({ icon, title, state, pulsing, error, children, footer, cl
 	});
 }
 //#endregion
-//#region components/chat-view.tsx
+//#region src/components/chat-view.tsx
 const PULSING_STATES = /* @__PURE__ */ new Set(["listening", "speaking"]);
 /**
 * The main chat interface for a voice agent session — the design-system

package/dist/{client-config-BT_kWID5.js → client-config-DD820zHn.js}

@@ -1,5 +1,5 @@
 import { CLIENT_CONFIG_PATH, ClientConfigResponseSchema } from "@alexkroman1/aai/protocol";
-//#region client-config.ts
+//#region src/client-config.ts
 /**
 * Pre-connection client-config lookup.
 *

package/dist/client-dir.js

@@ -1,6 +1,6 @@
 import { createRequire } from "node:module";
 import path from "node:path";
-//#region client-dir.ts
+//#region src/client-dir.ts
 /**
 * Filesystem location of the prebuilt default client — **Node only**.
 *

package/dist/components/button.js

@@ -1,8 +1,8 @@
 import { useTheme } from "../context.js";
-import { i as primaryTint, r as inkTint } from "../_colors-j8XMToi9.js";
+import { i as primaryTint, r as inkTint } from "../_colors-CZ6OlPbL.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region components/button.tsx
+//#region src/components/button.tsx
 /** @jsxImportSource react */
 /** One variant's rest and hover colors, derived from the theme. */
 function variantColors(variant, theme) {

package/dist/components/chat-view.js

@@ -1,3 +1,3 @@
 import "../context.js";
-import { t as ChatView } from "../chat-view-DDTtrh7N.js";
+import { t as ChatView } from "../chat-view-Bv5VFJIE.js";
 export { ChatView };

package/dist/components/controls.js

@@ -1,10 +1,10 @@
 import { useSessionCore, useSessionSelector } from "../context.js";
 import { Button } from "./button.js";
-import { n as SessionUrlChips } from "../url-chips-YqhCjWfQ.js";
+import { n as SessionUrlChips } from "../url-chips-C2u7QPv8.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
-//#region components/controls.tsx
+//#region src/components/controls.tsx
 /** @jsxImportSource react */
 /**
 * Session control buttons: **Stop / Resume** and **New Conversation**.

package/dist/components/message-list.js

@@ -1,3 +1,3 @@
-import { t as MessageList } from "../message-list-BJYyuIcR.js";
+import { t as MessageList } from "../message-list-C0pL7x41.js";
 import "../context.js";
 export { MessageList };

package/dist/components/sidebar-layout.js

@@ -1,7 +1,7 @@
 import { useTheme } from "../context.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region components/sidebar-layout.tsx
+//#region src/components/sidebar-layout.tsx
 /** @jsxImportSource react */
 /**
 * A two-column layout with a fixed-width sidebar and a flexible main area.

package/dist/components/start-screen.js

@@ -1,11 +1,11 @@
 import { useSessionCore, useSessionSelector, useTheme } from "../context.js";
-import { r as inkTint } from "../_colors-j8XMToi9.js";
+import { r as inkTint } from "../_colors-CZ6OlPbL.js";
 import { Button } from "./button.js";
-import { t as AaiLogo } from "../aai-logo-CXZGPSIY.js";
-import { t as Eyebrow } from "../eyebrow-C6ZFuiz6.js";
+import { t as AaiLogo } from "../aai-logo-CFlomZlS.js";
+import { t as Eyebrow } from "../eyebrow-UfmSz9yy.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region components/start-screen.tsx
+//#region src/components/start-screen.tsx
 /** @jsxImportSource react */
 /**
 * A centered start screen: a white card on the cream page with the logo, an

package/dist/components/tool-call-block.js

@@ -1,3 +1,3 @@
 import "../context.js";
-import { t as ToolCallBlock } from "../tool-call-block-tcPQAkcP.js";
+import { t as ToolCallBlock } from "../tool-call-block-Bunc6rCw.js";
 export { ToolCallBlock };

package/dist/context.js

@@ -1,6 +1,6 @@
 import { createContext, createElement, useContext, useEffect, useMemo, useSyncExternalStore } from "react";
 import { useSyncExternalStoreWithSelector } from "use-sync-external-store/with-selector";
-//#region context.ts
+//#region src/context.ts
 const DEFAULT_THEME = {
 	bg: "#FBF8F2",
 	primary: "#3F2BC1",

package/dist/default-client.d.ts

@@ -1,2 +1,2 @@
 /** @jsxImportSource react */
-import "./styles.css";
+import "../styles.css";

package/dist/define-client.js

@@ -1,16 +1,16 @@
-import { n as fetchClientConfig } from "./client-config-BT_kWID5.js";
+import { n as fetchClientConfig } from "./client-config-DD820zHn.js";
 import { SessionProvider, ThemeProvider } from "./context.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 { t as ChatView } from "./chat-view-Bv5VFJIE.js";
+import { n as setPageTitle, t as pageBaseUrl } from "./_utils-CyzjK0gW.js";
+import { t as ToolConfigContext } from "./tool-config-context-Bh8p3DtG.js";
 import { SidebarLayout } from "./components/sidebar-layout.js";
 import { StartScreen } from "./components/start-screen.js";
-import { t as createSessionCore } from "./session-core-DxBYsfHA.js";
+import { t as createSessionCore } from "./session-core-C9elBIdu.js";
 import { jsx } from "react/jsx-runtime";
 import { createElement, useEffect, useState } from "react";
 import { flushSync } from "react-dom";
 import { createRoot } from "react-dom/client";
-//#region define-client.tsx
+//#region src/define-client.tsx
 /** @jsxImportSource react */
 /**
 * The element a mount renders into.

package/dist/{eyebrow-C6ZFuiz6.js → eyebrow-UfmSz9yy.js}

@@ -1,7 +1,7 @@
 import { useTheme } from "./context.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region components/eyebrow.tsx
+//#region src/components/eyebrow.tsx
 /** @jsxImportSource react */
 /**
 * Eyebrow label — the design system's small outlined pill with ALL-CAPS,

package/dist/hooks.js

@@ -1,7 +1,7 @@
 import { useSessionSelector } from "./context.js";
-import { i as tryParseJSON } from "./_utils-B6498_bm.js";
+import { i as tryParseJSON } from "./_utils-CyzjK0gW.js";
 import { useEffect, useMemo, useRef } from "react";
-//#region hooks.ts
+//#region src/hooks.ts
 /** Index of the first item whose sequence number is above the watermark (tail scan from the end). */
 function tailStart(items, seqOf, watermark) {
 	let start = items.length;

package/dist/index.d.ts

@@ -27,11 +27,12 @@ export { type ConversationItem, type UseConversationResult, useConversation, } f
 export { type UseDownloadUrlOptions, type UseDownloadUrlResult, useDownloadUrl, } from "./use-download-url.ts";
 export { useRunKey } from "./use-run-key.ts";
 export { type UseUserTranscriptResult, useUserTranscript } from "./use-user-transcript.ts";
-export { type UploadStatus, type UseWorkflowSubmitOptions, type UseWorkflowsOptions, type UseWorkflowsResult, useWorkflowSubmit, useWorkflows, type WorkflowSubmission, } from "./use-workflow-form.ts";
+export { type UploadStatus, type UseWorkflowSubmitOptions, useWorkflowSubmit, type WorkflowSubmission, } from "./use-workflow-form.ts";
 export { type UseWorkflowProgressResult, useWorkflowProgress, } from "./use-workflow-progress.ts";
 export { type UseWorkflowRunResult, useWorkflowRun } from "./use-workflow-run.ts";
 export { type UseWorkflowRunsOptions, type UseWorkflowRunsResult, useWorkflowRuns, } from "./use-workflow-runs.ts";
 export { type UseWorkflowStreamOptions, useWorkflowStream, type WorkflowStreamSubmission, } from "./use-workflow-stream.ts";
+export { type UseWorkflowsOptions, type UseWorkflowsResult, useWorkflows, } from "./use-workflows.ts";
 export { createWorkflowApi, isTerminal, type WorkflowApi, type WorkflowApiOptions, type WorkflowInputOf, type WorkflowOutputOf, type WorkflowRun, type WorkflowRunStatus, type WorkflowSummary, } from "./workflow-client.ts";
 export type { SubmitInputOf } from "./workflow-def-types.ts";
 export { WORKFLOW_STATUS_LABELS } from "./workflow-status-labels.ts";