@athenaintel/react 0.19.0 → 0.21.0

package/dist/chat/use-statewire-approval-request.cjs

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const reactStatewire = require("@assistant-ui/react-statewire");
+require("../packages/agent-runtime/src/generated/runconfig-contract.cjs");
+const react = require("react");
+require("@assistant-ui/tap");
+require("statewire");
+require("../packages/agent-runtime/src/statewire-suspended.cjs");
+require("@tanstack/react-query");
+const interrupts = require("../packages/agent-runtime/src/interrupts.cjs");
+require("../packages/agent-runtime/src/messages.cjs");
+require("../packages/agent-runtime/src/statewire-state.cjs");
+require("@assistant-ui/store");
+require("../packages/agent-runtime/src/quota-safe-local-storage-session.cjs");
+require("../packages/agent-runtime/src/statewire-attach-observer.cjs");
+require("../packages/agent-runtime/src/thread-status.cjs");
+require("@assistant-ui/core");
+require("../packages/agent-runtime/src/thread-handoff.cjs");
+const useAthenaRunLive = require("./use-athena-run-live.cjs");
+function useStatewireApprovalRequest(options = {}) {
+  var _a;
+  const {
+    interruptPredicate = interrupts.isApprovalCardInterrupt,
+    pendingResumeGraceMs = interrupts.HITL_PENDING_RESUME_GRACE_MS,
+    onResumeRejected
+  } = options;
+  const sendCommand = reactStatewire.useStatewireSendCommand();
+  const request = (_a = reactStatewire.useStatewireRuns().inputRequests) == null ? void 0 : _a.find(interruptPredicate);
+  const requestId = request == null ? void 0 : request.id;
+  const abandoned = reactStatewire.useStatewireState(interrupts.readAbandonedInputRequests);
+  const abandonedInterrupt = interrupts.findAbandonedInterrupt(abandoned);
+  const hitl = interrupts.asHitlApproval(request == null ? void 0 : request.payload);
+  const actionRequests = react.useMemo(() => interrupts.pendingActionRequests(hitl), [hitl]);
+  const isRunning = useAthenaRunLive.useAthenaRunLive();
+  const { pending, resume } = interrupts.useApprovalResumeLock({
+    requestId,
+    isRunning,
+    pendingResumeGraceMs,
+    onResumeRejected,
+    // The dispatch promise is handed to the lock: a refusal releases it and
+    // reaches `onResumeRejected`.
+    sendResume: (id, value) => sendCommand({
+      type: "run/input",
+      requestId: id,
+      response: { type: "resume", value }
+    })
+  });
+  return { request, requestId, hitl, actionRequests, abandonedInterrupt, pending, resume };
+}
+exports.useStatewireApprovalRequest = useStatewireApprovalRequest;
+//# sourceMappingURL=use-statewire-approval-request.cjs.map

