@iota-uz/sdk 0.4.31 → 0.4.32

package/dist/bichat/index.cjs

@@ -1854,9 +1854,11 @@ function deriveSessionSnapshot(state, methods) {
     debugLimits: state.session.debugLimits,
     reasoningEffort: state.session.reasoningEffort,
     reasoningEffortOptions: state.session.reasoningEffortOptions,
+    model: state.session.model,
     setError: methods.setError,
     retryFetchSession: methods.retryFetchSession,
-    setReasoningEffort: methods.setReasoningEffort
+    setReasoningEffort: methods.setReasoningEffort,
+    setModel: methods.setModel
   };
 }
 function deriveMessagingSnapshot(state, methods) {
@@ -2137,7 +2139,8 @@ var ChatMachine = class {
         this.cachedSessionSnapshot = deriveSessionSnapshot(this.state, {
           setError: this.setError,
           retryFetchSession: this.retryFetchSession,
-          setReasoningEffort: this.setReasoningEffort
+          setReasoningEffort: this.setReasoningEffort,
+          setModel: this.setModel
         });
         this.lastSessionSnapshotVersion = this.sessionSnapshotVersion;
       }
@@ -2209,7 +2212,8 @@ var ChatMachine = class {
         debugModeBySession: {},
         debugLimits: readDebugLimitsFromGlobalContext(),
         reasoningEffort: initialReasoningEffort,
-        reasoningEffortOptions: this.reasoningEffortOptions ?? void 0
+        reasoningEffortOptions: this.reasoningEffortOptions ?? void 0,
+        model: void 0
       },
       messaging: {
         turns: [],
@@ -2252,6 +2256,7 @@ var ChatMachine = class {
     this.removeQueueItem = this._removeQueueItem.bind(this);
     this.updateQueueItem = this._updateQueueItem.bind(this);
     this.setReasoningEffort = this._setReasoningEffort.bind(this);
+    this.setModel = this._setModel.bind(this);
   }
   buildReasoningEffortOptions() {
     const options = readReasoningEffortOptionsFromGlobalContext();
@@ -2395,6 +2400,9 @@ var ChatMachine = class {
     }
     clearReasoningEffort();
   }
+  _setModel(model) {
+    this._updateSession({ model });
+  }
   // =====================================================================
   // Private — session fetch
   // =====================================================================
@@ -2869,6 +2877,7 @@ var ChatMachine = class {
       debugMode,
       replaceFromMessageID,
       reasoningEffort,
+      model,
       tempTurnId
     } = params;
     let accumulatedContent = "";
@@ -2884,7 +2893,8 @@ var ChatMachine = class {
       {
         debugMode,
         replaceFromMessageID,
-        reasoningEffort
+        reasoningEffort,
+        model
       }
     )) {
       if (this.abortController?.signal.aborted) {
@@ -3034,7 +3044,7 @@ var ChatMachine = class {
     if (this.disposed) {
       return;
     }
-    if (!content.trim() || this.state.messaging.loading) {
+    if (!content.trim() || this.state.messaging.loading || isOpenQuestionStatus(this.state.messaging.pendingQuestion?.status)) {
       return;
     }
     const trimmedContent = content.trim();
@@ -3091,6 +3101,7 @@ var ChatMachine = class {
         reasoningEffort: this.sanitizeReasoningEffort(
           this.state.session.reasoningEffort
         ),
+        model: this.state.session.model,
         tempTurnId: tempTurn.id
       });
       if (stopped) {
@@ -3129,7 +3140,7 @@ var ChatMachine = class {
       this.sendingSessionId = null;
       if (shouldDrainQueue) {
         const queue = this.state.input.messageQueue;
-        if (queue.length > 0) {
+        if (queue.length > 0 && !isOpenQuestionStatus(this.state.messaging.pendingQuestion?.status)) {
           const next = queue[0];
           this._updateInput({ messageQueue: queue.slice(1) });
           setTimeout(() => {
@@ -8038,6 +8049,7 @@ function AssistantMessage({
             actionsSlotProps,
             /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               !hideTimestamp && /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.timestamp, children: timestamp }),
+              showDebug && turn.debug?.attempts?.[0]?.model && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-0.5 rounded px-1 py-0.5 text-[10px] font-medium leading-none text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800", children: turn.debug.attempts[0].model }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
@@ -12141,6 +12153,7 @@ function ChatSessionCore({
   welcomeSlot,
   logoSlot,
   actionsSlot,
+  inputHeaderSlot,
   onBack,
   thinkingVerbs,
   onSessionRestored,
@@ -12173,7 +12186,8 @@ function ChatSessionCore({
     streamErrorRetryable,
     isCompacting,
     retryLastMessage,
-    clearStreamError
+    clearStreamError,
+    pendingQuestion
   } = useChatMessaging();
   const {
     inputError,
@@ -12189,6 +12203,7 @@ function ChatSessionCore({
   const isArchived = session?.status === "archived";
   const accessReadOnly = session?.access ? !session.access.canWrite : false;
   const effectiveReadOnly = Boolean(readOnly ?? isReadOnly) || isArchived || accessReadOnly;
+  const composerDisabled = isOpenQuestionStatus(pendingQuestion?.status);
   const [restoring, setRestoring] = React.useState(false);
   const handleRestore = React.useCallback(async () => {
     if (!session?.id) {
@@ -12427,7 +12442,7 @@ function ChatSessionCore({
             className: "relative flex min-h-0 flex-1 overflow-hidden",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: showWelcome ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 items-center justify-center px-4 py-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-5xl", children: [
-                welcomeSlot || /* @__PURE__ */ jsxRuntime.jsx(WelcomeContent_default, { onPromptSelect: handlePromptSelect, disabled: loading }),
+                welcomeSlot || /* @__PURE__ */ jsxRuntime.jsx(WelcomeContent_default, { onPromptSelect: handlePromptSelect, disabled: loading || composerDisabled }),
                 streamError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
                   StreamError,
                   {
@@ -12437,6 +12452,7 @@ function ChatSessionCore({
                     onDismiss: clearStreamError
                   }
                 ) }),
+                !effectiveReadOnly && inputHeaderSlot,
                 !effectiveReadOnly && /* @__PURE__ */ jsxRuntime.jsx(
                   MessageInput,
                   {
@@ -12458,6 +12474,7 @@ function ChatSessionCore({
                     onCancelStreaming: cancel,
                     containerClassName: "pt-6 px-6",
                     formClassName: "mx-auto",
+                    disabled: composerDisabled,
                     reasoningEffortOptions,
                     reasoningEffort,
                     onReasoningEffortChange: setReasoningEffort
@@ -12498,6 +12515,7 @@ function ChatSessionCore({
                     onDismiss: clearStreamError
                   }
                 ) }),
+                !effectiveReadOnly && inputHeaderSlot,
                 !effectiveReadOnly && /* @__PURE__ */ jsxRuntime.jsx(
                   MessageInput,
                   {
@@ -12517,6 +12535,7 @@ function ChatSessionCore({
                     onRemoveQueueItem: removeQueueItem,
                     onUpdateQueueItem: updateQueueItem,
                     onCancelStreaming: cancel,
+                    disabled: composerDisabled,
                     reasoningEffortOptions,
                     reasoningEffort,
                     onReasoningEffortChange: setReasoningEffort
@@ -12637,6 +12656,67 @@ function ChatSession(props) {
     }
   );
 }
+init_IotaContext();
+function ModelSelector() {
+  const { model, setModel } = useChatSession();
+  const context = useIotaContext();
+  const models = React.useMemo(
+    () => context.extensions?.llm?.models ?? [],
+    [context.extensions?.llm?.models]
+  );
+  const defaultModel = models.find((m) => m.default) ?? models[0];
+  const currentModel = model ?? defaultModel?.id;
+  React.useEffect(() => {
+    if (!model && defaultModel) {
+      setModel(defaultModel.id);
+    }
+  }, [model, defaultModel, setModel]);
+  const rotateModel = React.useCallback(() => {
+    const currentIndex = models.findIndex((m) => m.id === currentModel);
+    const nextIndex = (currentIndex + 1) % models.length;
+    setModel(models[nextIndex].id);
+  }, [currentModel, models, setModel]);
+  React.useEffect(() => {
+    const handler = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.shiftKey && e.key === "m") {
+        e.preventDefault();
+        rotateModel();
+      }
+    };
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [rotateModel]);
+  if (models.length < 2) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 pt-3 pb-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex rounded-lg bg-gray-100 p-0.5 dark:bg-gray-800", children: models.map((m) => {
+      const isActive = m.id === currentModel;
+      const isFast = m.label === "Fast";
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setModel(m.id),
+          className: `
+                flex items-center gap-1 rounded-md px-2.5 py-1 text-xs font-medium transition-all duration-150
+                ${isActive ? isFast ? "bg-white text-amber-600 shadow-sm dark:bg-gray-700 dark:text-amber-400" : "bg-white text-blue-600 shadow-sm dark:bg-gray-700 dark:text-blue-400" : "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300"}
+              `,
+          children: [
+            isFast ? /* @__PURE__ */ jsxRuntime.jsx(react.Lightning, { size: 13, weight: "fill" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Brain, { size: 13, weight: "fill" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: m.label })
+          ]
+        },
+        m.id
+      );
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "hidden select-none text-[10px] text-gray-400 sm:block dark:text-gray-500", children: [
+      navigator.platform.includes("Mac") ? "\u2318" : "Ctrl",
+      "\u21E7",
+      "M"
+    ] })
+  ] });
+}
 
 // ui/src/bichat/index.ts
 init_MarkdownRenderer();
@@ -19156,6 +19236,9 @@ async function* sendMessage(deps, sessionId, content, attachments = [], signal,
     if (options?.reasoningEffort) {
       payload.reasoningEffort = options.reasoningEffort;
     }
+    if (options?.model) {
+      payload.model = options.model;
+    }
     const timeoutMs = deps.streamConnectTimeoutMs ?? 0;
     if (timeoutMs > 0) {
       connectionTimeoutID = setTimeout(() => {
@@ -19702,6 +19785,7 @@ exports.MessageActions = MessageActions;
 exports.MessageInput = MessageInput;
 exports.MessageList = MessageList;
 exports.MessageRole = MessageRole;
+exports.ModelSelector = ModelSelector;
 exports.PermissionGuard = PermissionGuard;
 exports.QuestionForm = QuestionForm;
 exports.QuestionStep = QuestionStep;