basalt-ui 1.26.0 → 1.28.0

package/configs/oxlint.json

@@ -34,12 +34,19 @@
     "basalt/raw-scroll-container": "error",
     "basalt/hand-rolled-filter": "error",
     "basalt/control-outside-home": "warn",
-    "basalt/control-size-literal": "warn",
+    "basalt/bound-control-outside-home": "warn",
+    "basalt/control-size-literal": "error",
     "basalt/page-bar-budget": "error",
-    "basalt/in-body-page-title": "warn",
-    "basalt/responsive-twin": "warn",
-    "basalt/search-literal-link": "warn",
-    "basalt/use-search-from-literal": "warn",
+    "basalt/in-body-page-title": "error",
+    "basalt/responsive-twin": "error",
+    "basalt/search-literal-link": "error",
+    "basalt/use-search-from-literal": "error",
+    "basalt/provider-above-router": "warn",
+    "basalt/duplicate-notifications-mount": "warn",
+    "basalt/query-dual-import": "warn",
+    "basalt/query-fn-unwrap": "warn",
+    "basalt/deprecated-export": "warn",
+    "basalt/forms-field-key": "warn",
     "basalt/visx-boundary": "error",
     "basalt/visx-tooltip": "error",
     "basalt/agent-resume-guard": "error",