package/dist/chat/use-statewire-approval-request.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-statewire-approval-request.cjs","sources":["../../src/chat/use-statewire-approval-request.ts"],"sourcesContent":["import type { StatewireThread } from '@assistant-ui/react-statewire';\nimport {\n  useStatewireRuns,\n  useStatewireSendCommand,\n  useStatewireState,\n} from '@assistant-ui/react-statewire';\nimport {\n  type AbandonedInputRequest,\n  asHitlApproval,\n  findAbandonedInterrupt,\n  HITL_PENDING_RESUME_GRACE_MS,\n  type HitlApprovalPayload,\n  isApprovalCardInterrupt,\n  type PendingActionRequest,\n  pendingActionRequests,\n  readAbandonedInputRequests,\n  useApprovalResumeLock,\n} from '@athenaintel/agent-runtime';\nimport { useMemo } from 'react';\nimport { useAthenaRunLive } from './use-athena-run-live';\n\n/** Selects which pending interrupt an approval surface answers. */\nexport type StatewireInterruptPredicate = (\n  request: StatewireThread.InputRequestState,\n) => request is StatewireThread.CustomInputRequest;\n\nexport interface UseStatewireApprovalRequestOptions {\n  /**\n   * Which pending interrupt to answer. Defaults to `isApprovalCardInterrupt`\n   * (client-tool parks excluded — the client-tool bridge owns those, and a\n   * generic resume would corrupt the parked tool call).\n   */\n  interruptPredicate?: StatewireInterruptPredicate;\n  /**\n   * How long a sent decision keeps the actions locked when no resume run ever\n   * starts. Defaults to {@link HITL_PENDING_RESUME_GRACE_MS}.\n   */\n  pendingResumeGraceMs?: number;\n  /**\n   * The host refused the `run/input` (or the transport lost it): the\n   * optimistic fold rolls back, the request is on screen again with its\n   * actions re-enabled, and this is the surface's one chance to say why.\n   */\n  onResumeRejected?: (error: unknown, requestId: string) => void;\n}\n\nexport interface StatewireApprovalRequest<TValue> {\n  /** The pending interrupt this surface answers, if any. */\n  request: StatewireThread.CustomInputRequest | undefined;\n  requestId: string | undefined;\n  /** The payload narrowed to the Athena HITL approval shape, or `null`. */\n  hitl: HitlApprovalPayload | null;\n  /** Every gated call the approval covers, in decision order (empty for non-HITL parks). */\n  actionRequests: PendingActionRequest[];\n  /** An interrupt a non-resume dispatch dropped — the \"approval was cancelled\" notice. */\n  abandonedInterrupt: AbandonedInputRequest | undefined;\n  /** True after a resume until the request identity changes (or recovery fires). */\n  pending: boolean;\n  /**\n   * Answer the request with `{ type: 'run/input', requestId, response: { type: 'resume', value } }`.\n   * Returns the dispatch promise (settles when the host accepts, rejects when\n   * it refuses), or `undefined` when the lock dropped the send.\n   */\n  resume: (value: TValue) => Promise<unknown> | undefined;\n}\n\n/**\n * The headless half of every statewire approval surface: selects the pending\n * interrupt from the runs projection, narrows its payload, reads the\n * host-published abandoned interrupts, and wires the shared optimistic resume\n * lock to the thread's `run/input` command. `StatewireApprovalCard` renders\n * over it; hosts with their own decision UI (per-lane subagent cards) build\n * on it directly so the selection and lock semantics cannot drift.\n *\n * Requires a statewire aui scope (throws outside one, like every\n * `useStatewire*` hook) — gate the mount with `hasStatewireThreadExtras`.\n */\nexport function useStatewireApprovalRequest<\n  TValue extends StatewireThread.InputResponse = Record<string, string>,\n>(options: UseStatewireApprovalRequestOptions = {}): StatewireApprovalRequest<TValue> {\n  const {\n    interruptPredicate = isApprovalCardInterrupt,\n    pendingResumeGraceMs = HITL_PENDING_RESUME_GRACE_MS,\n    onResumeRejected,\n  } = options;\n  const sendCommand = useStatewireSendCommand();\n  // The runs projection is memoized by the lib, so this derivation is\n  // reference-stable between state updates.\n  const request = useStatewireRuns().inputRequests?.find(interruptPredicate);\n  const requestId = request?.id;\n\n  // The host publishes the interrupts a non-resume dispatch dropped. Select\n  // the raw array reference (pre-stream-safe) and derive inline; a `.find`\n  // selector would return a fresh object every update.\n  const abandoned = useStatewireState(readAbandonedInputRequests);\n  const abandonedInterrupt = findAbandonedInterrupt(abandoned);\n\n  const hitl = asHitlApproval(request?.payload);\n  const actionRequests = useMemo(() => pendingActionRequests(hitl), [hitl]);\n\n  const isRunning = useAthenaRunLive();\n  const { pending, resume } = useApprovalResumeLock<TValue>({\n    requestId,\n    isRunning,\n    pendingResumeGraceMs,\n    onResumeRejected,\n    // The dispatch promise is handed to the lock: a refusal releases it and\n    // reaches `onResumeRejected`.\n    sendResume: (id, value) =>\n      sendCommand({\n        type: 'run/input',\n        requestId: id,\n        response: { type: 'resume', value },\n      }),\n  });\n\n  return { request, requestId, hitl, actionRequests, abandonedInterrupt, pending, resume };\n}\n"],"names":["isApprovalCardInterrupt","HITL_PENDING_RESUME_GRACE_MS","useStatewireSendCommand","useStatewireRuns","useStatewireState","readAbandonedInputRequests","findAbandonedInterrupt","asHitlApproval","useMemo","pendingActionRequests","useAthenaRunLive","useApprovalResumeLock"],"mappings":";;;;;;;;;;;;;;;;;;;AA6EO,SAAS,4BAEd,UAA8C,IAAsC;;AACpF,QAAM;AAAA,IACJ,qBAAqBA,WAAAA;AAAAA,IACrB,uBAAuBC,WAAAA;AAAAA,IACvB;AAAA,EAAA,IACE;AACJ,QAAM,cAAcC,eAAAA,wBAAA;AAGpB,QAAM,WAAUC,oBAAAA,iBAAA,EAAmB,kBAAnBA,mBAAkC,KAAK;AACvD,QAAM,YAAY,mCAAS;AAK3B,QAAM,YAAYC,eAAAA,kBAAkBC,qCAA0B;AAC9D,QAAM,qBAAqBC,WAAAA,uBAAuB,SAAS;AAE3D,QAAM,OAAOC,WAAAA,eAAe,mCAAS,OAAO;AAC5C,QAAM,iBAAiBC,MAAAA,QAAQ,MAAMC,WAAAA,sBAAsB,IAAI,GAAG,CAAC,IAAI,CAAC;AAExE,QAAM,YAAYC,iBAAAA,iBAAA;AAClB,QAAM,EAAE,SAAS,OAAA,IAAWC,iCAA8B;AAAA,IACxD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA,YAAY,CAAC,IAAI,UACf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,WAAW;AAAA,MACX,UAAU,EAAE,MAAM,UAAU,MAAA;AAAA,IAAM,CACnC;AAAA,EAAA,CACJ;AAED,SAAO,EAAE,SAAS,WAAW,MAAM,gBAAgB,oBAAoB,SAAS,OAAA;AAClF;;"}

package/dist/chat/use-statewire-approval-request.d.ts

@@ -14,6 +14,12 @@ export interface UseStatewireApprovalRequestOptions {
      * starts. Defaults to {@link HITL_PENDING_RESUME_GRACE_MS}.
      */
     pendingResumeGraceMs?: number;
+    /**
+     * The host refused the `run/input` (or the transport lost it): the
+     * optimistic fold rolls back, the request is on screen again with its
+     * actions re-enabled, and this is the surface's one chance to say why.
+     */
+    onResumeRejected?: (error: unknown, requestId: string) => void;
 }
 export interface StatewireApprovalRequest<TValue> {
     /** The pending interrupt this surface answers, if any. */
@@ -27,8 +33,12 @@ export interface StatewireApprovalRequest<TValue> {
     abandonedInterrupt: AbandonedInputRequest | undefined;
     /** True after a resume until the request identity changes (or recovery fires). */
     pending: boolean;
-    /** Answer the request with `{ type: 'run/input', requestId, response: { type: 'resume', value } }`. */
-    resume: (value: TValue) => void;
+    /**
+     * Answer the request with `{ type: 'run/input', requestId, response: { type: 'resume', value } }`.
+     * Returns the dispatch promise (settles when the host accepts, rejects when
+     * it refuses), or `undefined` when the lock dropped the send.
+     */
+    resume: (value: TValue) => Promise<unknown> | undefined;
 }
 /**
  * The headless half of every statewire approval surface: selects the pending

package/dist/chat/use-statewire-approval-request.js

@@ -0,0 +1,51 @@
+import { useStatewireSendCommand, useStatewireRuns, useStatewireState } from "@assistant-ui/react-statewire";
+import "../packages/agent-runtime/src/generated/runconfig-contract.js";
+import { useMemo } from "react";
+import "@assistant-ui/tap";
+import "statewire";
+import "../packages/agent-runtime/src/statewire-suspended.js";
+import "@tanstack/react-query";
+import { isApprovalCardInterrupt, HITL_PENDING_RESUME_GRACE_MS, readAbandonedInputRequests, findAbandonedInterrupt, asHitlApproval, pendingActionRequests, useApprovalResumeLock } from "../packages/agent-runtime/src/interrupts.js";
+import "../packages/agent-runtime/src/messages.js";
+import "../packages/agent-runtime/src/statewire-state.js";
+import "@assistant-ui/store";
+import "../packages/agent-runtime/src/quota-safe-local-storage-session.js";
+import "../packages/agent-runtime/src/statewire-attach-observer.js";
+import "../packages/agent-runtime/src/thread-status.js";
+import "@assistant-ui/core";
+import "../packages/agent-runtime/src/thread-handoff.js";
+import { useAthenaRunLive } from "./use-athena-run-live.js";
+function useStatewireApprovalRequest(options = {}) {
+  var _a;
+  const {
+    interruptPredicate = isApprovalCardInterrupt,
+    pendingResumeGraceMs = HITL_PENDING_RESUME_GRACE_MS,
+    onResumeRejected
+  } = options;
+  const sendCommand = useStatewireSendCommand();
+  const request = (_a = useStatewireRuns().inputRequests) == null ? void 0 : _a.find(interruptPredicate);
+  const requestId = request == null ? void 0 : request.id;
+  const abandoned = useStatewireState(readAbandonedInputRequests);
+  const abandonedInterrupt = findAbandonedInterrupt(abandoned);
+  const hitl = asHitlApproval(request == null ? void 0 : request.payload);
+  const actionRequests = useMemo(() => pendingActionRequests(hitl), [hitl]);
+  const isRunning = useAthenaRunLive();
+  const { pending, resume } = useApprovalResumeLock({
+    requestId,
+    isRunning,
+    pendingResumeGraceMs,
+    onResumeRejected,
+    // The dispatch promise is handed to the lock: a refusal releases it and
+    // reaches `onResumeRejected`.
+    sendResume: (id, value) => sendCommand({
+      type: "run/input",
+      requestId: id,
+      response: { type: "resume", value }
+    })
+  });
+  return { request, requestId, hitl, actionRequests, abandonedInterrupt, pending, resume };
+}
+export {
+  useStatewireApprovalRequest
+};
+//# sourceMappingURL=use-statewire-approval-request.js.map

package/dist/chat/use-statewire-approval-request.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-statewire-approval-request.js","sources":["../../src/chat/use-statewire-approval-request.ts"],"sourcesContent":["import type { StatewireThread } from '@assistant-ui/react-statewire';\nimport {\n  useStatewireRuns,\n  useStatewireSendCommand,\n  useStatewireState,\n} from '@assistant-ui/react-statewire';\nimport {\n  type AbandonedInputRequest,\n  asHitlApproval,\n  findAbandonedInterrupt,\n  HITL_PENDING_RESUME_GRACE_MS,\n  type HitlApprovalPayload,\n  isApprovalCardInterrupt,\n  type PendingActionRequest,\n  pendingActionRequests,\n  readAbandonedInputRequests,\n  useApprovalResumeLock,\n} from '@athenaintel/agent-runtime';\nimport { useMemo } from 'react';\nimport { useAthenaRunLive } from './use-athena-run-live';\n\n/** Selects which pending interrupt an approval surface answers. */\nexport type StatewireInterruptPredicate = (\n  request: StatewireThread.InputRequestState,\n) => request is StatewireThread.CustomInputRequest;\n\nexport interface UseStatewireApprovalRequestOptions {\n  /**\n   * Which pending interrupt to answer. Defaults to `isApprovalCardInterrupt`\n   * (client-tool parks excluded — the client-tool bridge owns those, and a\n   * generic resume would corrupt the parked tool call).\n   */\n  interruptPredicate?: StatewireInterruptPredicate;\n  /**\n   * How long a sent decision keeps the actions locked when no resume run ever\n   * starts. Defaults to {@link HITL_PENDING_RESUME_GRACE_MS}.\n   */\n  pendingResumeGraceMs?: number;\n  /**\n   * The host refused the `run/input` (or the transport lost it): the\n   * optimistic fold rolls back, the request is on screen again with its\n   * actions re-enabled, and this is the surface's one chance to say why.\n   */\n  onResumeRejected?: (error: unknown, requestId: string) => void;\n}\n\nexport interface StatewireApprovalRequest<TValue> {\n  /** The pending interrupt this surface answers, if any. */\n  request: StatewireThread.CustomInputRequest | undefined;\n  requestId: string | undefined;\n  /** The payload narrowed to the Athena HITL approval shape, or `null`. */\n  hitl: HitlApprovalPayload | null;\n  /** Every gated call the approval covers, in decision order (empty for non-HITL parks). */\n  actionRequests: PendingActionRequest[];\n  /** An interrupt a non-resume dispatch dropped — the \"approval was cancelled\" notice. */\n  abandonedInterrupt: AbandonedInputRequest | undefined;\n  /** True after a resume until the request identity changes (or recovery fires). */\n  pending: boolean;\n  /**\n   * Answer the request with `{ type: 'run/input', requestId, response: { type: 'resume', value } }`.\n   * Returns the dispatch promise (settles when the host accepts, rejects when\n   * it refuses), or `undefined` when the lock dropped the send.\n   */\n  resume: (value: TValue) => Promise<unknown> | undefined;\n}\n\n/**\n * The headless half of every statewire approval surface: selects the pending\n * interrupt from the runs projection, narrows its payload, reads the\n * host-published abandoned interrupts, and wires the shared optimistic resume\n * lock to the thread's `run/input` command. `StatewireApprovalCard` renders\n * over it; hosts with their own decision UI (per-lane subagent cards) build\n * on it directly so the selection and lock semantics cannot drift.\n *\n * Requires a statewire aui scope (throws outside one, like every\n * `useStatewire*` hook) — gate the mount with `hasStatewireThreadExtras`.\n */\nexport function useStatewireApprovalRequest<\n  TValue extends StatewireThread.InputResponse = Record<string, string>,\n>(options: UseStatewireApprovalRequestOptions = {}): StatewireApprovalRequest<TValue> {\n  const {\n    interruptPredicate = isApprovalCardInterrupt,\n    pendingResumeGraceMs = HITL_PENDING_RESUME_GRACE_MS,\n    onResumeRejected,\n  } = options;\n  const sendCommand = useStatewireSendCommand();\n  // The runs projection is memoized by the lib, so this derivation is\n  // reference-stable between state updates.\n  const request = useStatewireRuns().inputRequests?.find(interruptPredicate);\n  const requestId = request?.id;\n\n  // The host publishes the interrupts a non-resume dispatch dropped. Select\n  // the raw array reference (pre-stream-safe) and derive inline; a `.find`\n  // selector would return a fresh object every update.\n  const abandoned = useStatewireState(readAbandonedInputRequests);\n  const abandonedInterrupt = findAbandonedInterrupt(abandoned);\n\n  const hitl = asHitlApproval(request?.payload);\n  const actionRequests = useMemo(() => pendingActionRequests(hitl), [hitl]);\n\n  const isRunning = useAthenaRunLive();\n  const { pending, resume } = useApprovalResumeLock<TValue>({\n    requestId,\n    isRunning,\n    pendingResumeGraceMs,\n    onResumeRejected,\n    // The dispatch promise is handed to the lock: a refusal releases it and\n    // reaches `onResumeRejected`.\n    sendResume: (id, value) =>\n      sendCommand({\n        type: 'run/input',\n        requestId: id,\n        response: { type: 'resume', value },\n      }),\n  });\n\n  return { request, requestId, hitl, actionRequests, abandonedInterrupt, pending, resume };\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA6EO,SAAS,4BAEd,UAA8C,IAAsC;;AACpF,QAAM;AAAA,IACJ,qBAAqB;AAAA,IACrB,uBAAuB;AAAA,IACvB;AAAA,EAAA,IACE;AACJ,QAAM,cAAc,wBAAA;AAGpB,QAAM,WAAU,sBAAA,EAAmB,kBAAnB,mBAAkC,KAAK;AACvD,QAAM,YAAY,mCAAS;AAK3B,QAAM,YAAY,kBAAkB,0BAA0B;AAC9D,QAAM,qBAAqB,uBAAuB,SAAS;AAE3D,QAAM,OAAO,eAAe,mCAAS,OAAO;AAC5C,QAAM,iBAAiB,QAAQ,MAAM,sBAAsB,IAAI,GAAG,CAAC,IAAI,CAAC;AAExE,QAAM,YAAY,iBAAA;AAClB,QAAM,EAAE,SAAS,OAAA,IAAW,sBAA8B;AAAA,IACxD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA,YAAY,CAAC,IAAI,UACf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,WAAW;AAAA,MACX,UAAU,EAAE,MAAM,UAAU,MAAA;AAAA,IAAM,CACnC;AAAA,EAAA,CACJ;AAED,SAAO,EAAE,SAAS,WAAW,MAAM,gBAAgB,oBAAoB,SAAS,OAAA;AAClF;"}

package/dist/chat-ui/auth/sign-in-card.cjs

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const cnfast = require("cnfast");
+const SignInCard = ({
+  buildLabel,
+  subtitle,
+  children,
+  error,
+  notice,
+  primaryLabel,
+  primaryPendingLabel,
+  isPending,
+  disabled = false,
+  onPrimary,
+  footer
+}) => (
+  // `min-h-full` centers the card in hosts whose root is not a flex container.
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-full flex-1 flex-col items-center justify-center bg-muted/20 p-5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-sm space-y-5 rounded-2xl border bg-background/95 p-5 shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-semibold tracking-tight text-foreground", children: "Sign in to Athena" }),
+      buildLabel ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: buildLabel }) : null,
+      subtitle ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-xs leading-relaxed text-muted-foreground", children: subtitle }) : null
+    ] }),
+    children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children }) : null,
+    notice ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: notice }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { role: "status", "aria-live": "polite", children: error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: error }) : null }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "h-10 w-full rounded-lg bg-primary px-4 text-sm font-semibold text-primary-foreground shadow-sm transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-40",
+        onClick: onPrimary,
+        disabled: isPending || disabled,
+        children: isPending ? primaryPendingLabel : primaryLabel
+      }
+    ),
+    footer
+  ] }) })
+);
+const SignInSelect = ({ id, label, value, options, onChange, hint }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "label",
+    {
+      htmlFor: id,
+      className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground",
+      children: label
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "select",
+    {
+      id,
+      className: "h-10 w-full rounded-lg border bg-background px-3 text-sm outline-none transition-shadow focus:ring-2 focus:ring-ring/20",
+      value,
+      onChange: (event) => onChange(event.target.value),
+      children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
+    }
+  ),
+  hint ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 text-[10px] text-muted-foreground", children: hint }) : null
+] });
+const SignInTextField = ({ label, placeholder, value, onChange, type = "text", className }) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block space-y-1", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      className: cnfast.cn(
+        "h-9 w-full rounded-md border bg-background px-2.5 text-xs outline-none focus:ring-2 focus:ring-ring/20",
+        className
+      ),
+      type,
+      placeholder,
+      value,
+      onChange: (event) => onChange(event.target.value)
+    }
+  )
+] });
+const SignInFallbackSection = ({ isOpen, onToggle, label, children }) => {
+  const contentId = react.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t pt-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": isOpen,
+        "aria-controls": contentId,
+        className: "w-full text-left text-[11px] font-medium text-muted-foreground hover:text-foreground",
+        onClick: onToggle,
+        children: [
+          isOpen ? "Hide" : "Show",
+          " ",
+          label
+        ]
+      }
+    ),
+    isOpen ? /* @__PURE__ */ jsxRuntime.jsx("div", { id: contentId, className: "mt-3 space-y-2", children }) : null
+  ] });
+};
+const SignInSecondaryButton = ({ onClick, disabled = false, children }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "button",
+  {
+    type: "button",
+    className: "h-9 w-full rounded-lg border bg-background text-xs font-medium hover:bg-muted disabled:opacity-40",
+    disabled,
+    onClick,
+    children
+  }
+);
+const SignInConsent = ({ checked, onChange, children }) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex cursor-pointer items-start gap-2.5 rounded-lg border bg-muted/30 p-3 text-xs leading-relaxed text-muted-foreground", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type: "checkbox",
+      className: "mt-0.5 h-4 w-4 shrink-0 accent-primary",
+      checked,
+      onChange: (event) => onChange(event.target.checked)
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+] });
+exports.SignInCard = SignInCard;
+exports.SignInConsent = SignInConsent;
+exports.SignInFallbackSection = SignInFallbackSection;
+exports.SignInSecondaryButton = SignInSecondaryButton;
+exports.SignInSelect = SignInSelect;
+exports.SignInTextField = SignInTextField;
+//# sourceMappingURL=sign-in-card.cjs.map

