@iota-uz/sdk 0.4.25 → 0.4.27

package/README.md

@@ -52,8 +52,8 @@ applet rpc gen --name <applet-name>
 applet rpc check --name <applet-name>
 applet rpc watch --name <applet-name>
 applet deps check
-applet sdk link --sdk-root ../../applets
-applet sdk unlink
+applet sdk local --sdk-root ../../applets
+applet sdk local --off
 applet check               # deps + RPC drift for all applets
 applet schema export --name <applet>
 applet dev                 # start dev environment (all configured applets)
@@ -67,14 +67,15 @@ applet secrets delete --name <applet> --key OPENAI_API_KEY
 
 - **Specific version:** `go install github.com/iota-uz/applets/cmd/applet@v0.4.4`
 - **Shell completion:** `applet completion bash`, `applet completion zsh`, or `applet completion fish` — see `applet completion --help` for install instructions.
-- **Local SDK overrides:** `applet sdk link` writes local-only settings to `.applets/local.env` (gitignored) and avoids committing link overrides into package manifests/lockfiles.
+- **Local SDK alias mode:** `applet sdk local` writes local-only settings to `.applets/local.env` (gitignored). `applet dev` then injects `IOTA_SDK_DIST` so Vite aliases `@iota-uz/sdk` to your local SDK dist.
 
 ---
 
 ## DX Migration Notes (Breaking)
 
 - `applets/` is the canonical source of `@iota-uz/sdk`; `iota-sdk/package.json` is no longer the publish source.
-- Local SDK iteration should use `applet sdk link --sdk-root ../../applets` and `applet sdk unlink` instead of committing `pnpm` overrides/workspace links.
+- Local SDK iteration uses runtime alias mode only: `applet sdk local --sdk-root ../../applets` and `applet sdk local --off`.
+- Never commit local `pnpm` overrides/workspace links for `@iota-uz/sdk`.
 - `applet dev` now detects `go.work` dependencies and automatically watches/restarts critical processes when dependency code changes.
 - Keep `.applets/local.env` local-only. It is intentionally gitignored and must not be committed.
 

package/dist/bichat/index.cjs

@@ -1649,6 +1649,37 @@ function loadDebugMode(sessionId) {
   }
 }
 
