@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/ui-first-tools/ui/AskCardCountdown.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { cn } from "@ai-matrx/design-system";
 function AskCardCountdown({
@@ -15,21 +16,21 @@ function AskCardCountdown({
     const id = setInterval(() => setNow(Date.now()), 100);
     return () => clearInterval(id);
   }, [expiresAtMs]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
         "h-0.5 w-full bg-border/40 rounded-full overflow-hidden",
         className
+      ),
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-full bg-primary/60 transition-[width] duration-100 ease-linear",
+          style: { width: `${pct}%` }
+        }
       )
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "h-full bg-primary/60 transition-[width] duration-100 ease-linear",
-        style: { width: `${pct}%` }
-      }
-    )
+    }
   );
 }
 function useStableStart(expiresAtMs) {

package/dist/agents/ui-first-tools/ui/AskWizard.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { Textarea } from "@ai-matrx/design-system";
@@ -94,7 +95,7 @@ function AskWizard({ asks, onSend, busy = false, notice }) {
     );
   }
   const p = presentation(activeAsk);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AgentCardShell,
     {
       tone: p.tone,
@@ -106,83 +107,103 @@ function AskWizard({ asks, onSend, busy = false, notice }) {
       onDismiss: skipAll,
       dismissLabel: "Skip all questions",
       pending,
-      bottomSlot: typeof activeAsk.expiresAtMs === "number" ? /* @__PURE__ */ React.createElement(
+      bottomSlot: typeof activeAsk.expiresAtMs === "number" ? /* @__PURE__ */ jsx(
         AskCardCountdown,
         {
           expiresAtMs: activeAsk.expiresAtMs,
           className: "absolute bottom-0 left-0 right-0 rounded-none"
         }
       ) : null,
-      "aria-label": `Question ${clampedActive + 1} of ${total} from agent: ${activeAsk.question ?? ""}`
-    },
-    writeMode ? /* @__PURE__ */ React.createElement(
-      WriteInsteadBody,
-      {
-        value: writeText,
-        onChange: setWriteText,
-        onSend: sendWriteInstead,
-        onSkip: skipAll,
-        onBack: () => {
-          setWriteMode(false);
-          setWriteText("");
-        }
-      }
-    ) : /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-3" }, notice, ordered.map((ask, index) => /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        key: ask.callId,
-        className: index === clampedActive ? "" : "hidden"
-      },
-      /* @__PURE__ */ React.createElement(
-        AskBody,
+      "aria-label": `Question ${clampedActive + 1} of ${total} from agent: ${activeAsk.question ?? ""}`,
+      children: writeMode ? /* @__PURE__ */ jsx(
+        WriteInsteadBody,
         {
-          ask,
-          onAnswer: (r) => recordAnswer(index, ask.callId, r),
-          onSkip: () => recordAnswer(index, ask.callId, SKIPPED),
-          onDraft: (r) => setAskDraft(ask.callId, r),
-          labels: total === 1 ? ONLY_LABELS : index === total - 1 ? FINAL_LABELS : STEP_LABELS
+          value: writeText,
+          onChange: setWriteText,
+          onSend: sendWriteInstead,
+          onSkip: skipAll,
+          onBack: () => {
+            setWriteMode(false);
+            setWriteText("");
+          }
         }
-      )
-    )), total > 1 && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 border-t border-border/60 pt-2.5" }, clampedActive > 0 ? /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "quiet",
-        onClick: () => setActive((i) => Math.max(0, i - 1))
-      },
-      /* @__PURE__ */ React.createElement(ChevronLeft, { className: "size-4" }),
-      "Back"
-    ) : /* @__PURE__ */ React.createElement("span", { className: "w-[4.25rem]", "aria-hidden": true }), /* @__PURE__ */ React.createElement("div", { className: "mx-auto flex items-center gap-1.5" }, ordered.map((ask, index) => /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        key: ask.callId,
-        type: "button",
-        onClick: () => setActive(index),
-        "aria-label": `Go to question ${index + 1}${answers[ask.callId] ? answers[ask.callId].cancelled ? " (skipped)" : " (answered)" : ""}`,
-        "aria-current": index === clampedActive,
-        className: cn(
-          "size-2 rounded-full transition-colors",
-          answers[ask.callId] && !answers[ask.callId].cancelled ? "bg-primary" : "bg-border",
-          index === clampedActive && "ring-2 ring-primary/40 ring-offset-1 ring-offset-card"
-        )
-      }
-    ))), !isFinal ? /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "quiet",
-        onClick: () => setActive((i) => Math.min(total - 1, i + 1))
-      },
-      "Next",
-      /* @__PURE__ */ React.createElement(ChevronRight, { className: "size-4" })
-    ) : /* @__PURE__ */ React.createElement("span", { className: "w-[4.25rem]", "aria-hidden": true })), isFinal && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground" }, "Anything else? (optional)"), /* @__PURE__ */ React.createElement(
-      Textarea,
-      {
-        value: additionalInstructions,
-        onChange: (e) => setAdditionalInstructions(e.target.value),
-        placeholder: "Add a note for the agent\u2026",
-        rows: 2,
-        className: "text-base"
-      }
-    )), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-[11px] text-muted-foreground" }, isFinal ? `${answeredCount} of ${total} answered \u2014 sending on the button above` : `${answeredCount} of ${total} answered`), /* @__PURE__ */ React.createElement(Button, { variant: "link", onClick: () => setWriteMode(true), className: "ml-auto" }, "Write message instead")))
+      ) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+        notice,
+        ordered.map((ask, index) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: index === clampedActive ? "" : "hidden",
+            children: /* @__PURE__ */ jsx(
+              AskBody,
+              {
+                ask,
+                onAnswer: (r) => recordAnswer(index, ask.callId, r),
+                onSkip: () => recordAnswer(index, ask.callId, SKIPPED),
+                onDraft: (r) => setAskDraft(ask.callId, r),
+                labels: total === 1 ? ONLY_LABELS : index === total - 1 ? FINAL_LABELS : STEP_LABELS
+              }
+            )
+          },
+          ask.callId
+        )),
+        total > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-t border-border/60 pt-2.5", children: [
+          clampedActive > 0 ? /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "quiet",
+              onClick: () => setActive((i) => Math.max(0, i - 1)),
+              children: [
+                /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" }),
+                "Back"
+              ]
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "w-[4.25rem]", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("div", { className: "mx-auto flex items-center gap-1.5", children: ordered.map((ask, index) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setActive(index),
+              "aria-label": `Go to question ${index + 1}${answers[ask.callId] ? answers[ask.callId].cancelled ? " (skipped)" : " (answered)" : ""}`,
+              "aria-current": index === clampedActive,
+              className: cn(
+                "size-2 rounded-full transition-colors",
+                answers[ask.callId] && !answers[ask.callId].cancelled ? "bg-primary" : "bg-border",
+                index === clampedActive && "ring-2 ring-primary/40 ring-offset-1 ring-offset-card"
+              )
+            },
+            ask.callId
+          )) }),
+          !isFinal ? /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "quiet",
+              onClick: () => setActive((i) => Math.min(total - 1, i + 1)),
+              children: [
+                "Next",
+                /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+              ]
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "w-[4.25rem]", "aria-hidden": true })
+        ] }),
+        isFinal && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: "Anything else? (optional)" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              value: additionalInstructions,
+              onChange: (e) => setAdditionalInstructions(e.target.value),
+              placeholder: "Add a note for the agent\u2026",
+              rows: 2,
+              className: "text-base"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: isFinal ? `${answeredCount} of ${total} answered \u2014 sending on the button above` : `${answeredCount} of ${total} answered` }),
+          /* @__PURE__ */ jsx(Button, { variant: "link", onClick: () => setWriteMode(true), className: "ml-auto", children: "Write message instead" })
+        ] })
+      ] })
+    }
   );
 }
 export {

package/dist/agents/ui-first-tools/ui/BatchAskCard.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useAppDispatch } from "../../../store/hooks.js";
 import { resolvePendingAsk } from "../redux/pending-asks.slice.js";
 import { resolveAskByCallId } from "../redux/ask-resolver-registry.js";