package/dist/chat-ui/auth/sign-in-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-in-card.cjs","sources":["../../../src/chat-ui/auth/sign-in-card.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport type { ChangeEvent, FC, ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nexport const SignInCard: FC<{\n  /** e.g. \"Local build abcd1234\" — shown under the heading when set. */\n  buildLabel?: string | null;\n  subtitle?: ReactNode;\n  /** Environment pickers, consent checkboxes, and other host controls. */\n  children?: ReactNode;\n  error?: string | null;\n  /** Hint shown above the button (e.g. host cannot open a dialog). */\n  notice?: ReactNode;\n  primaryLabel: string;\n  primaryPendingLabel: string;\n  isPending: boolean;\n  disabled?: boolean;\n  onPrimary: () => void;\n  /** Developer fallbacks and other secondary affordances. */\n  footer?: ReactNode;\n}> = ({\n  buildLabel,\n  subtitle,\n  children,\n  error,\n  notice,\n  primaryLabel,\n  primaryPendingLabel,\n  isPending,\n  disabled = false,\n  onPrimary,\n  footer,\n}) => (\n  // `min-h-full` centers the card in hosts whose root is not a flex container.\n  <div className=\"flex min-h-full flex-1 flex-col items-center justify-center bg-muted/20 p-5\">\n    <div className=\"w-full max-w-sm space-y-5 rounded-2xl border bg-background/95 p-5 shadow-sm\">\n      <div className=\"text-center\">\n        <h2 className=\"text-base font-semibold tracking-tight text-foreground\">\n          Sign in to Athena\n        </h2>\n        {buildLabel ? (\n          <p className=\"mt-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n            {buildLabel}\n          </p>\n        ) : null}\n        {subtitle ? (\n          <p className=\"mt-1.5 text-xs leading-relaxed text-muted-foreground\">\n            {subtitle}\n          </p>\n        ) : null}\n      </div>\n\n      {children ? <div className=\"space-y-3\">{children}</div> : null}\n\n      {notice ? (\n        <p className=\"text-xs leading-relaxed text-muted-foreground\">{notice}</p>\n      ) : null}\n      <div role=\"status\" aria-live=\"polite\">\n        {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n      </div>\n\n      <button\n        type=\"button\"\n        className=\"h-10 w-full rounded-lg bg-primary px-4 text-sm font-semibold text-primary-foreground shadow-sm transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-40\"\n        onClick={onPrimary}\n        disabled={isPending || disabled}\n      >\n        {isPending ? primaryPendingLabel : primaryLabel}\n      </button>\n\n      {footer}\n    </div>\n  </div>\n);\n\nexport const SignInSelect: FC<{\n  id: string;\n  label: string;\n  value: string;\n  options: ReadonlyArray<{ label: string; value: string }>;\n  onChange: (value: string) => void;\n  /** Resolved endpoint shown under the select. */\n  hint?: string | null;\n}> = ({ id, label, value, options, onChange, hint }) => (\n  <div className=\"space-y-1.5\">\n    <label\n      htmlFor={id}\n      className=\"text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\"\n    >\n      {label}\n    </label>\n    <select\n      id={id}\n      className=\"h-10 w-full rounded-lg border bg-background px-3 text-sm outline-none transition-shadow focus:ring-2 focus:ring-ring/20\"\n      value={value}\n      onChange={(event: ChangeEvent<HTMLSelectElement>) =>\n        onChange(event.target.value)\n      }\n    >\n      {options.map((option) => (\n        <option key={option.value} value={option.value}>\n          {option.label}\n        </option>\n      ))}\n    </select>\n    {hint ? (\n      <p className=\"px-1 text-[10px] text-muted-foreground\">{hint}</p>\n    ) : null}\n  </div>\n);\n\nexport const SignInTextField: FC<{\n  label: string;\n  placeholder?: string;\n  value: string;\n  onChange: (value: string) => void;\n  type?: \"url\" | \"password\" | \"text\";\n  className?: string;\n}> = ({ label, placeholder, value, onChange, type = \"text\", className }) => (\n  <label className=\"block space-y-1\">\n    <span className=\"text-[10px] font-semibold uppercase tracking-wide text-muted-foreground\">\n      {label}\n    </span>\n    <input\n      className={cn(\n        \"h-9 w-full rounded-md border bg-background px-2.5 text-xs outline-none focus:ring-2 focus:ring-ring/20\",\n        className,\n      )}\n      type={type}\n      placeholder={placeholder}\n      value={value}\n      onChange={(event: ChangeEvent<HTMLInputElement>) =>\n        onChange(event.target.value)\n      }\n    />\n  </label>\n);\n\n/** Collapsible section under the primary button, for developer-only logins. */\nexport const SignInFallbackSection: FC<{\n  isOpen: boolean;\n  onToggle: () => void;\n  label: string;\n  children: ReactNode;\n}> = ({ isOpen, onToggle, label, children }) => {\n  const contentId = useId();\n  return (\n    <div className=\"border-t pt-3\">\n      <button\n        type=\"button\"\n        aria-expanded={isOpen}\n        aria-controls={contentId}\n        className=\"w-full text-left text-[11px] font-medium text-muted-foreground hover:text-foreground\"\n        onClick={onToggle}\n      >\n        {isOpen ? \"Hide\" : \"Show\"} {label}\n      </button>\n      {isOpen ? (\n        <div id={contentId} className=\"mt-3 space-y-2\">\n          {children}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\n/** Secondary button matching the fallback section's weight. */\nexport const SignInSecondaryButton: FC<{\n  onClick: () => void;\n  disabled?: boolean;\n  children: ReactNode;\n}> = ({ onClick, disabled = false, children }) => (\n  <button\n    type=\"button\"\n    className=\"h-9 w-full rounded-lg border bg-background text-xs font-medium hover:bg-muted disabled:opacity-40\"\n    disabled={disabled}\n    onClick={onClick}\n  >\n    {children}\n  </button>\n);\n\n/** Checkbox + explanatory copy, used for host data-use disclosures. */\nexport const SignInConsent: FC<{\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  children: ReactNode;\n}> = ({ checked, onChange, children }) => (\n  <label className=\"flex cursor-pointer items-start gap-2.5 rounded-lg border bg-muted/30 p-3 text-xs leading-relaxed text-muted-foreground\">\n    <input\n      type=\"checkbox\"\n      className=\"mt-0.5 h-4 w-4 shrink-0 accent-primary\"\n      checked={checked}\n      onChange={(event: ChangeEvent<HTMLInputElement>) =>\n        onChange(event.target.checked)\n      }\n    />\n    <span>{children}</span>\n  </label>\n);\n"],"names":["jsxs","jsx","cn","useId"],"mappings":"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"}

package/dist/chat-ui/auth/sign-in-card.js

@@ -0,0 +1,128 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { cn } from "cnfast";
+const SignInCard = ({
+  buildLabel,
+  subtitle,
+  children,
+  error,
+  notice,
+  primaryLabel,
+  primaryPendingLabel,
+  isPending,
+  disabled = false,
+  onPrimary,
+  footer
+}) => (
+  // `min-h-full` centers the card in hosts whose root is not a flex container.
+  /* @__PURE__ */ jsx("div", { className: "flex min-h-full flex-1 flex-col items-center justify-center bg-muted/20 p-5", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm space-y-5 rounded-2xl border bg-background/95 p-5 shadow-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold tracking-tight text-foreground", children: "Sign in to Athena" }),
+      buildLabel ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: buildLabel }) : null,
+      subtitle ? /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs leading-relaxed text-muted-foreground", children: subtitle }) : null
+    ] }),
+    children ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children }) : null,
+    notice ? /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: notice }) : null,
+    /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", children: error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error }) : null }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "h-10 w-full rounded-lg bg-primary px-4 text-sm font-semibold text-primary-foreground shadow-sm transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-40",
+        onClick: onPrimary,
+        disabled: isPending || disabled,
+        children: isPending ? primaryPendingLabel : primaryLabel
+      }
+    ),
+    footer
+  ] }) })
+);
+const SignInSelect = ({ id, label, value, options, onChange, hint }) => /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+  /* @__PURE__ */ jsx(
+    "label",
+    {
+      htmlFor: id,
+      className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground",
+      children: label
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "select",
+    {
+      id,
+      className: "h-10 w-full rounded-lg border bg-background px-3 text-sm outline-none transition-shadow focus:ring-2 focus:ring-ring/20",
+      value,
+      onChange: (event) => onChange(event.target.value),
+      children: options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+    }
+  ),
+  hint ? /* @__PURE__ */ jsx("p", { className: "px-1 text-[10px] text-muted-foreground", children: hint }) : null
+] });
+const SignInTextField = ({ label, placeholder, value, onChange, type = "text", className }) => /* @__PURE__ */ jsxs("label", { className: "block space-y-1", children: [
+  /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx(
+    "input",
+    {
+      className: cn(
+        "h-9 w-full rounded-md border bg-background px-2.5 text-xs outline-none focus:ring-2 focus:ring-ring/20",
+        className
+      ),
+      type,
+      placeholder,
+      value,
+      onChange: (event) => onChange(event.target.value)
+    }
+  )
+] });
+const SignInFallbackSection = ({ isOpen, onToggle, label, children }) => {
+  const contentId = useId();
+  return /* @__PURE__ */ jsxs("div", { className: "border-t pt-3", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": isOpen,
+        "aria-controls": contentId,
+        className: "w-full text-left text-[11px] font-medium text-muted-foreground hover:text-foreground",
+        onClick: onToggle,
+        children: [
+          isOpen ? "Hide" : "Show",
+          " ",
+          label
+        ]
+      }
+    ),
+    isOpen ? /* @__PURE__ */ jsx("div", { id: contentId, className: "mt-3 space-y-2", children }) : null
+  ] });
+};
+const SignInSecondaryButton = ({ onClick, disabled = false, children }) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    type: "button",
+    className: "h-9 w-full rounded-lg border bg-background text-xs font-medium hover:bg-muted disabled:opacity-40",
+    disabled,
+    onClick,
+    children
+  }
+);
+const SignInConsent = ({ checked, onChange, children }) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-start gap-2.5 rounded-lg border bg-muted/30 p-3 text-xs leading-relaxed text-muted-foreground", children: [
+  /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "checkbox",
+      className: "mt-0.5 h-4 w-4 shrink-0 accent-primary",
+      checked,
+      onChange: (event) => onChange(event.target.checked)
+    }
+  ),
+  /* @__PURE__ */ jsx("span", { children })
+] });
+export {
+  SignInCard,
+  SignInConsent,
+  SignInFallbackSection,
+  SignInSecondaryButton,
+  SignInSelect,
+  SignInTextField
+};
+//# sourceMappingURL=sign-in-card.js.map