+// ui/src/bichat/utils/reasoningEffortStorage.ts
+var STORAGE_KEY = "bichat.reasoningEffort";
+function saveReasoningEffort(effort) {
+  if (typeof window === "undefined") {
+    return;
+  }
+  try {
+    window.sessionStorage.setItem(STORAGE_KEY, effort);
+  } catch {
+  }
+}
+function loadReasoningEffort() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  try {
+    return window.sessionStorage.getItem(STORAGE_KEY);
+  } catch {
+    return null;
+  }
+}
+function clearReasoningEffort() {
+  if (typeof window === "undefined") {
+    return;
+  }
+  try {
+    window.sessionStorage.removeItem(STORAGE_KEY);
+  } catch {
+  }
+}
+
 // ui/src/bichat/utils/debugTrace.ts
 function hasMeaningfulUsage(trace) {
   if (!trace) {
@@ -1791,6 +1822,20 @@ function readDebugLimitsFromGlobalContext() {
     completionReserveTokens
   };
 }
+function readReasoningEffortOptionsFromGlobalContext() {
+  if (typeof window === "undefined") {
+    return void 0;
+  }
+  const opts = window.__APPLET_CONTEXT__?.extensions?.llm?.reasoningEffortOptions;
+  if (!Array.isArray(opts) || opts.length === 0) {
+    return void 0;
+  }
+  const filtered = opts.filter((o) => typeof o === "string");
+  if (filtered.length === 0) {
+    return void 0;
+  }
+  return filtered;
+}
 
 // ui/src/bichat/machine/selectors.ts
 function deriveDebugMode(state) {
@@ -1807,8 +1852,11 @@ function deriveSessionSnapshot(state, methods) {
     debugMode: deriveDebugMode(state),
     sessionDebugUsage: getSessionDebugUsage(state.messaging.turns),
     debugLimits: state.session.debugLimits,
+    reasoningEffort: state.session.reasoningEffort,
+    reasoningEffortOptions: state.session.reasoningEffortOptions,
     setError: methods.setError,
-    retryFetchSession: methods.retryFetchSession
+    retryFetchSession: methods.retryFetchSession,
+    setReasoningEffort: methods.setReasoningEffort
   };
 }
 function deriveMessagingSnapshot(state, methods) {
@@ -1998,6 +2046,8 @@ var ChatMachine = class {
     this.sendingSessionId = null;
     this.fetchCancelled = false;
     this.disposed = false;
+    this.reasoningEffortOptions = null;
+    this.reasoningEffortOptionSet = null;
     /** Memoized sessionDebugUsage — avoids unnecessary session re-renders during streaming. */
     this.lastSessionDebugUsage = null;
     /** Interval handle for passive polling when another tab has an active stream. */
@@ -2029,7 +2079,8 @@ var ChatMachine = class {
       if (this.lastSessionSnapshotVersion !== this.sessionSnapshotVersion) {
         this.cachedSessionSnapshot = deriveSessionSnapshot(this.state, {
           setError: this.setError,
-          retryFetchSession: this.retryFetchSession
+          retryFetchSession: this.retryFetchSession,
+          setReasoningEffort: this.setReasoningEffort
         });
         this.lastSessionSnapshotVersion = this.sessionSnapshotVersion;
       }
@@ -2083,6 +2134,12 @@ var ChatMachine = class {
     this.dataSource = config.dataSource;
     this.rateLimiter = config.rateLimiter;
     this.onSessionCreated = config.onSessionCreated;
+    this.reasoningEffortOptions = this.buildReasoningEffortOptions();
+    this.reasoningEffortOptionSet = this.reasoningEffortOptions ? new Set(this.reasoningEffortOptions) : null;
+    const initialReasoningEffort = this.sanitizeReasoningEffort(loadReasoningEffort() || void 0);
+    if (!initialReasoningEffort) {
+      clearReasoningEffort();
+    }
     this.state = {
       session: {
         currentSessionId: void 0,
@@ -2091,7 +2148,9 @@ var ChatMachine = class {
         error: null,
         errorRetryable: false,
         debugModeBySession: {},
-        debugLimits: readDebugLimitsFromGlobalContext()
+        debugLimits: readDebugLimitsFromGlobalContext(),
+        reasoningEffort: initialReasoningEffort,
+        reasoningEffortOptions: this.reasoningEffortOptions ?? void 0
       },
       messaging: {
         turns: [],
@@ -2133,6 +2192,21 @@ var ChatMachine = class {
     this.enqueueMessage = this._enqueueMessage.bind(this);
     this.removeQueueItem = this._removeQueueItem.bind(this);
     this.updateQueueItem = this._updateQueueItem.bind(this);
+    this.setReasoningEffort = this._setReasoningEffort.bind(this);
+  }
+  buildReasoningEffortOptions() {
+    const options = readReasoningEffortOptionsFromGlobalContext();
+    if (!options || options.length === 0) {
+      return null;
+    }
+    return options;
+  }
+  // Keep outbound payloads constrained to server-declared options.
+  sanitizeReasoningEffort(effort) {
+    if (!effort || !this.reasoningEffortOptionSet || this.reasoningEffortOptionSet.size === 0) {
+      return void 0;
+    }
+    return this.reasoningEffortOptionSet.has(effort) ? effort : void 0;
   }
   // =====================================================================
   // Lifecycle
@@ -2253,6 +2327,15 @@ var ChatMachine = class {
       }
     });
   }
+  _setReasoningEffort(effort) {
+    const next = this.sanitizeReasoningEffort(effort);
+    this._updateSession({ reasoningEffort: next });
+    if (next) {
+      saveReasoningEffort(next);
+      return;
+    }
+    clearReasoningEffort();
+  }
   // =====================================================================
   // Private — session fetch
   // =====================================================================
@@ -2680,6 +2763,7 @@ var ChatMachine = class {
       attachments,
       debugMode,
       replaceFromMessageID,
+      reasoningEffort,
       tempTurnId
     } = params;
     let accumulatedContent = "";
@@ -2694,7 +2778,8 @@ var ChatMachine = class {
       this.abortController?.signal,
       {
         debugMode,
-        replaceFromMessageID
+        replaceFromMessageID,
+        reasoningEffort
       }
     )) {
       if (this.abortController?.signal.aborted) {
@@ -2891,6 +2976,7 @@ var ChatMachine = class {
         attachments,
         debugMode: curDebugMode,
         replaceFromMessageID,
+        reasoningEffort: this.sanitizeReasoningEffort(this.state.session.reasoningEffort),
         tempTurnId: tempTurn.id
       });
       if (stopped) {
@@ -7087,21 +7173,15 @@ function calculateContextUsagePercent(promptTokens, effectiveMaxTokens) {
   }
   return promptTokens / effectiveMaxTokens * 100;
 }
-function CopyPill({ text }) {
+function useCopyFeedback() {
   const [copied, setCopied] = React.useState(false);
   const timerRef = React.useRef(null);
-  React.useEffect(() => () => {
-    if (timerRef.current !== null) {
-      clearTimeout(timerRef.current);
-    }
-  }, []);
-  const handleCopy = async (e) => {
-    e.stopPropagation();
+  const copy = React.useCallback(async (text) => {
     try {
       await navigator.clipboard.writeText(text);
       setCopied(true);
       if (timerRef.current !== null) {
-        clearTimeout(timerRef.current);
+        window.clearTimeout(timerRef.current);
       }
       timerRef.current = window.setTimeout(() => {
         setCopied(false);
@@ -7110,6 +7190,19 @@ function CopyPill({ text }) {
     } catch (err) {
       console.error("Copy failed:", err);
     }
+  }, []);
+  React.useEffect(() => () => {
+    if (timerRef.current !== null) {
+      window.clearTimeout(timerRef.current);
+    }
+  }, []);
+  return { copied, copy };
+}
+function CopyPill({ text }) {
+  const { copied, copy } = useCopyFeedback();
+  const handleCopy = async (e) => {
+    e.stopPropagation();
+    await copy(text);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
@@ -7127,6 +7220,25 @@ function CopyPill({ text }) {
     }
   );
 }
+function InlineCopyButton({ text }) {
+  const { copied, copy } = useCopyFeedback();
+  const handleCopy = async (e) => {
+    e.stopPropagation();
+    await copy(text);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      onClick: handleCopy,
+      "aria-label": copied ? "Copied" : "Copy",
+      className: [
+        "flex-shrink-0 p-1 rounded transition-colors duration-150",
+        copied ? "text-emerald-500 dark:text-emerald-400" : "text-gray-300 dark:text-gray-600 hover:text-gray-500 dark:hover:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700/40"
+      ].join(" "),
+      children: copied ? /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 11, weight: "bold" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Copy, { size: 11 })
+    }
+  );
+}
 function MetricChip({ icon, value, label }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-md bg-gray-50 dark:bg-gray-800/40 text-[11px] tabular-nums", children: [
     icon,
@@ -7225,7 +7337,7 @@ function ToolCard({ tool }) {
     }
   );
 }
-function DebugPanel({ trace, debugLimits = null }) {
+function DebugPanel({ trace }) {
   const hasData = !!trace && hasDebugTrace(trace);
   const traceID = trace?.traceId?.trim() || "";
   const traceURL = trace?.traceUrl?.trim() || "";
@@ -7244,22 +7356,6 @@ function DebugPanel({ trace, debugLimits = null }) {
     }
   })();
   const tokensPerSecond = calculateCompletionTokensPerSecond(trace?.usage, trace?.generationMs);
-  const effectiveMaxTokens = debugLimits?.effectiveMaxTokens ?? 0;
-  const promptTokens = trace?.usage?.promptTokens ?? 0;
-  const contextUsagePercent = calculateContextUsagePercent(promptTokens, effectiveMaxTokens);
-  const contextUsagePercentLabel = contextUsagePercent !== null ? contextUsagePercent.toFixed(1) : null;
-  const formatCompactTokens = (value) => {
-    if (!Number.isFinite(value) || value <= 0) {
-      return "0 tokens";
-    }
-    return `${new Intl.NumberFormat("en-US", {
-      notation: "compact",
-      maximumFractionDigits: value >= 1e5 ? 0 : 1
-    }).format(value)} tokens`;
-  };
-  const contextPercentValue = contextUsagePercent ?? 0;
-  const contextUsageToneClass = contextPercentValue > 75 ? "bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400" : contextPercentValue > 50 ? "bg-amber-100 dark:bg-amber-900/30 text-amber-600 dark:text-amber-400" : "bg-emerald-100 dark:bg-emerald-900/30 text-emerald-600 dark:text-emerald-400";
-  const contextUsageBarColor = contextPercentValue > 75 ? "#ef4444" : contextPercentValue > 50 ? "#f59e0b" : "#10b981";
   const metrics = [];
   if (hasData && trace) {
     if (trace.generationMs !== void 0) {
@@ -7312,34 +7408,36 @@ function DebugPanel({ trace, debugLimits = null }) {
       hasData && trace && /* @__PURE__ */ jsxRuntime.jsx(CopyPill, { text: JSON.stringify(trace, null, 2) })
     ] }),
     hasData && trace ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-      (traceID || safeTraceURL) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-gray-200/60 dark:border-gray-700/40 bg-gray-50/50 dark:bg-gray-800/40 p-3 space-y-2", children: [
-        traceID && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] uppercase tracking-wider text-gray-500 dark:text-gray-400", children: "Trace ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-mono text-[11px] text-gray-800 dark:text-gray-200 break-all", children: traceID })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(CopyPill, { text: traceID })
+      (traceID || trace.sessionId) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-gray-200/60 dark:border-gray-700/40 bg-gray-50/50 dark:bg-gray-800/40 px-3 py-2 space-y-1.5", children: [
+        traceID && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 text-[10px] uppercase tracking-wider text-gray-400 dark:text-gray-500 w-14", children: "Trace" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 min-w-0 font-mono text-[11px] text-gray-700 dark:text-gray-300 truncate", title: traceID, children: traceID }),
+          /* @__PURE__ */ jsxRuntime.jsx(InlineCopyButton, { text: traceID })
         ] }),
-        safeTraceURL && /* @__PURE__ */ jsxRuntime.jsxs(
-          "a",
-          {
-            href: safeTraceURL,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            "aria-label": "View full trace in Langfuse (opens in new tab)",
-            className: "inline-flex items-center gap-1.5 text-[11px] font-medium text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(react.ArrowSquareOut, { size: 12, weight: "bold" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Open in Langfuse" })
-            ]
-          }
-        )
-      ] }),
-      (trace.thinking || trace.observationReason || trace.sessionId) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-gray-200/60 dark:border-gray-700/40 bg-gray-50/50 dark:bg-gray-800/40 p-3 space-y-2", children: [
-        trace.sessionId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[10px] uppercase tracking-wider text-gray-500 dark:text-gray-400", children: [
-          "Session: ",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono normal-case break-all", children: trace.sessionId })
+        trace.sessionId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 text-[10px] uppercase tracking-wider text-gray-400 dark:text-gray-500 w-14", children: "Session" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 min-w-0 font-mono text-[11px] text-gray-700 dark:text-gray-300 truncate", title: trace.sessionId, children: trace.sessionId }),
+          /* @__PURE__ */ jsxRuntime.jsx(InlineCopyButton, { text: trace.sessionId })
         ] }),