@@ -8,7 +9,7 @@ function BatchAskCard({ asks }) {
   const ordered = [...asks].sort(
     (a, b) => (a.batchIndex ?? 0) - (b.batchIndex ?? 0)
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AskWizard,
     {
       asks: ordered,

package/dist/agents/ui-first-tools/ui/CredentialCaptureCard.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { KeyRound, Loader2, ShieldCheck } from "lucide-react";
 import { Input } from "@ai-matrx/design-system";
@@ -65,7 +66,7 @@ function CredentialCaptureCard({ spec, save, dismiss }) {
     }
     setError(result.message || "Could not save this sign-in. Try again or cancel.");
   }, [dismiss, expired, save, spec, values]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     AgentCardShell,
     {
       tone: "warning",
@@ -74,39 +75,59 @@ function CredentialCaptureCard({ spec, save, dismiss }) {
       title: `Save a login for ${spec.host}`,
       titleInline: true,
       "aria-label": `Save a login for ${spec.host}`,
-      badge: spec.branch === "known" ? /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs" }, /* @__PURE__ */ React.createElement(ShieldCheck, { className: "size-3" }), " Known site") : null,
-      footer: /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-end gap-2" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", disabled: busy, onClick: () => void onCancel() }, expired ? "Dismiss" : "Cancel"), /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "primary",
-          disabled: busy || expired || !allFilled,
-          onClick: () => void onSave()
-        },
-        busy ? /* @__PURE__ */ React.createElement(Loader2, { className: "mr-1 size-3 animate-spin" }) : null,
-        "Save and continue"
-      ))
-    },
-    /* @__PURE__ */ React.createElement("p", { className: "mb-3 text-xs text-muted-foreground" }, "Your agent needs to sign in to", " ", /* @__PURE__ */ React.createElement("span", { className: "font-medium text-foreground" }, spec.displayName), ". Enter it here; it goes to your vault and ", /* @__PURE__ */ React.createElement("span", { className: "font-medium text-foreground" }, "the agent never sees it"), "."),
-    /* @__PURE__ */ React.createElement("div", { className: "grid gap-2" }, spec.fields.map((field) => {
-      const inputId = `capture-${spec.id}-${field.fieldKey}`;
-      return /* @__PURE__ */ React.createElement("label", { key: field.fieldKey, htmlFor: inputId, className: "grid gap-1" }, /* @__PURE__ */ React.createElement("span", { className: "text-xs text-muted-foreground" }, field.label), /* @__PURE__ */ React.createElement(
-        Input,
-        {
-          id: inputId,
-          type: field.secret ? "password" : "text",
-          autoComplete: field.secret ? "new-password" : "off",
-          value: values[field.fieldKey] ?? "",
-          disabled: busy || expired,
-          className: "text-base",
-          onChange: (event) => {
-            const next = event.target.value;
-            setValues((prev) => ({ ...prev, [field.fieldKey]: next }));
+      badge: spec.branch === "known" ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs", children: [
+        /* @__PURE__ */ jsx(ShieldCheck, { className: "size-3" }),
+        " Known site"
+      ] }) : null,
+      footer: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "quiet", disabled: busy, onClick: () => void onCancel(), children: expired ? "Dismiss" : "Cancel" }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "primary",
+            disabled: busy || expired || !allFilled,
+            onClick: () => void onSave(),
+            children: [
+              busy ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1 size-3 animate-spin" }) : null,
+              "Save and continue"
+            ]
           }
-        }
-      ));
-    })),
-    expired ? /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-xs text-muted-foreground" }, "This request expired and your agent has moved on. Ask it to try the sign-in again.") : null,
-    error ? /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-xs text-destructive" }, error) : null
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxs("p", { className: "mb-3 text-xs text-muted-foreground", children: [
+          "Your agent needs to sign in to",
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: spec.displayName }),
+          ". Enter it here; it goes to your vault and ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "the agent never sees it" }),
+          "."
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid gap-2", children: spec.fields.map((field) => {
+          const inputId = `capture-${spec.id}-${field.fieldKey}`;
+          return /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "grid gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: field.label }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: inputId,
+                type: field.secret ? "password" : "text",
+                autoComplete: field.secret ? "new-password" : "off",
+                value: values[field.fieldKey] ?? "",
+                disabled: busy || expired,
+                className: "text-base",
+                onChange: (event) => {
+                  const next = event.target.value;
+                  setValues((prev) => ({ ...prev, [field.fieldKey]: next }));
+                }
+              }
+            )
+          ] }, field.fieldKey);
+        }) }),
+        expired ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "This request expired and your agent has moved on. Ask it to try the sign-in again." }) : null,
+        error ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-destructive", children: error }) : null
+      ]
+    }
   );
 }
 var CredentialCaptureCard_default = CredentialCaptureCard;