package/dist/chat-ui/auth/sign-in-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-in-card.js","sources":["../../../src/chat-ui/auth/sign-in-card.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport type { ChangeEvent, FC, ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nexport const SignInCard: FC<{\n  /** e.g. \"Local build abcd1234\" — shown under the heading when set. */\n  buildLabel?: string | null;\n  subtitle?: ReactNode;\n  /** Environment pickers, consent checkboxes, and other host controls. */\n  children?: ReactNode;\n  error?: string | null;\n  /** Hint shown above the button (e.g. host cannot open a dialog). */\n  notice?: ReactNode;\n  primaryLabel: string;\n  primaryPendingLabel: string;\n  isPending: boolean;\n  disabled?: boolean;\n  onPrimary: () => void;\n  /** Developer fallbacks and other secondary affordances. */\n  footer?: ReactNode;\n}> = ({\n  buildLabel,\n  subtitle,\n  children,\n  error,\n  notice,\n  primaryLabel,\n  primaryPendingLabel,\n  isPending,\n  disabled = false,\n  onPrimary,\n  footer,\n}) => (\n  // `min-h-full` centers the card in hosts whose root is not a flex container.\n  <div className=\"flex min-h-full flex-1 flex-col items-center justify-center bg-muted/20 p-5\">\n    <div className=\"w-full max-w-sm space-y-5 rounded-2xl border bg-background/95 p-5 shadow-sm\">\n      <div className=\"text-center\">\n        <h2 className=\"text-base font-semibold tracking-tight text-foreground\">\n          Sign in to Athena\n        </h2>\n        {buildLabel ? (\n          <p className=\"mt-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n            {buildLabel}\n          </p>\n        ) : null}\n        {subtitle ? (\n          <p className=\"mt-1.5 text-xs leading-relaxed text-muted-foreground\">\n            {subtitle}\n          </p>\n        ) : null}\n      </div>\n\n      {children ? <div className=\"space-y-3\">{children}</div> : null}\n\n      {notice ? (\n        <p className=\"text-xs leading-relaxed text-muted-foreground\">{notice}</p>\n      ) : null}\n      <div role=\"status\" aria-live=\"polite\">\n        {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n      </div>\n\n      <button\n        type=\"button\"\n        className=\"h-10 w-full rounded-lg bg-primary px-4 text-sm font-semibold text-primary-foreground shadow-sm transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-40\"\n        onClick={onPrimary}\n        disabled={isPending || disabled}\n      >\n        {isPending ? primaryPendingLabel : primaryLabel}\n      </button>\n\n      {footer}\n    </div>\n  </div>\n);\n\nexport const SignInSelect: FC<{\n  id: string;\n  label: string;\n  value: string;\n  options: ReadonlyArray<{ label: string; value: string }>;\n  onChange: (value: string) => void;\n  /** Resolved endpoint shown under the select. */\n  hint?: string | null;\n}> = ({ id, label, value, options, onChange, hint }) => (\n  <div className=\"space-y-1.5\">\n    <label\n      htmlFor={id}\n      className=\"text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\"\n    >\n      {label}\n    </label>\n    <select\n      id={id}\n      className=\"h-10 w-full rounded-lg border bg-background px-3 text-sm outline-none transition-shadow focus:ring-2 focus:ring-ring/20\"\n      value={value}\n      onChange={(event: ChangeEvent<HTMLSelectElement>) =>\n        onChange(event.target.value)\n      }\n    >\n      {options.map((option) => (\n        <option key={option.value} value={option.value}>\n          {option.label}\n        </option>\n      ))}\n    </select>\n    {hint ? (\n      <p className=\"px-1 text-[10px] text-muted-foreground\">{hint}</p>\n    ) : null}\n  </div>\n);\n\nexport const SignInTextField: FC<{\n  label: string;\n  placeholder?: string;\n  value: string;\n  onChange: (value: string) => void;\n  type?: \"url\" | \"password\" | \"text\";\n  className?: string;\n}> = ({ label, placeholder, value, onChange, type = \"text\", className }) => (\n  <label className=\"block space-y-1\">\n    <span className=\"text-[10px] font-semibold uppercase tracking-wide text-muted-foreground\">\n      {label}\n    </span>\n    <input\n      className={cn(\n        \"h-9 w-full rounded-md border bg-background px-2.5 text-xs outline-none focus:ring-2 focus:ring-ring/20\",\n        className,\n      )}\n      type={type}\n      placeholder={placeholder}\n      value={value}\n      onChange={(event: ChangeEvent<HTMLInputElement>) =>\n        onChange(event.target.value)\n      }\n    />\n  </label>\n);\n\n/** Collapsible section under the primary button, for developer-only logins. */\nexport const SignInFallbackSection: FC<{\n  isOpen: boolean;\n  onToggle: () => void;\n  label: string;\n  children: ReactNode;\n}> = ({ isOpen, onToggle, label, children }) => {\n  const contentId = useId();\n  return (\n    <div className=\"border-t pt-3\">\n      <button\n        type=\"button\"\n        aria-expanded={isOpen}\n        aria-controls={contentId}\n        className=\"w-full text-left text-[11px] font-medium text-muted-foreground hover:text-foreground\"\n        onClick={onToggle}\n      >\n        {isOpen ? \"Hide\" : \"Show\"} {label}\n      </button>\n      {isOpen ? (\n        <div id={contentId} className=\"mt-3 space-y-2\">\n          {children}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\n/** Secondary button matching the fallback section's weight. */\nexport const SignInSecondaryButton: FC<{\n  onClick: () => void;\n  disabled?: boolean;\n  children: ReactNode;\n}> = ({ onClick, disabled = false, children }) => (\n  <button\n    type=\"button\"\n    className=\"h-9 w-full rounded-lg border bg-background text-xs font-medium hover:bg-muted disabled:opacity-40\"\n    disabled={disabled}\n    onClick={onClick}\n  >\n    {children}\n  </button>\n);\n\n/** Checkbox + explanatory copy, used for host data-use disclosures. */\nexport const SignInConsent: FC<{\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  children: ReactNode;\n}> = ({ checked, onChange, children }) => (\n  <label className=\"flex cursor-pointer items-start gap-2.5 rounded-lg border bg-muted/30 p-3 text-xs leading-relaxed text-muted-foreground\">\n    <input\n      type=\"checkbox\"\n      className=\"mt-0.5 h-4 w-4 shrink-0 accent-primary\"\n      checked={checked}\n      onChange={(event: ChangeEvent<HTMLInputElement>) =>\n        onChange(event.target.checked)\n      }\n    />\n    <span>{children}</span>\n  </label>\n);\n"],"names":[],"mappings":"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"}

package/dist/chat-ui/composer/composer-action.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function resolveComposerAction({
+  hasDraft,
+  isRunning
+}) {
+  if (!isRunning) return "send";
+  return hasDraft ? "queue" : "stop";
+}
+exports.resolveComposerAction = resolveComposerAction;
+//# sourceMappingURL=composer-action.cjs.map

package/dist/chat-ui/composer/composer-action.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer-action.cjs","sources":["../../../src/chat-ui/composer/composer-action.ts"],"sourcesContent":["export type ComposerAction = \"send\" | \"queue\" | \"stop\";\n\n/**\n * Statewire queues a mid-run send server-side, so a draft during an active\n * run queues behind it; with nothing to queue, the control stops the run.\n */\nexport function resolveComposerAction({\n  hasDraft,\n  isRunning,\n}: {\n  hasDraft: boolean;\n  isRunning: boolean;\n}): ComposerAction {\n  if (!isRunning) return \"send\";\n  return hasDraft ? \"queue\" : \"stop\";\n}\n"],"names":[],"mappings":";;AAMO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAGmB;AACjB,MAAI,CAAC,UAAW,QAAO;AACvB,SAAO,WAAW,UAAU;AAC9B;;"}