+        safeTraceURL && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0 pt-0.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 w-14" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "a",
+            {
+              href: safeTraceURL,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              "aria-label": "Open in Langfuse",
+              className: "inline-flex items-center gap-1.5 text-[11px] font-medium text-blue-500 hover:text-blue-600 dark:text-blue-400 dark:hover:text-blue-300 transition-colors duration-150",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(react.ArrowSquareOut, { size: 11, weight: "bold" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Open in Langfuse" })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      (trace.thinking || trace.observationReason) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-gray-200/60 dark:border-gray-700/40 bg-gray-50/50 dark:bg-gray-800/40 p-3 space-y-2", children: [
         trace.observationReason && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[11px] text-amber-700 dark:text-amber-300", children: [
           "Observation: ",
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: trace.observationReason })
@@ -7379,30 +7477,6 @@ function DebugPanel({ trace, debugLimits = null }) {
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-1.5 py-0.5 rounded-full bg-gray-100 dark:bg-gray-800 text-[10px] font-mono font-medium text-gray-500 dark:text-gray-400 tabular-nums", children: trace.tools.length })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: trace.tools.map((tool, idx) => /* @__PURE__ */ jsxRuntime.jsx(ToolCard, { tool }, `${tool.callId || tool.name}-${idx}`)) })
-      ] }),
-      contextUsagePercentLabel !== null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-gray-200/60 dark:border-gray-700/40 bg-gray-50/50 dark:bg-gray-800/40 p-3 space-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] uppercase tracking-wider text-gray-500 dark:text-gray-400", children: "Context usage" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono text-[10px] text-gray-500 dark:text-gray-400 tabular-nums", children: [
-            formatCompactTokens(promptTokens),
-            " / ",
-            formatCompactTokens(effectiveMaxTokens)
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `px-1.5 py-0.5 rounded-full text-[10px] font-semibold tabular-nums ${contextUsageToneClass}`, children: [
-            contextUsagePercentLabel,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 rounded-full bg-gray-200/80 dark:bg-gray-700/50 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "h-full rounded-full transition-all duration-700 ease-out",
-            style: {
-              width: `${Math.min(contextPercentValue, 100)}%`,
-              backgroundColor: contextUsageBarColor
-            }
-          }
-        ) })
       ] })
     ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500 italic", children: "Debug info unavailable" })
   ] });
