@xpert-ai/chatkit-ui 0.3.16 → 0.3.18

package/dist/index.js

@@ -69,10 +69,62 @@ function createMessageId() {
 
 // src/lib/message.ts
 import { isNil, omitBy } from "lodash-es";
+
+// src/lib/thread-context-usage.ts
+var THREAD_CONTEXT_USAGE_EVENT_TYPE = "thread_context_usage";
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function normalizeContextUsageNumber(value) {
+  if (typeof value === "number" && Number.isFinite(value) && value >= 0) {
+    return Math.floor(value);
+  }
+  if (typeof value === "string") {
+    const parsed = Number.parseFloat(value);
+    if (Number.isFinite(parsed) && parsed >= 0) {
+      return Math.floor(parsed);
+    }
+  }
+  return null;
+}
+function isThreadContextUsageType(value) {
+  return typeof value === "string" && value.trim() === THREAD_CONTEXT_USAGE_EVENT_TYPE;
+}
+function isThreadContextUsageRenderArtifact(value) {
+  if (!isRecord(value)) return false;
+  if (isThreadContextUsageType(value.type)) return true;
+  if (isThreadContextUsageType(value.event)) return true;
+  const data = value.data;
+  if (!isRecord(data)) return false;
+  return isThreadContextUsageType(data.type) || isThreadContextUsageType(data.event);
+}
+function getThreadContextUsage(state, agentKey) {
+  if (!agentKey) return null;
+  return state[agentKey] ?? null;
+}
+function getThreadContextUsageTotalTokens(event) {
+  return normalizeContextUsageNumber(event?.usage?.totalTokens);
+}
+function resolveUsedContextSize(options) {
+  const realtimeUsedTokens = getThreadContextUsageTotalTokens(
+    options.realtimeUsage
+  );
+  if (realtimeUsedTokens != null) {
+    return realtimeUsedTokens;
+  }
+  return normalizeContextUsageNumber(options.fallbackUsedTokens) ?? 0;
+}
+
+// src/lib/message.ts
 var ASSISTANT_STREAM_IDLE_TO_THINKING_MS = 2e3;
 function hasRenderableReasoning(reasoning) {
   return Array.isArray(reasoning) && reasoning.some((item) => item.text?.trim());
 }
+function isRenderableMessageContentItem(item) {
+  if (item === void 0) return false;
+  if (typeof item === "string") return true;
+  return !isThreadContextUsageRenderArtifact(item);
+}
 function hasRenderableMessageContent(content) {
   if (typeof content === "string") {
     return content.trim().length > 0;
@@ -82,10 +134,13 @@ function hasRenderableMessageContent(content) {
   }
   const items = content;
   return items.some((item) => {
+    if (!isRenderableMessageContentItem(item)) {
+      return false;
+    }
     if (typeof item === "string") {
       return item.trim().length > 0;
     }
-    if (!item || typeof item !== "object") {
+    if (typeof item !== "object") {
       return false;
     }
     if (item.type === "text") {
@@ -207,28 +262,28 @@ function getMissingApiConfigurationKind({
 import {
   STATE_VARIABLE_HUMAN
 } from "@xpert-ai/chatkit-types";
-function isRecord(value) {
+function isRecord2(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function resolveHumanStateValue(value) {
   const human = value?.[STATE_VARIABLE_HUMAN];
-  return isRecord(human) ? human : {};
+  return isRecord2(human) ? human : {};
 }
 function splitEnvCarrier(value) {
-  if (!isRecord(value)) {
+  if (!isRecord2(value)) {
     return { value: {}, env: {} };
   }
   const { env, ...rest } = value;
   return {
     value: rest,
-    env: isRecord(env) ? env : {}
+    env: isRecord2(env) ? env : {}
   };
 }
 function mergeRequestOptions(input) {
   const defaultContext = splitEnvCarrier(input.defaults?.context);
   const explicitContext = splitEnvCarrier(input.context);
-  const defaultConfig = isRecord(input.defaults?.config) ? input.defaults?.config : {};
-  const explicitConfig = isRecord(input.config) ? input.config : {};
+  const defaultConfig = isRecord2(input.defaults?.config) ? input.defaults?.config : {};
+  const explicitConfig = isRecord2(input.config) ? input.config : {};
   const mergedEnv = {
     ...defaultContext.env,
     ...explicitContext.env
@@ -774,7 +829,7 @@ function ParentMessengerProvider({
           ...runtimeCapabilities ? { runtimeCapabilities } : {}
         };
         const stream = streamRef2.current;
-        const activeFollowUpMode = stream?.isLoading ? params.followUpMode && params.followUpMode !== "default" ? params.followUpMode : stream.followUpBehavior ?? "queue" : void 0;
+        const activeFollowUpMode = stream?.isLoading ? params.followUpMode && params.followUpMode !== "default" ? params.followUpMode : "queue" : void 0;
         const requestOptions = buildInjectedRequestOptions({
           defaults: latestOptionsRef.current?.request,
           state: params.state,
@@ -1031,36 +1086,6 @@ function useParentMessenger({
   return messenger;
 }
 
-// src/lib/thread-context-usage.ts
-function normalizeContextUsageNumber(value) {
-  if (typeof value === "number" && Number.isFinite(value) && value >= 0) {
-    return Math.floor(value);
-  }
-  if (typeof value === "string") {
-    const parsed = Number.parseFloat(value);
-    if (Number.isFinite(parsed) && parsed >= 0) {
-      return Math.floor(parsed);
-    }
-  }
-  return null;
-}
-function getThreadContextUsage(state, agentKey) {
-  if (!agentKey) return null;
-  return state[agentKey] ?? null;
-}
-function getThreadContextUsageTotalTokens(event) {
-  return normalizeContextUsageNumber(event?.usage?.totalTokens);
-}
-function resolveUsedContextSize(options) {
-  const realtimeUsedTokens = getThreadContextUsageTotalTokens(
-    options.realtimeUsage
-  );
-  if (realtimeUsedTokens != null) {
-    return realtimeUsedTokens;
-  }
-  return normalizeContextUsageNumber(options.fallbackUsedTokens) ?? 0;
-}
-
 // src/lib/thread-goals.ts
 function normalizeGoalObjective(value) {
   return value.trim();
@@ -1173,14 +1198,14 @@ async function executeThreadGoalCommand({
 }
 
 // src/lib/follow-ups.ts
-function getComposerFollowUpShortcutLabels(queueShortcutLabel) {
-  return {
-    steer: "Enter",
-    queue: queueShortcutLabel
-  };
+function getVisiblePendingFollowUpPriority(item) {
+  return item.mode === "steer" || item.queuedFromSteer ? 0 : 1;
 }
-function getBusyComposerShortcutFollowUpMode(useQueueShortcut) {
-  return useQueueShortcut ? "queue" : "steer";
+function sortVisiblePendingFollowUps(items) {
+  return [...items].sort((left, right) => {
+    const priority = getVisiblePendingFollowUpPriority(left) - getVisiblePendingFollowUpPriority(right);
+    return priority || left.createdAt - right.createdAt;
+  });
 }
 
 // src/lib/todos.ts
@@ -1425,20 +1450,13 @@ var en_US_default = {
     },
     poweredBy: "Powered by Xpert AI",
     followUps: {
-      label: "Follow-up behavior",
-      settings: "Settings",
-      idleHint: "Used when you send while a run is active.",
-      activeHint: "This message will use the selected busy-run behavior.",
       pending: "Pending follow-ups",
       queue: "Queue",
-      steer: "Steer",
       steerAction: "Steer",
-      promoteToSteer: "Steer now",
       sendNow: "Send now",
       remove: "Remove pending follow-up",
       more: "More actions",
       edit: "Edit message",
-      turnOffQueueing: "Turn off queueing",
       queueHint: "Starts after the current run finishes",
       manualQueueHint: "Ready to send as a new run",
       steerHint: "Injects after the current tool call"
@@ -1821,20 +1839,13 @@ var zh_CN_default = {
     },
     poweredBy: "\u7531 Xpert AI \u9A71\u52A8",
     followUps: {
-      label: "Follow-up \u6A21\u5F0F",
-      settings: "\u8BBE\u7F6E",
-      idleHint: "\u4EC5\u5728\u8FD0\u884C\u4E2D\u53D1\u9001\u6D88\u606F\u65F6\u751F\u6548\u3002",
-      activeHint: "\u5F53\u524D\u6D88\u606F\u4F1A\u6309\u6240\u9009\u7684\u8FD0\u884C\u4E2D\u884C\u4E3A\u5904\u7406\u3002",
       pending: "\u5F85\u5904\u7406 Follow-up",
       queue: "\u6392\u961F",
-      steer: "\u5F15\u5BFC",
       steerAction: "\u5F15\u5BFC",
-      promoteToSteer: "\u8F6C\u4E3A\u5F15\u5BFC",
       sendNow: "\u7ACB\u5373\u53D1\u9001",
       remove: "\u79FB\u9664\u6B64\u5F85\u5904\u7406 Follow-up",
       more: "\u66F4\u591A\u64CD\u4F5C",
       edit: "\u7F16\u8F91\u6D88\u606F",
-      turnOffQueueing: "\u5173\u95ED\u6392\u961F",
       queueHint: "\u5F53\u524D\u8FD0\u884C\u7ED3\u675F\u540E\u5F00\u542F\u4E0B\u4E00\u8F6E",
       manualQueueHint: "\u4FDD\u7559\u4E3A\u5F85\u53D1\u9001\uFF0C\u53EF\u624B\u52A8\u5F00\u542F\u65B0\u4E00\u8F6E",
       steerHint: "\u5F53\u524D\u5DE5\u5177\u8C03\u7528\u5B8C\u6210\u540E\u6CE8\u5165"
@@ -4116,7 +4127,6 @@ import {
   Ellipsis,
   Info as Info2,
   PencilLine,
-  SlidersHorizontal as SlidersHorizontal2,
   Trash2 as Trash22
 } from "lucide-react";
 
@@ -4188,8 +4198,6 @@ function useRoundedClasses() {
 function PendingFollowUps({
   items,
   isLoading,
-  followUpBehavior,
-  onBehaviorChange,
   onPromoteToSteer,
   canSendNow,
   onSendNow,
@@ -4201,16 +4209,12 @@ function PendingFollowUps({
   const { t } = useChatkitTranslation();
   const rounded = useRoundedClasses();
   const referencedContentFallback = t("chat.referencedContentOnly");
-  const [isSettingsOpen, setIsSettingsOpen] = React15.useState(false);
   const [openMenuId, setOpenMenuId] = React15.useState(null);
   React15.useEffect(() => {
-    if (items.length === 0 && isSettingsOpen) {
-      setIsSettingsOpen(false);
-    }
     if (items.every((item) => item.id !== openMenuId)) {
       setOpenMenuId(null);
     }
-  }, [isSettingsOpen, items, openMenuId]);
+  }, [items, openMenuId]);
   if (items.length === 0) {
     return null;
   }
@@ -4224,75 +4228,7 @@ function PendingFollowUps({
         className
       ),
       children: /* @__PURE__ */ jsxs10("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx18("div", { className: "text-xs font-medium text-foreground", children: t("chat.followUps.pending") }),
-          /* @__PURE__ */ jsxs10(Tooltip, { children: [
-            /* @__PURE__ */ jsx18(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
-              "button",
-              {
-                type: "button",
-                onClick: () => setIsSettingsOpen((prev) => !prev),
-                className: cn(
-                  "inline-flex h-6 w-6 items-center justify-center transition-colors",
-                  isSettingsOpen ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/60 hover:text-foreground",
-                  rounded.control
-                ),
-                "aria-label": t("chat.followUps.settings"),
-                "aria-expanded": isSettingsOpen,
-                "aria-controls": "follow-ups-settings-panel",
-                children: [
-                  /* @__PURE__ */ jsx18(SlidersHorizontal2, { className: "h-3.5 w-3.5" }),
-                  /* @__PURE__ */ jsx18("span", { className: "sr-only", children: t("chat.followUps.settings") })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsx18(TooltipContent, { side: "top", children: t("chat.followUps.settings") })
-          ] })
-        ] }),
-        isSettingsOpen && /* @__PURE__ */ jsx18(
-          "div",
-          {
-            id: "follow-ups-settings-panel",
-            className: cn(
-              "border border-border/70 bg-muted/20 px-3 py-2",
-              rounded.panel
-            ),
-            children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between gap-3", children: [
-              /* @__PURE__ */ jsxs10("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx18("div", { className: "text-xs font-medium text-foreground", children: t("chat.followUps.label") }),
-                /* @__PURE__ */ jsx18("div", { className: "text-[11px] text-muted-foreground", children: isLoading ? t("chat.followUps.activeHint") : t("chat.followUps.idleHint") })
-              ] }),
-              /* @__PURE__ */ jsx18(
-                "div",
-                {
-                  className: cn(
-                    "inline-flex shrink-0 border border-border bg-background p-1",
-                    rounded.control
-                  ),
-                  children: ["queue", "steer"].map((behavior) => /* @__PURE__ */ jsxs10(Tooltip, { children: [
-                    /* @__PURE__ */ jsx18(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx18(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => {
-                          onBehaviorChange(behavior);
-                          setIsSettingsOpen(false);
-                        },
-                        className: cn(
-                          "px-3 py-1 text-xs font-medium transition-colors",
-                          rounded.control,
-                          followUpBehavior === behavior ? "bg-primary text-background" : "text-muted-foreground hover:text-foreground"
-                        ),
-                        children: behavior === "queue" ? t("chat.followUps.queue") : t("chat.followUps.steer")
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsx18(TooltipContent, { side: "top", children: behavior === "queue" ? t("chat.followUps.queueHint") : t("chat.followUps.steerHint") })
-                  ] }, behavior))
-                }
-              )
-            ] })
-          }
-        ),
+        /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-between gap-3", children: /* @__PURE__ */ jsx18("div", { className: "text-xs font-medium text-foreground", children: t("chat.followUps.pending") }) }),
         items.map((item) => {
           const canSendItemNow = item.mode === "queue" && canSendNow(item.id);
           return /* @__PURE__ */ jsx18(
@@ -4321,7 +4257,7 @@ function PendingFollowUps({
                       }
                     ) }),
                     /* @__PURE__ */ jsxs10("div", { className: "flex shrink-0 items-center gap-1", children: [
-                      item.mode === "queue" && isLoading && /* @__PURE__ */ jsx18(
+                      item.mode === "queue" && isLoading && !item.queuedFromSteer && /* @__PURE__ */ jsx18(
                         "button",
                         {
                           type: "button",
@@ -4391,44 +4327,24 @@ function PendingFollowUps({
                                   "w-52 border-border/70 bg-background p-1.5",
                                   rounded.panel
                                 ),
-                                children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-1", children: [
-                                  /* @__PURE__ */ jsxs10(
-                                    "button",
-                                    {
-                                      type: "button",
-                                      onClick: () => {
-                                        setOpenMenuId(null);
-                                        onEdit(item.id);
-                                      },
-                                      className: cn(
-                                        "flex items-center gap-2 px-2 py-1.5 text-left text-sm text-foreground transition-colors hover:bg-muted",
-                                        rounded.control
-                                      ),
-                                      children: [
-                                        /* @__PURE__ */ jsx18(PencilLine, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-                                        /* @__PURE__ */ jsx18("span", { children: t("chat.followUps.edit") })
-                                      ]
-                                    }
-                                  ),
-                                  /* @__PURE__ */ jsxs10(
-                                    "button",
-                                    {
-                                      type: "button",
-                                      onClick: () => {
-                                        setOpenMenuId(null);
-                                        onBehaviorChange("steer");
-                                      },
-                                      className: cn(
-                                        "flex items-center gap-2 px-2 py-1.5 text-left text-sm text-foreground transition-colors hover:bg-muted",
-                                        rounded.control
-                                      ),
-                                      children: [
-                                        /* @__PURE__ */ jsx18(CornerDownLeft, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-                                        /* @__PURE__ */ jsx18("span", { children: t("chat.followUps.turnOffQueueing") })
-                                      ]
-                                    }
-                                  )
-                                ] })
+                                children: /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-1", children: /* @__PURE__ */ jsxs10(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    onClick: () => {
+                                      setOpenMenuId(null);
+                                      onEdit(item.id);
+                                    },
+                                    className: cn(
+                                      "flex items-center gap-2 px-2 py-1.5 text-left text-sm text-foreground transition-colors hover:bg-muted",
+                                      rounded.control
+                                    ),
+                                    children: [
+                                      /* @__PURE__ */ jsx18(PencilLine, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                                      /* @__PURE__ */ jsx18("span", { children: t("chat.followUps.edit") })
+                                    ]
+                                  }
+                                ) })
                               }
                             )
                           ]
@@ -7891,6 +7807,9 @@ function getAgentRunCounts(node) {
       if (item.trim()) text += 1;
       continue;
     }
+    if (isThreadContextUsageRenderArtifact(item)) {
+      continue;
+    }
     if (isTextContent(item) || isReasoningContent(item)) {
       if (item.text?.trim()) text += 1;
       continue;
@@ -8002,6 +7921,7 @@ function normalizeAssistantEntries(message) {
     }
   } else if (Array.isArray(message.content)) {
     message.content.forEach((item, index) => {
+      if (isThreadContextUsageRenderArtifact(item)) return;
       entries.push({
         item,
         index,
@@ -9811,7 +9731,7 @@ function normalizeToolToken(value) {
   const normalized = value.trim().toLowerCase().replace(/[\s-]+/g, "_");
   return normalized || null;
 }
-function isRecord2(value) {
+function isRecord3(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function readString(value) {
@@ -9843,9 +9763,9 @@ function formatScore(value) {
 }
 function getLineRange(metadata) {
   const loc = metadata.loc;
-  if (!isRecord2(loc)) return void 0;
+  if (!isRecord3(loc)) return void 0;
   const lines = loc.lines;
-  if (!isRecord2(lines)) return void 0;
+  if (!isRecord3(lines)) return void 0;
   const from = stringifyValue(lines.from);
   const to = stringifyValue(lines.to);
   if (from && to) return `${from}-${to}`;
@@ -9865,9 +9785,9 @@ function normalizeMetadataEntries(metadata) {
   });
 }
 function normalizeKnowledgeResult(value, fallbackTitle) {
-  if (!isRecord2(value)) return null;
-  const metadata = isRecord2(value.metadata) ? value.metadata : {};
-  const document2 = isRecord2(value.document) ? value.document : {};
+  if (!isRecord3(value)) return null;
+  const metadata = isRecord3(value.metadata) ? value.metadata : {};
+  const document2 = isRecord3(value.document) ? value.document : {};
   const content = readString(value.pageContent);
   const title = readString(document2.name) ?? readString(metadata.originalFileName) ?? readString(metadata.source) ?? readString(value.id) ?? readString(metadata.chunkId) ?? fallbackTitle;
   if (!content && Object.keys(metadata).length === 0 && Object.keys(document2).length === 0) {
@@ -9897,7 +9817,7 @@ function getRawKnowledgeData(data) {
 }
 function getRetrieverQuery(data, language) {
   const input = data.input;
-  if (isRecord2(input)) {
+  if (isRecord3(input)) {
     return readString(input.query) ?? readString(input.input) ?? readString(input.question);
   }
   return readString(resolveLocalizedText(data.message, language)) ?? readString(input);
@@ -10584,6 +10504,7 @@ function isWidgetComponent(content) {
 }
 function isGroupableStepComponent(content) {
   if (!content || typeof content === "string") return false;
+  if (isThreadContextUsageRenderArtifact(content)) return false;
   if (!isComponentContent2(content) || isWidgetComponent(content)) return false;
   const data = getToolStepData(content);
   const renderer = getComponentMessageRenderer(content, data);
@@ -10667,6 +10588,9 @@ function buildToolComponentRenderUnits(content, options) {
   const units = [];
   const pendingTools = [];
   content.forEach((item, index) => {
+    if (isThreadContextUsageRenderArtifact(item)) {
+      return;
+    }
     if (isGroupableStepComponent(item) && options?.shouldGroupComponent?.(item) !== false) {
       pendingTools.push({ item, index });
       return;
@@ -11216,7 +11140,7 @@ import {
 } from "@xpert-ai/chatkit-types";
 import { CheckCircle2 as CheckCircle24 } from "lucide-react";
 import { jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
-function isRecord3(value) {
+function isRecord4(value) {
   return !!value && typeof value === "object" && !Array.isArray(value);
 }
 function readString2(record, keys) {
@@ -11229,11 +11153,11 @@ function readString2(record, keys) {
   return null;
 }
 function getToolCallId(value) {
-  if (!isRecord3(value)) return null;
+  if (!isRecord4(value)) return null;
   return readString2(value, ["id"]);
 }
 function getToolCallName(value) {
-  if (!isRecord3(value)) return null;
+  if (!isRecord4(value)) return null;
   return readString2(value, ["name"]);
 }
 function pushClientToolCallsFromRecord(record, calls) {
@@ -11258,7 +11182,7 @@ function findRequestUserInputClientToolCallById(messages, id) {
   ) ?? null;
 }
 function normalizeAnswer(value) {
-  if (!isRecord3(value)) return null;
+  if (!isRecord4(value)) return null;
   const id = readString2(value, ["id"]);
   const question = readString2(value, ["question"]);
   const answerValue = readString2(value, ["value"]);
@@ -11286,7 +11210,7 @@ function parseResultOutput(output) {
       return null;
     }
   }
-  if (!isRecord3(result) || !Array.isArray(result.answers)) {
+  if (!isRecord4(result) || !Array.isArray(result.answers)) {
     return null;
   }
   const hasExplicitType = result.type === REQUEST_USER_INPUT_RESULT_TYPE2;
@@ -11300,7 +11224,7 @@ function parseResultOutput(output) {
   };
 }
 function getRequestUserInputResultCardData(content, messages) {
-  const data = isRecord3(content.data) ? content.data : null;
+  const data = isRecord4(content.data) ? content.data : null;
   if (data?.status !== "success") {
     return null;
   }
@@ -11948,6 +11872,9 @@ function renderContentItem(content, index, message, lookupMessages, options) {
   if (typeof content === "string") {
     return /* @__PURE__ */ jsx41("div", { className: textClassName, children: /* @__PURE__ */ jsx41(MarkdownText, { children: content }) }, `text-${index}`);
   }
+  if (isThreadContextUsageRenderArtifact(content)) {
+    return null;
+  }
   if (isTextContent3(content)) {
     return /* @__PURE__ */ jsx41("div", { className: textClassName, children: /* @__PURE__ */ jsx41(MarkdownText, { children: content.text }) }, content.id ?? `text-${index}`);
   }
@@ -14622,9 +14549,7 @@ function Chat({
     isStacked: isComposerStacked
   });
   const pendingFollowUps = React48.useMemo(
-    () => [...stream.pendingFollowUps ?? []].sort(
-      (a, b) => a.createdAt - b.createdAt
-    ),
+    () => sortVisiblePendingFollowUps(stream.pendingFollowUps ?? []),
     [stream.pendingFollowUps]
   );
   const hasPendingFollowUps = pendingFollowUps.length > 0;
@@ -15336,13 +15261,12 @@ function Chat({
     [commitComposerParts]
   );
   const submitDraft = React48.useCallback(
-    (optionsOrFollowUp) => {
+    (submitOptions = {}) => {
       if (isSendDisabled) return;
-      const submitOptions = typeof optionsOrFollowUp === "string" ? { followUpOverride: optionsOrFollowUp } : optionsOrFollowUp ?? {};
       const contentToSubmit = (submitOptions.inputText ?? trimmedDraft).trim();
       const filesToSend = uploadedFiles.length > 0 ? [...uploadedFiles] : void 0;
       const referencesToSend = references.length > 0 ? [...references] : void 0;
-      const nextFollowUpMode = stream.isLoading ? submitOptions.followUpOverride ?? stream.followUpBehavior : void 0;
+      const nextFollowUpMode = stream.isLoading ? "queue" : void 0;
       const effectivePlanMode = submitOptions.planMode ?? planModeEnabled;
       const humanInput = buildHumanMessageInputPayload({
         content: contentToSubmit,
@@ -15901,9 +15825,7 @@ function Chat({
       if (submitGoalModeDraft()) {
         return;
       }
-      submitDraft(
-        getBusyComposerShortcutFollowUpMode(event.metaKey || event.ctrlKey)
-      );
+      submitDraft();
       return;
     }
     if (executeSlashCommandFromDraft()) {
@@ -16013,17 +15935,6 @@ function Chat({
       uploadContextFile
     ]
   );
-  const alternateFollowUpShortcutLabel = React48.useMemo(() => {
-    if (typeof navigator === "undefined") {
-      return "\u2318Enter";
-    }
-    const platform = navigator.platform || navigator.userAgent;
-    return /Mac|iPhone|iPad|iPod/i.test(platform) ? "\u2318Enter" : "Ctrl+Enter";
-  }, []);
-  const followUpShortcutLabels = React48.useMemo(
-    () => getComposerFollowUpShortcutLabels(alternateFollowUpShortcutLabel),
-    [alternateFollowUpShortcutLabel]
-  );
   const handleToolSelect = (tool) => {
     setSelectedTool((prev) => prev?.id === tool.id ? null : tool);
   };
@@ -16034,7 +15945,7 @@ function Chat({
       type: "human",
       content: prompt
     };
-    const nextFollowUpMode = stream.isLoading ? stream.followUpBehavior : void 0;
+    const nextFollowUpMode = stream.isLoading ? "queue" : void 0;
     const inputPayload = {
       input: prompt,
       ...planModeEnabled ? { planMode: true } : {},
@@ -16802,8 +16713,6 @@ function Chat({
             {
               items: pendingFollowUps,
               isLoading: stream.isLoading,
-              followUpBehavior: stream.followUpBehavior,
-              onBehaviorChange: stream.setFollowUpBehavior,
               onPromoteToSteer: (id) => stream.promotePendingFollowUpToSteer(id),
               canSendNow: stream.canSendPendingFollowUpNow,
               onSendNow: (id) => stream.sendPendingFollowUpNow(id),
@@ -16953,13 +16862,9 @@ function Chat({
                           stopLabel: t("chat.stop"),
                           sendLabel: t("chat.send"),
                           shortcuts: stream.isLoading && trimmedDraft ? [
-                            {
-                              label: t("chat.followUps.steer"),
-                              keys: followUpShortcutLabels.steer
-                            },
                             {
                               label: t("chat.followUps.queue"),
-                              keys: followUpShortcutLabels.queue
+                              keys: "Enter"
                             }
                           ] : void 0
                         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xpert-ai/chatkit-ui",
-  "version": "0.3.16",
+  "version": "0.3.18",
   "description": "ChatKit UI.",
   "type": "module",
   "sideEffects": false,
@@ -59,9 +59,9 @@
     "tw-animate-css": "^1.4.0",
     "uuid": "^11.1.0",
     "zod": "^4.1.12",
-    "@xpert-ai/a2ui-react": "~0.1.0",
+    "@xpert-ai/chatkit-types": "~0.3.12",
     "@xpert-ai/chatkit-web-shared": "~0.3.3",
-    "@xpert-ai/chatkit-types": "~0.3.12"
+    "@xpert-ai/a2ui-react": "~0.1.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/dist/app/assets/channel-TLpt_CUq.js

@@ -1 +0,0 @@
-import{aq as o,ar as n}from"./index-B2Rg5xL3.js";const t=(r,a)=>o.lang.round(n.parse(r)[a]);export{t as c};

package/dist/app/assets/classDiagram-6PBFFD2Q-CDPJCbPK.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-B3qkiX2L.js";import{_ as i}from"./index-B2Rg5xL3.js";import"./chunk-FMBD7UC4-BAfcG0-N.js";import"./chunk-YZCP3GAM-DUwUr549.js";import"./chunk-55IACEB6-CnBWGq6G.js";import"./chunk-EDXVE4YY-CDHv162l.js";var u={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{u as diagram};

package/dist/app/assets/classDiagram-v2-HSJHXN6E-CDPJCbPK.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-B3qkiX2L.js";import{_ as i}from"./index-B2Rg5xL3.js";import"./chunk-FMBD7UC4-BAfcG0-N.js";import"./chunk-YZCP3GAM-DUwUr549.js";import"./chunk-55IACEB6-CnBWGq6G.js";import"./chunk-EDXVE4YY-CDHv162l.js";var u={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{u as diagram};

package/dist/app/assets/clone-DnldPOas.js

@@ -1 +0,0 @@
-import{b as r}from"./graph-VkviDXZM.js";var e=4;function a(o){return r(o,e)}export{a as c};

package/dist/app/assets/stateDiagram-v2-QKLJ7IA2-Dw6r5BXK.js

@@ -1 +0,0 @@
-import{s as t,b as r,a,S as s}from"./chunk-OYMX7WX6-B0WqmfnM.js";import{_ as i}from"./index-B2Rg5xL3.js";import"./chunk-55IACEB6-CnBWGq6G.js";import"./chunk-EDXVE4YY-CDHv162l.js";var l={parser:a,get db(){return new s(2)},renderer:r,styles:t,init:i(e=>{e.state||(e.state={}),e.state.arrowMarkerAbsolute=e.arrowMarkerAbsolute},"init")};export{l as diagram};