package/dist/chat-ui/composer/composer-action.d.ts

@@ -1,12 +1,9 @@
 export type ComposerAction = "send" | "queue" | "stop";
-export declare function resolveComposerAction({ hasDraft, isRunning, canQueue, }: {
+/**
+ * Statewire queues a mid-run send server-side, so a draft during an active
+ * run queues behind it; with nothing to queue, the control stops the run.
+ */
+export declare function resolveComposerAction({ hasDraft, isRunning, }: {
     hasDraft: boolean;
     isRunning: boolean;
-    /**
-     * Whether a draft may be queued behind an active run. Transports without a
-     * server-owned queue (the SDK's legacy assistant-transport) pass false so a
-     * running thread always resolves to stop — a mid-run dispatch there would
-     * orphan the in-flight run.
-     */
-    canQueue?: boolean;
 }): ComposerAction;

package/dist/chat-ui/composer/composer-action.js

@@ -0,0 +1,11 @@
+function resolveComposerAction({
+  hasDraft,
+  isRunning
+}) {
+  if (!isRunning) return "send";
+  return hasDraft ? "queue" : "stop";
+}
+export {
+  resolveComposerAction
+};
+//# sourceMappingURL=composer-action.js.map

package/dist/chat-ui/composer/composer-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer-action.js","sources":["../../../src/chat-ui/composer/composer-action.ts"],"sourcesContent":["export type ComposerAction = \"send\" | \"queue\" | \"stop\";\n\n/**\n * Statewire queues a mid-run send server-side, so a draft during an active\n * run queues behind it; with nothing to queue, the control stops the run.\n */\nexport function resolveComposerAction({\n  hasDraft,\n  isRunning,\n}: {\n  hasDraft: boolean;\n  isRunning: boolean;\n}): ComposerAction {\n  if (!isRunning) return \"send\";\n  return hasDraft ? \"queue\" : \"stop\";\n}\n"],"names":[],"mappings":"AAMO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAGmB;AACjB,MAAI,CAAC,UAAW,QAAO;AACvB,SAAO,WAAW,UAAU;AAC9B;"}