@@ -7464,8 +7538,7 @@ function AssistantMessage({
   hideAvatar = false,
   hideActions = false,
   hideTimestamp = false,
-  showDebug = false,
-  debugLimits = null
+  showDebug = false
 }) {
   const { t } = useTranslation();
   const [explanationExpanded, setExplanationExpanded] = React.useState(false);
@@ -7656,7 +7729,7 @@ function AssistantMessage({
             explanationExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-3 text-sm text-gray-600 dark:text-gray-400", children: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { children: t("BiChat.Common.Loading") }), children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownRenderer2, { content: turn.explanation }) }) })
           ] })
         ) }),
-        showDebug && /* @__PURE__ */ jsxRuntime.jsx(DebugPanel, { trace: turn.debug, debugLimits })
+        showDebug && /* @__PURE__ */ jsxRuntime.jsx(DebugPanel, { trace: turn.debug })
       ] }),
       turn.artifacts && turn.artifacts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.artifacts, children: renderSlot(
         slots?.artifacts,
@@ -7848,7 +7921,7 @@ function AssistantTurnView({
   hideTimestamp,
   allowRegenerate = true
 }) {
-  const { debugMode, debugLimits } = useChatSession();
+  const { debugMode } = useChatSession();
   const { handleCopy, handleRegenerate, pendingQuestion, sendMessage: sendMessage2, loading } = useChatMessaging();
   const assistantTurn = turn.assistantTurn;
   if (!assistantTurn) {
@@ -7883,8 +7956,7 @@ function AssistantTurnView({
       hideAvatar,
       hideActions,
       hideTimestamp,
-      showDebug: debugMode,
-      debugLimits
+      showDebug: debugMode
     }
   );
 }
@@ -9029,6 +9101,36 @@ function DebugStatsPanel({ debugSessionUsage, debugLimits }) {
     ] })
   ] });
 }
