@xpert-ai/chatkit-ui 0.3.16 → 0.3.18

package/dist/index.cjs

@@ -122,10 +122,62 @@ function createMessageId() {
 
 // src/lib/message.ts
 var import_lodash_es = require("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;
@@ -135,10 +187,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") {
@@ -236,28 +291,28 @@ function getMissingApiConfigurationKind({
 
 // src/lib/request-options.ts
 var import_chatkit_types2 = require("@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?.[import_chatkit_types2.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
@@ -793,7 +848,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,
@@ -1050,36 +1105,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();
@@ -1192,14 +1217,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"
@@ -4173,8 +4184,6 @@ function useRoundedClasses() {
 function PendingFollowUps({
   items,
   isLoading,
-  followUpBehavior,
-  onBehaviorChange,
   onPromoteToSteer,
   canSendNow,
   onSendNow,
@@ -4186,16 +4195,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;
   }
@@ -4209,75 +4214,7 @@ function PendingFollowUps({
         className
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-xs font-medium text-foreground", children: t("chat.followUps.pending") }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-              "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__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.SlidersHorizontal, { className: "h-3.5 w-3.5" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sr-only", children: t("chat.followUps.settings") })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipContent, { side: "top", children: t("chat.followUps.settings") })
-          ] })
-        ] }),
-        isSettingsOpen && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-          "div",
-          {
-            id: "follow-ups-settings-panel",
-            className: cn(
-              "border border-border/70 bg-muted/20 px-3 py-2",
-              rounded.panel
-            ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-xs font-medium text-foreground", children: t("chat.followUps.label") }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-[11px] text-muted-foreground", children: isLoading ? t("chat.followUps.activeHint") : t("chat.followUps.idleHint") })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                "div",
-                {
-                  className: cn(
-                    "inline-flex shrink-0 border border-border bg-background p-1",
-                    rounded.control
-                  ),
-                  children: ["queue", "steer"].map((behavior) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Tooltip, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                      "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__ */ (0, import_jsx_runtime18.jsx)(TooltipContent, { side: "top", children: behavior === "queue" ? t("chat.followUps.queueHint") : t("chat.followUps.steerHint") })
-                  ] }, behavior))
-                }
-              )
-            ] })
-          }
-        ),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center justify-between gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("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__ */ (0, import_jsx_runtime18.jsx)(
@@ -4306,7 +4243,7 @@ function PendingFollowUps({
                       }
                     ) }),
                     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
-                      item.mode === "queue" && isLoading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                      item.mode === "queue" && isLoading && !item.queuedFromSteer && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                         "button",
                         {
                           type: "button",
@@ -4376,44 +4313,24 @@ function PendingFollowUps({
                                   "w-52 border-border/70 bg-background p-1.5",
                                   rounded.panel
                                 ),
-                                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-                                    "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__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.PencilLine, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: t("chat.followUps.edit") })
-                                      ]
-                                    }
-                                  ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-                                    "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__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.CornerDownLeft, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: t("chat.followUps.turnOffQueueing") })
-                                      ]
-                                    }
-                                  )
-                                ] })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-col gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                                  "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__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.PencilLine, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: t("chat.followUps.edit") })
+                                    ]
+                                  }
+                                ) })
                               }
                             )
                           ]
@@ -7847,6 +7764,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;
@@ -7958,6 +7878,7 @@ function normalizeAssistantEntries(message) {
     }
   } else if (Array.isArray(message.content)) {
     message.content.forEach((item, index) => {
+      if (isThreadContextUsageRenderArtifact(item)) return;
       entries.push({
         item,
         index,
@@ -9738,7 +9659,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) {
@@ -9770,9 +9691,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}`;
@@ -9792,9 +9713,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) {
@@ -9824,7 +9745,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((0, import_chatkit_types6.resolveLocalizedText)(data.message, language)) ?? readString(input);
@@ -10492,6 +10413,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);
@@ -10575,6 +10497,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;
@@ -11121,7 +11046,7 @@ var React34 = require("react");
 var import_chatkit_types8 = require("@xpert-ai/chatkit-types");
 var import_lucide_react22 = require("lucide-react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
-function isRecord3(value) {
+function isRecord4(value) {
   return !!value && typeof value === "object" && !Array.isArray(value);
 }
 function readString2(record, keys) {
@@ -11134,11 +11059,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) {
@@ -11163,7 +11088,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"]);
@@ -11191,7 +11116,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 === import_chatkit_types8.REQUEST_USER_INPUT_RESULT_TYPE;
@@ -11205,7 +11130,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;
   }
@@ -11849,6 +11774,9 @@ function renderContentItem(content, index, message, lookupMessages, options) {
   if (typeof content === "string") {
     return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: textClassName, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MarkdownText, { children: content }) }, `text-${index}`);
   }
+  if (isThreadContextUsageRenderArtifact(content)) {
+    return null;
+  }
   if (isTextContent3(content)) {
     return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: textClassName, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MarkdownText, { children: content.text }) }, content.id ?? `text-${index}`);
   }
@@ -14510,9 +14438,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;
@@ -15224,13 +15150,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,
@@ -15789,9 +15714,7 @@ function Chat({
       if (submitGoalModeDraft()) {
         return;
       }
-      submitDraft(
-        getBusyComposerShortcutFollowUpMode(event.metaKey || event.ctrlKey)
-      );
+      submitDraft();
       return;
     }
     if (executeSlashCommandFromDraft()) {
@@ -15901,17 +15824,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);
   };
@@ -15922,7 +15834,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 } : {},
@@ -16690,8 +16602,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),
@@ -16841,13 +16751,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
                         }