package/dist/chat-ui/composer/pending-attachment-uploads.cjs

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+class PendingAttachmentUploads {
+  constructor() {
+    __publicField(this, "pending", /* @__PURE__ */ new Set());
+  }
+  track(upload) {
+    this.pending.add(upload);
+    void upload.then(
+      () => this.pending.delete(upload),
+      () => this.pending.delete(upload)
+    );
+    return upload;
+  }
+  async waitForIdle() {
+    while (this.pending.size > 0) {
+      await Promise.allSettled([...this.pending]);
+    }
+  }
+}
+exports.PendingAttachmentUploads = PendingAttachmentUploads;
+//# sourceMappingURL=pending-attachment-uploads.cjs.map

package/dist/chat-ui/composer/pending-attachment-uploads.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pending-attachment-uploads.cjs","sources":["../../../src/chat-ui/composer/pending-attachment-uploads.ts"],"sourcesContent":["export class PendingAttachmentUploads {\n\tprivate readonly pending = new Set<Promise<void>>();\n\n\ttrack(upload: Promise<void>): Promise<void> {\n\t\tthis.pending.add(upload);\n\t\tvoid upload.then(\n\t\t\t() => this.pending.delete(upload),\n\t\t\t() => this.pending.delete(upload),\n\t\t);\n\t\treturn upload;\n\t}\n\n\tasync waitForIdle(): Promise<void> {\n\t\twhile (this.pending.size > 0) {\n\t\t\tawait Promise.allSettled([...this.pending]);\n\t\t}\n\t}\n}\n"],"names":[],"mappings":";;;;;AAAO,MAAM,yBAAyB;AAAA,EAA/B;AACW,uDAAc,IAAA;AAAA;AAAA,EAE/B,MAAM,QAAsC;AAC3C,SAAK,QAAQ,IAAI,MAAM;AACvB,SAAK,OAAO;AAAA,MACX,MAAM,KAAK,QAAQ,OAAO,MAAM;AAAA,MAChC,MAAM,KAAK,QAAQ,OAAO,MAAM;AAAA,IAAA;AAEjC,WAAO;AAAA,EACR;AAAA,EAEA,MAAM,cAA6B;AAClC,WAAO,KAAK,QAAQ,OAAO,GAAG;AAC7B,YAAM,QAAQ,WAAW,CAAC,GAAG,KAAK,OAAO,CAAC;AAAA,IAC3C;AAAA,EACD;AACD;;"}