package/dist/agent/coalesce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coalesce.d.ts","sourceRoot":"","sources":["../../src/agent/coalesce.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,OAAO,KAAK,EAAE,SAAS,EAAyC,MAAM,SAAS,CAAA;AA8I/E,wBAAgB,aAAa,CAAC,KAAK,SAAS,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,EAAE,GAAG,KAAK,EAAE,CA+CvF"}
+{"version":3,"file":"coalesce.d.ts","sourceRoot":"","sources":["../../src/agent/coalesce.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,OAAO,KAAK,EAAE,SAAS,EAAyC,MAAM,SAAS,CAAA;AA+I/E,wBAAgB,aAAa,CAAC,KAAK,SAAS,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,EAAE,GAAG,KAAK,EAAE,CA+CvF"}

package/dist/agent/coalesce.js

@@ -1,3 +1,4 @@
+import { isDev } from "../utils/is-dev.js";
 function isTextLikeType(type) {
   return type === "text" || type === "reasoning";
 }
@@ -83,7 +84,7 @@ function mergeToolPart(existing, next) {
     default: {
       const unhandled = next;
       const fallback = unhandled;
-      if (process.env["NODE_ENV"] !== "production") {
+      if (isDev()) {
         console.warn(
           `[basalt] coalesceParts: unrecognized tool state ${JSON.stringify(fallback.state)} \u2014 kept, merged best-effort`
         );

package/dist/agent/merge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../src/agent/merge.ts"],"names":[],"mappings":"AAkCA;iGACiG;AACjG,MAAM,MAAM,QAAQ,GAAG;IAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAoDrE,wBAAgB,SAAS,CAAC,KAAK,SAAS,QAAQ,EAAE,KAAK,EAAE,SAAS,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,GAAG,KAAK,EAAE,CAyB/F"}
+{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../src/agent/merge.ts"],"names":[],"mappings":"AAmCA;iGACiG;AACjG,MAAM,MAAM,QAAQ,GAAG;IAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAoDrE,wBAAgB,SAAS,CAAC,KAAK,SAAS,QAAQ,EAAE,KAAK,EAAE,SAAS,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,GAAG,KAAK,EAAE,CAyB/F"}

package/dist/agent/merge.js

@@ -1,3 +1,4 @@
+import { isDev } from "../utils/is-dev.js";
 function isTextLikeType(type) {
   return type === "text" || type === "reasoning";
 }
@@ -7,7 +8,7 @@ function spliceText(existingText, next) {
 }
 function clampOffset(offset, length) {
   const clamped = Number.isFinite(offset) ? Math.min(Math.max(offset, 0), length) : length;
-  if (clamped !== offset && process.env["NODE_ENV"] !== "production") {
+  if (clamped !== offset && isDev()) {
     console.warn(
       `[basalt] mergePart: text offset ${offset} out of range [0, ${length}] \u2014 clamped to ${clamped}`
     );

package/dist/agent/part-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"part-list.d.ts","sourceRoot":"","sources":["../../src/agent/part-list.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,KAAK,EACV,SAAS,EAMV,MAAM,SAAS,CAAA;AAIhB;;;;;;;GAOG;AACH,KAAK,cAAc,CAAC,KAAK,IAAI;IAC3B,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI,CAClE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,KACpD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;AAEvB,MAAM,MAAM,qBAAqB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI,CACvE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,CAAC,CAAC,KACzD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;AAEvB,MAAM,MAAM,oBAAoB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI,CACtE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,KACpD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;AAEvB,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI,CACpE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC,KACtD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;AAEvB,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI,CACnE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC,KACrD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;AAEvB;;;;;;;;;GASG;AACH,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI;IACpE,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACtC,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAA;IAChD,QAAQ,CAAC,IAAI,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC1C,QAAQ,CAAC,MAAM,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAA;IAC1C,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;CACzC,CAAA;AAqJD,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI;IAC/D,iDAAiD;IACjD,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,CAAA;IACvB;;;;OAIG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAA;IACxD;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,QAAQ,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,EAC5D,KAAK,EACL,UAAU,EACV,OAAc,GACf,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,CAoFpC"}
+{"version":3,"file":"part-list.d.ts","sourceRoot":"","sources":["../../src/agent/part-list.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAIhC,OAAO,KAAK,EACV,SAAS,EAMV,MAAM,SAAS,CAAA;AAIhB;;;;;;;GAOG;AACH,KAAK,cAAc,CAAC,KAAK,IAAI;IAC3B,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI,CAClE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,KACpD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;AAEvB,MAAM,MAAM,qBAAqB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI,CACvE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,CAAC,CAAC,KACzD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;AAEvB,MAAM,MAAM,oBAAoB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI,CACtE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,KACpD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;AAEvB,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI,CACpE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC,KACtD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;AAEvB,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI,CACnE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC,KACrD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;AAEvB;;;;;;;;;GASG;AACH,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI;IACpE,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACtC,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAA;IAChD,QAAQ,CAAC,IAAI,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC1C,QAAQ,CAAC,MAAM,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAA;IAC1C,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;CACzC,CAAA;AAqJD,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI;IAC/D,iDAAiD;IACjD,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,CAAA;IACvB;;;;OAIG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAA;IACxD;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,QAAQ,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,EAC5D,KAAK,EACL,UAAU,EACV,OAAc,GACf,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,CAqFpC"}

package/dist/agent/part-list.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, useMemo } from "react";
+import { assertRequiredProps } from "../common/validate.js";
 import { assertNever } from "../register.js";
 import { alpha, VX } from "../tokens/index.js";
 const MICRO_LABEL_STYLE = {
@@ -110,6 +111,7 @@ function PartList({
   components,
   settled = true
 }) {
+  assertRequiredProps("PartList", { parts }, ["parts"]);
   const renderers = useMemo(
     () => ({ ...DEFAULT_RENDERERS, ...components }),
     [components]

package/dist/agent/stick-to-bottom.d.ts

@@ -1,10 +1,7 @@
-import type { CSSProperties, JSX, ReactNode } from 'react';
-export type BasaltStickToBottomProps = {
+import type { JSX, ReactNode } from 'react';
+import type { BasaltProps } from '../common/props.js';
+export type BasaltStickToBottomProps = BasaltProps & {
     readonly children: ReactNode;
-    /** Applied to the scroll content container. */
-    readonly className?: string;
-    /** Applied to the outer StickToBottom element. */
-    readonly style?: CSSProperties;
 };
 /**
  * Auto-scrolling chat container — sticks to the bottom as content grows, surfaces a

package/dist/agent/stick-to-bottom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stick-to-bottom.d.ts","sourceRoot":"","sources":["../../src/agent/stick-to-bottom.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAwF1D,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,+CAA+C;IAC/C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,kDAAkD;IAClD,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAC/B,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAcxC"}
+{"version":3,"file":"stick-to-bottom.d.ts","sourceRoot":"","sources":["../../src/agent/stick-to-bottom.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAiB,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAuFlD,MAAM,MAAM,wBAAwB,GAAG,WAAW,GAAG;IACnD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAgBxC"}

package/dist/agent/stick-to-bottom.js

@@ -56,6 +56,7 @@ const LazyStickToBottom = lazy(
     return { default: StickToBottomWrapper };
   }).catch(() => ({ default: PlainContainerFallback }))
 );
+Object.assign(LazyStickToBottom, { displayName: "LazyStickToBottom" });
 function BasaltStickToBottom({
   children,
   className,
@@ -64,9 +65,11 @@ function BasaltStickToBottom({
   const fallbackProps = {};
   if (className !== void 0) fallbackProps.className = className;
   if (style !== void 0) fallbackProps.style = style;
-  const lazyProps = { children };
-  if (className !== void 0) lazyProps.className = className;
-  if (style !== void 0) lazyProps.style = style;
+  const lazyProps = {
+    children,
+    ...className !== void 0 && { className },
+    ...style !== void 0 && { style }
+  };
   return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { ...fallbackProps, children }), children: /* @__PURE__ */ jsx(LazyStickToBottom, { ...lazyProps }) });
 }
 export {

package/dist/agent-chat/composer.d.ts

@@ -1,4 +1,5 @@
 import type { ClipboardEvent, JSX, ReactNode, Ref } from 'react';
+import type { BasaltProps, SlotStylesProps } from '../common/props.js';
 export type ComposerAttachment = {
     readonly id: string;
     readonly name: string;
@@ -57,7 +58,10 @@ export type ComposerHandle = {
     /** Focuses the textarea. */
     readonly focus: () => void;
 };
-export type ComposerProps = {
+/** The three boxes `Composer` paints: `root` is the outer stack, `input` is the `Textarea`,
+ * `actions` is the Stop/Send action-button group. */
+export type ComposerSlot = 'root' | 'input' | 'actions';
+export type ComposerProps = BasaltProps & SlotStylesProps<ComposerSlot> & {
     /** Imperative write/focus handle — see `ComposerHandle`. */
     readonly ref?: Ref<ComposerHandle>;
     /**
@@ -136,5 +140,5 @@ export type ComposerProps = {
  * @example
  * <Composer onSubmit={({ text }) => onSend(text)} streaming={streaming} onStop={stop} />
  */
-export declare function Composer({ ref, onSubmit, placeholder, autoFocus, maxRows, disabled, streaming, allowSubmitWhileStreaming, onStop, leftSection, rightSection, attachments, onAttachmentsChange, onPaste, draftKey, hint, }: ComposerProps): JSX.Element;
+export declare function Composer({ ref, onSubmit, placeholder, autoFocus, maxRows, disabled, streaming, allowSubmitWhileStreaming, onStop, leftSection, rightSection, attachments, onAttachmentsChange, onPaste, draftKey, hint, className, style, classNames, }: ComposerProps): JSX.Element;
 //# sourceMappingURL=composer.d.ts.map

package/dist/agent-chat/composer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"composer.d.ts","sourceRoot":"","sources":["../../src/agent-chat/composer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"composer.d.ts","sourceRoot":"","sources":["../../src/agent-chat/composer.tsx"],"names":[],"mappings":"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"}

package/dist/agent-chat/composer.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ActionIcon, Group, Kbd, Stack, Text, Textarea } from "@mantine/core";
 import { useImperativeHandle, useLayoutEffect, useRef, useSyncExternalStore } from "react";
+import { cx } from "../common/props.js";
 import { readPersistedValue } from "../state.js";
 import { VX } from "../tokens/index.js";
 function SendGlyph() {
@@ -121,7 +122,10 @@ function Composer({
   onAttachmentsChange,
   onPaste,
   draftKey,
-  hint
+  hint,
+  className,
+  style,
+  classNames
 }) {
   const memoryStore = useRef(null);
   memoryStore.current ??= createDraftStore(null);
@@ -215,38 +219,50 @@ function Composer({
   if (placeholder !== void 0) textareaProps.placeholder = placeholder;
   if (autoFocus !== void 0) textareaProps.autoFocus = autoFocus;
   if (onPaste !== void 0) textareaProps.onPaste = onPaste;
-  return /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
-    /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "flex-end", wrap: "nowrap", children: [
-      leftSection,
-      /* @__PURE__ */ jsx(Textarea, { ...textareaProps, ref: textareaRef }),
-      rightSection,
-      showStop ? /* @__PURE__ */ jsx(
-        ActionIcon,
-        {
-          size: 42,
-          radius: "md",
-          variant: "filled",
-          color: "red",
-          onClick: onStop,
-          "aria-label": "Stop generating",
-          children: /* @__PURE__ */ jsx(StopGlyph, {})
-        }
-      ) : null,
-      showSend ? /* @__PURE__ */ jsx(
-        ActionIcon,
-        {
-          size: 42,
-          radius: "md",
-          variant: "filled",
-          onClick: submit,
-          disabled: inputDisabled || !hasPayload,
-          "aria-label": "Send message",
-          children: /* @__PURE__ */ jsx(SendGlyph, {})
-        }
-      ) : null
-    ] }),
-    hint === void 0 ? /* @__PURE__ */ jsx(DefaultHint, {}) : hint
-  ] });
+  if (classNames?.input !== void 0) textareaProps.className = cx(classNames.input);
+  const showActions = showStop || showSend;
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      gap: 6,
+      className: cx(classNames?.root, className),
+      ...style !== void 0 && { style },
+      children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "flex-end", wrap: "nowrap", children: [
+          leftSection,
+          /* @__PURE__ */ jsx(Textarea, { ...textareaProps, ref: textareaRef }),
+          rightSection,
+          showActions && /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", className: cx(classNames?.actions), children: [
+            showStop ? /* @__PURE__ */ jsx(
+              ActionIcon,
+              {
+                size: 42,
+                radius: "md",
+                variant: "filled",
+                color: "red",
+                onClick: onStop,
+                "aria-label": "Stop generating",
+                children: /* @__PURE__ */ jsx(StopGlyph, {})
+              }
+            ) : null,
+            showSend ? /* @__PURE__ */ jsx(
+              ActionIcon,
+              {
+                size: 42,
+                radius: "md",
+                variant: "filled",
+                onClick: submit,
+                disabled: inputDisabled || !hasPayload,
+                "aria-label": "Send message",
+                children: /* @__PURE__ */ jsx(SendGlyph, {})
+              }
+            ) : null
+          ] })
+        ] }),
+        hint === void 0 ? /* @__PURE__ */ jsx(DefaultHint, {}) : hint
+      ]
+    }
+  );
 }
 export {
   Composer

package/dist/agent-chat/relative-time.d.ts

@@ -1,12 +1,3 @@
-/**
- * formatRelativeTime — dependency-free relative-time formatting (no date-fns).
- *
- * Shared between `ThreadOutcomeCard` (inbox row timestamps) and `ThreadTranscript` (per-message
- * timestamps). 'en'-hardcoded for now — see the module-level note below for the deferred locale
- * seam.
- *
- * Internal to `agent-chat/` — not part of the public barrel.
- */
 /**
  * Formats an epoch-ms timestamp as a short relative string ("3 hours ago", "just now").
  *

package/dist/agent-chat/relative-time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"relative-time.d.ts","sourceRoot":"","sources":["../../src/agent-chat/relative-time.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAgBH;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAc5D"}
+{"version":3,"file":"relative-time.d.ts","sourceRoot":"","sources":["../../src/agent-chat/relative-time.ts"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAc5D"}

package/dist/agent-chat/relative-time.js

@@ -1,3 +1,4 @@
+import { isDev } from "../utils/is-dev.js";
 const RELATIVE_TIME_FORMAT = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
 const RELATIVE_TIME_UNITS = [
   { unit: "year", ms: 31536e6 },
@@ -9,7 +10,7 @@ const RELATIVE_TIME_UNITS = [
 ];
 function formatRelativeTime(timestamp) {
   if (!Number.isFinite(timestamp)) {
-    if (process.env["NODE_ENV"] !== "production") {
+    if (isDev()) {
       console.warn(
         `[basalt] formatRelativeTime: non-finite timestamp ${String(timestamp)} \u2014 rendering empty string`
       );

package/dist/agent-chat/thread-detail-panel.d.ts

@@ -1,6 +1,7 @@
 import type { JSX } from 'react';
 import type { AgentPart, AgentThread, StreamStatus } from '../agent/index.js';
-export type ThreadDetailPanelProps = {
+import type { BasaltProps } from '../common/props.js';
+export type ThreadDetailPanelProps = BasaltProps & {
     /** The open thread, or null when nothing is selected (renders an empty-state hint). */
     readonly thread: AgentThread | null;
     /** The live (in-flight) assistant turn's parts for this thread, if a run is streaming. */
@@ -23,5 +24,5 @@ export type ThreadDetailPanelProps = {
  * @example
  * <ThreadDetailPanel thread={thread} runStatus={runStatus} onSend={send} onStop={stop} onClose={close} />
  */
-export declare function ThreadDetailPanel({ thread, liveParts, runStatus, onSend, onStop, onClose, onRetry, }: ThreadDetailPanelProps): JSX.Element;
+export declare function ThreadDetailPanel({ thread, liveParts, runStatus, onSend, onStop, onClose, onRetry, className, style, }: ThreadDetailPanelProps): JSX.Element;
 //# sourceMappingURL=thread-detail-panel.d.ts.map

package/dist/agent-chat/thread-detail-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thread-detail-panel.d.ts","sourceRoot":"","sources":["../../src/agent-chat/thread-detail-panel.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAiDpE,MAAM,MAAM,sBAAsB,GAAG;IACnC,uFAAuF;IACvF,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IACnC,0FAA0F;IAC1F,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAA;IAChC,4FAA4F;IAC5F,QAAQ,CAAC,SAAS,CAAC,EAAE,YAAY,CAAA;IACjC,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,SAAS,EACT,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,GACR,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAyFtC"}
+{"version":3,"file":"thread-detail-panel.d.ts","sourceRoot":"","sources":["../../src/agent-chat/thread-detail-panel.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAgDlD,MAAM,MAAM,sBAAsB,GAAG,WAAW,GAAG;IACjD,uFAAuF;IACvF,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IACnC,0FAA0F;IAC1F,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAA;IAChC,4FAA4F;IAC5F,QAAQ,CAAC,SAAS,CAAC,EAAE,YAAY,CAAA;IACjC,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,SAAS,EACT,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAyFtC"}

package/dist/agent-chat/thread-detail-panel.js

@@ -3,6 +3,7 @@ import { ActionIcon, Alert, Box, Button, Divider, Flex, Stack, Text } from "@man
 import { useReducedMotion } from "@mantine/hooks";
 import { motion } from "motion/react";
 import { BasaltStickToBottom } from "../agent/index.js";
+import { cx } from "../common/props.js";
 import { MOTION_SPRING } from "../motion/index.js";
 import { Composer } from "./composer.js";
 import { ThreadTranscript } from "./thread-message.js";
@@ -19,8 +20,8 @@ function CloseGlyph() {
     }
   ) });
 }
-function EmptyPanel() {
-  return /* @__PURE__ */ jsx(Box, { p: "xl", style: { height: "100%" }, children: /* @__PURE__ */ jsxs(Stack, { align: "center", justify: "center", gap: 4, h: "100%", children: [
+function EmptyPanel({ className, style }) {
+  return /* @__PURE__ */ jsx(Box, { p: "xl", className: cx(className), style: { height: "100%", ...style }, children: /* @__PURE__ */ jsxs(Stack, { align: "center", justify: "center", gap: 4, h: "100%", children: [
     /* @__PURE__ */ jsx(Text, { fw: 550, style: { fontFamily: "var(--basalt-font-head)", fontStretch: "88%" }, children: "No thread selected" }),
     /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ta: "center", children: "Pick a thread from the feed to see its transcript." })
   ] }) });
@@ -39,12 +40,14 @@ function ThreadDetailPanel({
   onSend,
   onStop,
   onClose,
-  onRetry
+  onRetry,
+  className,
+  style
 }) {
   const reduceMotion = useReducedMotion();
-  if (thread === null) return /* @__PURE__ */ jsx(EmptyPanel, {});
+  if (thread === null) return /* @__PURE__ */ jsx(EmptyPanel, { className, style });
   const streaming = runStatus === "streaming";
-  const panel = /* @__PURE__ */ jsxs(Flex, { direction: "column", h: "100%", children: [
+  const panel = /* @__PURE__ */ jsxs(Flex, { direction: "column", h: "100%", className: cx(className), style, children: [
     /* @__PURE__ */ jsxs(Flex, { p: "sm", align: "center", justify: "space-between", children: [
       /* @__PURE__ */ jsx(
         Text,

package/dist/agent-chat/thread-feed-row.d.ts

@@ -1,5 +1,6 @@
 import type { JSX } from 'react';
 import type { AgentThread, ForeignPart, PartRenderer, PartRenderers, StreamStatus, TranscriptPart } from '../agent/index.js';
+import type { BasaltProps } from '../common/props.js';
 import type { ComposerProps, ComposerSubmit } from './composer.js';
 import type { MessageAffordances } from './message-affordances.js';
 import type { VirtualizeProps } from './virtualize.js';
@@ -51,7 +52,7 @@ type ThreadFeedRowBase = {
  * of the body growing to the thread's full length). Omit both and the row's transcript is
  * content-sized, as before.
  */
-export type ThreadFeedRowProps = ThreadFeedRowBase & VirtualizeProps;
+export type ThreadFeedRowProps = ThreadFeedRowBase & VirtualizeProps & BasaltProps;
 /**
  * One inline-expanding thread row: a header (title + relative timestamp) that toggles a lazily
  * mounted, kept-mounted transcript + composer body. See the module doc for the mount lifecycle

package/dist/agent-chat/thread-feed-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thread-feed-row.d.ts","sourceRoot":"","sources":["../../src/agent-chat/thread-feed-row.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAA;AAEjB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAI/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AA6BnD,KAAK,iBAAiB,GAAG;IACvB;;;;;;;;OAQG;IACH,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;IAC5C,wEAAwE;IACxE,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,wEAAwE;IACxE,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,4FAA4F;IAC5F,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,cAAc,EAAE,CAAA;IAC9C,kFAAkF;IAClF,QAAQ,CAAC,UAAU,CAAC,EAAE,YAAY,CAAA;IAClC,8EAA8E;IAC9E,QAAQ,CAAC,SAAS,CAAC,EAAE,aAAa,CAAA;IAClC,8DAA8D;IAC9D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACrD;;;;OAIG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAA;IACzC;uBACmB;IACnB,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IACnC,iDAAiD;IACjD,QAAQ,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAA;IAClD,8EAA8E;IAC9E,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B;;kEAE8D;IAC9D,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,QAAQ,GAAG,WAAW,CAAC,CAAA;CAClF,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,eAAe,CAAA;AASpE;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA8HpE"}
+{"version":3,"file":"thread-feed-row.d.ts","sourceRoot":"","sources":["../../src/agent-chat/thread-feed-row.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAA;AAEjB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAGlD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAI/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAsCnD,KAAK,iBAAiB,GAAG;IACvB;;;;;;;;OAQG;IACH,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;IAC5C,wEAAwE;IACxE,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,wEAAwE;IACxE,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,4FAA4F;IAC5F,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,cAAc,EAAE,CAAA;IAC9C,kFAAkF;IAClF,QAAQ,CAAC,UAAU,CAAC,EAAE,YAAY,CAAA;IAClC,8EAA8E;IAC9E,QAAQ,CAAC,SAAS,CAAC,EAAE,aAAa,CAAA;IAClC,8DAA8D;IAC9D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACrD;;;;OAIG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAA;IACzC;uBACmB;IACnB,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IACnC,iDAAiD;IACjD,QAAQ,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAA;IAClD,8EAA8E;IAC9E,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B;;kEAE8D;IAC9D,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,QAAQ,GAAG,WAAW,CAAC,CAAA;CAClF,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,eAAe,GAAG,WAAW,CAAA;AASlF;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA0HpE"}

package/dist/agent-chat/thread-feed-row.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Group, Stack, Text, UnstyledButton } from "@mantine/core";
 import { useState } from "react";
+import { cx } from "../common/props.js";
+import { assertRequiredProps } from "../common/validate.js";
 import { VX } from "../tokens/index.js";
 import { Composer } from "./composer.js";
 import { formatRelativeTime } from "./relative-time.js";
@@ -33,6 +35,12 @@ function ChevronGlyph({ expanded }) {
     }
   );
 }
+const CARD_STYLE = {
+  borderRadius: VX.radiusCard,
+  boxShadow: VX.shadowCard,
+  backgroundColor: VX.surface.panel,
+  overflow: "hidden"
+};
 function rowTitle(thread) {
   return thread.outcome?.title ?? "Untitled thread";
 }
@@ -49,8 +57,11 @@ function ThreadFeedRow(props) {
     groupConsecutive,
     onSend,
     onStop,
-    composerProps
+    composerProps,
+    className,
+    style
   } = props;
+  assertRequiredProps("ThreadFeedRow", { thread }, ["thread"]);
   const virtualized = resolveVirtualize(props);
   const virtualizeProps = virtualized === null ? {} : { virtualize: virtualized.options, height: virtualized.height };
   const [hasOpened, setHasOpened] = useState(expanded);
@@ -59,97 +70,86 @@ function ThreadFeedRow(props) {
   }
   const summary = thread.outcome?.summary ?? "";
   const streaming = liveStatus === "streaming";
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      style: {
-        borderRadius: VX.radiusCard,
-        boxShadow: VX.shadowCard,
-        backgroundColor: VX.surface.panel,
-        overflow: "hidden"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          UnstyledButton,
-          {
-            onClick: () => onToggle(thread.id),
-            w: "100%",
-            "aria-expanded": expanded,
-            style: {
-              display: "block",
-              padding: "var(--mantine-spacing-xs) var(--mantine-spacing-sm)"
-            },
-            children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", wrap: "nowrap", align: "center", children: [
-              /* @__PURE__ */ jsxs(Stack, { gap: 2, style: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ jsx(
-                  Text,
-                  {
-                    fw: 550,
-                    lineClamp: 1,
-                    style: {
-                      fontFamily: "var(--basalt-font-head)",
-                      fontSize: VX.text.md,
-                      fontStretch: "88%"
-                    },
-                    children: rowTitle(thread)
-                  }
-                ),
-                summary.length > 0 && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", lineClamp: 1, children: summary })
-              ] }),
-              /* @__PURE__ */ jsx(
-                Text,
-                {
-                  style: {
-                    fontFamily: "var(--basalt-font-mono)",
-                    fontSize: VX.text.micro,
-                    color: VX.faint,
-                    flexShrink: 0
-                  },
-                  children: formatRelativeTime(thread.updatedAt)
-                }
-              ),
-              /* @__PURE__ */ jsx(ChevronGlyph, { expanded })
-            ] })
-          }
-        ),
-        hasOpened && /* @__PURE__ */ jsx(
-          Box,
-          {
-            "data-testid": "thread-feed-row-body",
-            style: {
-              display: expanded ? "block" : "none",
-              padding: "var(--mantine-spacing-sm)",
-              paddingTop: 0
-            },
-            children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-              /* @__PURE__ */ jsx(
-                ThreadTranscript,
-                {
-                  messages: thread.messages,
-                  ...liveParts !== void 0 ? { liveParts } : {},
-                  ...liveStatus !== void 0 ? { liveStatus } : {},
-                  ...renderers !== void 0 ? { renderers } : {},
-                  ...fallbackRenderer !== void 0 ? { fallbackRenderer } : {},
-                  ...affordances !== void 0 ? { affordances } : {},
-                  ...groupConsecutive !== void 0 ? { groupConsecutive } : {},
-                  ...virtualizeProps
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Composer,
-                {
-                  onSubmit: onSend,
-                  streaming,
-                  ...onStop !== void 0 ? { onStop } : {},
-                  ...composerProps
-                }
-              )
-            ] })
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs(Box, { className: cx(className), style: style ? { ...CARD_STYLE, ...style } : CARD_STYLE, children: [
+    /* @__PURE__ */ jsx(
+      UnstyledButton,
+      {
+        onClick: () => onToggle(thread.id),
+        w: "100%",
+        "aria-expanded": expanded,
+        style: {
+          display: "block",
+          padding: "var(--mantine-spacing-xs) var(--mantine-spacing-sm)"
+        },
+        children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", wrap: "nowrap", align: "center", children: [
+          /* @__PURE__ */ jsxs(Stack, { gap: 2, style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                fw: 550,
+                lineClamp: 1,
+                style: {
+                  fontFamily: "var(--basalt-font-head)",
+                  fontSize: VX.text.md,
+                  fontStretch: "88%"
+                },
+                children: rowTitle(thread)
+              }
+            ),
+            summary.length > 0 && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", lineClamp: 1, children: summary })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              style: {
+                fontFamily: "var(--basalt-font-mono)",
+                fontSize: VX.text.micro,
+                color: VX.faint,
+                flexShrink: 0
+              },
+              children: formatRelativeTime(thread.updatedAt)
+            }
+          ),
+          /* @__PURE__ */ jsx(ChevronGlyph, { expanded })
+        ] })
+      }
+    ),
+    hasOpened && /* @__PURE__ */ jsx(
+      Box,
+      {
+        "data-testid": "thread-feed-row-body",
+        style: {
+          display: expanded ? "block" : "none",
+          padding: "var(--mantine-spacing-sm)",
+          paddingTop: 0
+        },
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(
+            ThreadTranscript,
+            {
+              messages: thread.messages,
+              ...liveParts !== void 0 ? { liveParts } : {},
+              ...liveStatus !== void 0 ? { liveStatus } : {},
+              ...renderers !== void 0 ? { renderers } : {},
+              ...fallbackRenderer !== void 0 ? { fallbackRenderer } : {},
+              ...affordances !== void 0 ? { affordances } : {},
+              ...groupConsecutive !== void 0 ? { groupConsecutive } : {},
+              ...virtualizeProps
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Composer,
+            {
+              onSubmit: onSend,
+              streaming,
+              ...onStop !== void 0 ? { onStop } : {},
+              ...composerProps
+            }
+          )
+        ] })
+      }
+    )
+  ] });
 }
 export {
   ThreadFeedRow