package/dist/agents/ui-first-tools/ui/PendingAsksZone.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { ChevronDown, ChevronUp, MessagesSquare } from "lucide-react";
 import { useIsMobile } from "@ai-matrx/kit/media-query";
@@ -29,27 +30,27 @@ function PendingAsksZone({
   if (asks.length === 0) return null;
   const cards = groups.map((group) => {
     if (group.asks.length > 1) {
-      return /* @__PURE__ */ React.createElement(BatchAskCard, { key: group.key, asks: group.asks });
+      return /* @__PURE__ */ jsx(BatchAskCard, { asks: group.asks }, group.key);
     }
     const ask = group.asks[0];
     if (ask.kind === "approval") {
-      return /* @__PURE__ */ React.createElement(ApprovalCard, { key: ask.callId, ask });
+      return /* @__PURE__ */ jsx(ApprovalCard, { ask }, ask.callId);
     }
     if (ask.kind === "email_review") {
-      return /* @__PURE__ */ React.createElement(GmailReviewCard, { key: ask.callId, ask });
+      return /* @__PURE__ */ jsx(GmailReviewCard, { ask }, ask.callId);
     }
-    return /* @__PURE__ */ React.createElement(AskCard, { key: ask.callId, ask });
+    return /* @__PURE__ */ jsx(AskCard, { ask }, ask.callId);
   });
   if (isMobile) {
-    return /* @__PURE__ */ React.createElement("div", { id: `pending-asks-${conversationId}` }, /* @__PURE__ */ React.createElement(MobileAsksDrawer, { asks }, cards));
+    return /* @__PURE__ */ jsx("div", { id: `pending-asks-${conversationId}`, children: /* @__PURE__ */ jsx(MobileAsksDrawer, { asks, children: cards }) });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       id: `pending-asks-${conversationId}`,
-      className: className ?? "flex flex-col gap-1.5 mb-1.5"
-    },
-    cards
+      className: className ?? "flex flex-col gap-1.5 mb-1.5",
+      children: cards
+    }
   );
 }
 function MobileAsksDrawer({
@@ -70,56 +71,66 @@ function MobileAsksDrawer({
   }, [asks]);
   const count = asks.length;
   const label = `${count} question${count === 1 ? "" : "s"} from the agent`;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, !open && /* @__PURE__ */ React.createElement("div", { className: "mb-1.5" }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: "rounded-xl bg-[length:200%_100%] p-[1.5px] shadow-[0_8px_24px_-16px_rgb(0_0_0/0.5)] animate-shimmer motion-reduce:animate-none",
-      style: {
-        backgroundImage: "linear-gradient(90deg, hsl(var(--primary) / 0.2) 0%, hsl(var(--primary)) 50%, hsl(var(--primary) / 0.2) 100%)"
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      "button",
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !open && /* @__PURE__ */ jsx("div", { className: "mb-1.5", children: /* @__PURE__ */ jsx(
+      "div",
       {
-        type: "button",
-        "data-open-pending-asks": true,
-        onClick: () => setOpen(true),
-        className: "flex w-full items-center gap-2.5 rounded-[10px] bg-card px-3 py-2 text-left transition-colors hover:bg-accent/40"
-      },
-      /* @__PURE__ */ React.createElement("span", { className: "grid size-7 shrink-0 place-items-center rounded-lg bg-primary/12 text-primary-ink" }, /* @__PURE__ */ React.createElement(
-        MessagesSquare,
-        {
-          className: "size-4 motion-safe:animate-pulse",
-          strokeWidth: 2.25
-        }
-      )),
-      /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("span", { className: "block truncate text-sm font-medium text-foreground" }, label), /* @__PURE__ */ React.createElement("span", { className: "block text-[11px] text-muted-foreground" }, "Tap to answer \u2014 nothing sent until you submit")),
-      /* @__PURE__ */ React.createElement(ChevronUp, { className: "size-4 shrink-0 text-primary" })
-    )
-  )), /* @__PURE__ */ React.createElement(
-    BottomSheet,
-    {
-      open,
-      onOpenChange: setOpen,
-      title: label,
-      size: "full",
-      contentClassName: "bg-card"
-    },
-    /* @__PURE__ */ React.createElement(
-      BottomSheetHeader,
+        className: "rounded-xl bg-[length:200%_100%] p-[1.5px] shadow-[0_8px_24px_-16px_rgb(0_0_0/0.5)] animate-shimmer motion-reduce:animate-none",
+        style: {
+          backgroundImage: "linear-gradient(90deg, hsl(var(--primary) / 0.2) 0%, hsl(var(--primary)) 50%, hsl(var(--primary) / 0.2) 100%)"
+        },
+        children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "data-open-pending-asks": true,
+            onClick: () => setOpen(true),
+            className: "flex w-full items-center gap-2.5 rounded-[10px] bg-card px-3 py-2 text-left transition-colors hover:bg-accent/40",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "grid size-7 shrink-0 place-items-center rounded-lg bg-primary/12 text-primary-ink", children: /* @__PURE__ */ jsx(
+                MessagesSquare,
+                {
+                  className: "size-4 motion-safe:animate-pulse",
+                  strokeWidth: 2.25
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium text-foreground", children: label }),
+                /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-muted-foreground", children: "Tap to answer \u2014 nothing sent until you submit" })
+              ] }),
+              /* @__PURE__ */ jsx(ChevronUp, { className: "size-4 shrink-0 text-primary" })
+            ]
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      BottomSheet,
       {
+        open,
+        onOpenChange: setOpen,
         title: label,
-        trailing: /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(ChevronDown, null), onClick: () => setOpen(false), "aria-label": "Minimize \u2014 keep questions for later", className: "shrink-0" })
+        size: "full",
+        contentClassName: "bg-card",
+        children: [
+          /* @__PURE__ */ jsx(
+            BottomSheetHeader,
+            {
+              title: label,
+              trailing: /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(ChevronDown, {}), onClick: () => setOpen(false), "aria-label": "Minimize \u2014 keep questions for later", className: "shrink-0" })
+            }
+          ),
+          /* @__PURE__ */ jsx(BottomSheetBody, { className: "px-3 pt-1", children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex min-h-full flex-col gap-2 pb-[calc(env(safe-area-inset-bottom,0px)+1rem)]",
+              children
+            }
+          ) })
+        ]
       }
-    ),
-    /* @__PURE__ */ React.createElement(BottomSheetBody, { className: "px-3 pt-1" }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "flex min-h-full flex-col gap-2 pb-[calc(env(safe-area-inset-bottom,0px)+1rem)]"
-      },
-      children
-    ))
-  ));
+    )
+  ] });
 }
 export {
   PendingAsksZone

package/dist/agents/ui-first-tools/ui/QuestionsAskForm.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { AskWizard } from "./AskWizard.js";
 function questionsResultBody(result) {
@@ -45,7 +46,7 @@ function QuestionsAskForm({
   onSubmit
 }) {
   const asks = useMemo(() => questionsToAsks(askKey, questions), [askKey, questions]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AskWizard,
     {
       asks,