+var EFFORT_LABEL_KEYS = {
+  low: "BiChat.Input.ReasoningEffortLow",
+  medium: "BiChat.Input.ReasoningEffortMedium",
+  high: "BiChat.Input.ReasoningEffortHigh",
+  xhigh: "BiChat.Input.ReasoningEffortXHigh"
+};
+function ReasoningEffortSelector({ options, value, onChange, disabled }) {
+  const { t } = useTranslation();
+  const selected = value || options[1] || options[0];
+  const label = t("BiChat.Input.ReasoningEffort");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 self-center flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500 font-medium whitespace-nowrap select-none", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "select",
+      {
+        value: selected,
+        disabled,
+        onChange: (event) => onChange(event.target.value),
+        className: [
+          "cursor-pointer h-8 rounded-lg border border-gray-200 dark:border-gray-600",
+          "bg-gray-50 dark:bg-gray-700/50 px-2.5 text-[11px] font-medium leading-none",
+          "text-gray-700 dark:text-gray-200 focus:outline-none focus:ring-2 focus:ring-primary-500/25",
+          "disabled:opacity-40 disabled:cursor-not-allowed"
+        ].join(" "),
+        "aria-label": label,
+        children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, children: t(EFFORT_LABEL_KEYS[opt] ?? opt) }, opt))
+      }
+    )
+  ] });
+}
 var MAX_FILES_DEFAULT = 10;
 var MAX_FILE_SIZE_DEFAULT = 20 * 1024 * 1024;
 var MAX_HEIGHT = 192;