package/dist/chat-ui/composer/pending-attachment-uploads.js

@@ -0,0 +1,25 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+class PendingAttachmentUploads {
+  constructor() {
+    __publicField(this, "pending", /* @__PURE__ */ new Set());
+  }
+  track(upload) {
+    this.pending.add(upload);
+    void upload.then(
+      () => this.pending.delete(upload),
+      () => this.pending.delete(upload)
+    );
+    return upload;
+  }
+  async waitForIdle() {
+    while (this.pending.size > 0) {
+      await Promise.allSettled([...this.pending]);
+    }
+  }
+}
+export {
+  PendingAttachmentUploads
+};
+//# sourceMappingURL=pending-attachment-uploads.js.map

package/dist/chat-ui/composer/pending-attachment-uploads.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pending-attachment-uploads.js","sources":["../../../src/chat-ui/composer/pending-attachment-uploads.ts"],"sourcesContent":["export class PendingAttachmentUploads {\n\tprivate readonly pending = new Set<Promise<void>>();\n\n\ttrack(upload: Promise<void>): Promise<void> {\n\t\tthis.pending.add(upload);\n\t\tvoid upload.then(\n\t\t\t() => this.pending.delete(upload),\n\t\t\t() => this.pending.delete(upload),\n\t\t);\n\t\treturn upload;\n\t}\n\n\tasync waitForIdle(): Promise<void> {\n\t\twhile (this.pending.size > 0) {\n\t\t\tawait Promise.allSettled([...this.pending]);\n\t\t}\n\t}\n}\n"],"names":[],"mappings":";;;AAAO,MAAM,yBAAyB;AAAA,EAA/B;AACW,uDAAc,IAAA;AAAA;AAAA,EAE/B,MAAM,QAAsC;AAC3C,SAAK,QAAQ,IAAI,MAAM;AACvB,SAAK,OAAO;AAAA,MACX,MAAM,KAAK,QAAQ,OAAO,MAAM;AAAA,MAChC,MAAM,KAAK,QAAQ,OAAO,MAAM;AAAA,IAAA;AAEjC,WAAO;AAAA,EACR;AAAA,EAEA,MAAM,cAA6B;AAClC,WAAO,KAAK,QAAQ,OAAO,GAAG;AAC7B,YAAM,QAAQ,WAAW,CAAC,GAAG,KAAK,OAAO,CAAC;AAAA,IAC3C;AAAA,EACD;AACD;"}