@@ -9055,7 +9157,10 @@ var MessageInput = React.forwardRef(
     maxFiles = MAX_FILES_DEFAULT,
     maxFileSize = MAX_FILE_SIZE_DEFAULT,
     containerClassName,
-    formClassName
+    formClassName,
+    reasoningEffortOptions,
+    reasoningEffort,
+    onReasoningEffortChange
   }, ref) => {
     const { t } = useTranslation();
     const [attachments, setAttachments] = React.useState([]);
@@ -9382,6 +9487,16 @@ var MessageInput = React.forwardRef(
     const canSubmit = !disabled && (message.trim() || attachments.length > 0);
     const visibleError = error || commandError;
     const visibleErrorText = visibleError ? t(visibleError) : "";
+    const resolvedReasoningEffort = reasoningEffortOptions && reasoningEffortOptions.length > 0 ? reasoningEffortOptions.includes(reasoningEffort ?? "") ? reasoningEffort : reasoningEffortOptions[1] || reasoningEffortOptions[0] : void 0;
+    React.useEffect(() => {
+      if (!onReasoningEffortChange || !reasoningEffortOptions?.length) {
+        return;
+      }
+      if (!resolvedReasoningEffort || resolvedReasoningEffort === reasoningEffort) {
+        return;
+      }
+      onReasoningEffortChange(resolvedReasoningEffort);
+    }, [reasoningEffort, onReasoningEffortChange, reasoningEffortOptions, resolvedReasoningEffort]);
     const defaultContainerClassName = "shrink-0 px-4 pt-4 pb-6";
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -9504,16 +9619,25 @@ var MessageInput = React.forwardRef(
                           "aria-label": t("BiChat.Input.MessageInput")
                         }
                       ) }),
+                      reasoningEffortOptions && reasoningEffortOptions.length > 0 && onReasoningEffortChange && /* @__PURE__ */ jsxRuntime.jsx(
+                        ReasoningEffortSelector,
+                        {
+                          options: reasoningEffortOptions,
+                          value: resolvedReasoningEffort,
+                          onChange: onReasoningEffortChange,
+                          disabled: disabled || loading
+                        }
+                      ),
                       isStreaming && onCancelStreaming ? /* @__PURE__ */ jsxRuntime.jsx(
                         "button",
                         {
                           type: "button",
                           onClick: onCancelStreaming,
                           disabled: disabled || fetching,
-                          className: "cursor-pointer flex-shrink-0 self-center p-2 rounded-lg bg-red-600 hover:bg-red-700 active:bg-red-800 active:scale-95 text-white shadow-sm transition-all disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-red-600",
+                          className: "cursor-pointer flex-shrink-0 self-center p-2 rounded-lg bg-gray-900 hover:bg-gray-800 active:bg-black active:scale-95 text-white shadow-sm transition-all dark:bg-gray-100 dark:hover:bg-gray-200 dark:active:bg-white dark:text-gray-900 disabled:opacity-40 disabled:cursor-not-allowed",
                           "aria-label": t("BiChat.Common.Cancel"),
                           title: t("BiChat.Common.Cancel"),
-                          children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 18, weight: "bold" })
+                          children: /* @__PURE__ */ jsxRuntime.jsx(react.Stop, { size: 18, weight: "fill" })
                         }
                       ) : /* @__PURE__ */ jsxRuntime.jsx(
                         "button",
@@ -11703,7 +11827,10 @@ function ChatSessionCore({
     debugLimits,
     currentSessionId,
     setError,
-    retryFetchSession
+    retryFetchSession,
+    reasoningEffort,
+    setReasoningEffort,
+    reasoningEffortOptions
   } = useChatSession();
   const {
     turns,
@@ -11998,7 +12125,10 @@ function ChatSessionCore({
                     onUpdateQueueItem: updateQueueItem,
                     onCancelStreaming: cancel,
                     containerClassName: "pt-6 px-6",
-                    formClassName: "mx-auto"
+                    formClassName: "mx-auto",
+                    reasoningEffortOptions,
+                    reasoningEffort,
+                    onReasoningEffortChange: setReasoningEffort
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 pb-1 text-center text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.Welcome.Disclaimer") })
@@ -12054,7 +12184,10 @@ function ChatSessionCore({
                     onUnqueue: handleUnqueue,
                     onRemoveQueueItem: removeQueueItem,
                     onUpdateQueueItem: updateQueueItem,
-                    onCancelStreaming: cancel
+                    onCancelStreaming: cancel,
+                    reasoningEffortOptions,
+                    reasoningEffort,
+                    onReasoningEffortChange: setReasoningEffort
                   }
                 )
               ] }) }),
@@ -18586,6 +18719,9 @@ async function* sendMessage(deps, sessionId, content, attachments = [], signal,
       replaceFromMessageId: options?.replaceFromMessageID,
       attachments: streamAttachments
     };
+    if (options?.reasoningEffort) {
+      payload.reasoningEffort = options.reasoningEffort;
+    }
     const timeoutMs = deps.streamConnectTimeoutMs ?? 0;
     if (timeoutMs > 0) {
       connectionTimeoutID = setTimeout(() => {