@iota-uz/sdk 0.4.29 → 0.4.30

package/dist/bichat/index.mjs

@@ -2,7 +2,7 @@ import React, { createContext, memo, useRef, useEffect, useCallback, useState, u
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import ReactApexChart from 'react-apexcharts';
 import ApexCharts from 'apexcharts';
-import { CaretUp, CaretDown, DotsThreeVertical, Check, Copy, X, Columns, ArrowsIn, ArrowsOut, Warning, ArrowClockwise, Paperclip, Stop, PaperPlaneRight, ChartBar, FileText, Lightbulb, CircleNotch, ArrowUUpLeft, PencilSimple, Bookmark, ArrowsClockwise, Archive, Trash, UsersThree, DotsThree, Image, MagnifyingGlass, DownloadSimple, ArrowCounterClockwise, Bug, ArrowUp, ArrowDown, Stack, ImageBroken, CaretLeft, CaretRight, Info, CheckCircle, XCircle, Spinner, WarningCircle, FilePdf, FileXls, FileCsv, FileDoc, FileCode, File as File$1, MagnifyingGlassMinus, MagnifyingGlassPlus, Download, ChatCircleDots, PencilSimpleLine, ArrowLeft, PaperPlaneTilt, ArrowRight, Timer, Lightning, Database, ArrowSquareOut, Wrench, ClockCounterClockwise, Package, Plus, Crown, UserPlus, ArrowsCounterClockwise, ChatCircle, Gear, Users, List, CaretLineLeft, CaretLineRight, Code, Table, SpinnerGap, FloppyDisk, ShareNetwork, Sidebar } from '@phosphor-icons/react';
+import { CaretUp, CaretDown, DotsThreeVertical, Check, Copy, X, Columns, ArrowsIn, ArrowsOut, Warning, ArrowClockwise, Paperclip, Stop, PaperPlaneRight, ChartBar, FileText, Lightbulb, CircleNotch, ArrowUUpLeft, PencilSimple, Bookmark, ArrowsClockwise, Archive, Trash, UsersThree, DotsThree, Image, MagnifyingGlass, DownloadSimple, ArrowCounterClockwise, Bug, ArrowUp, ArrowDown, Stack, Brain, CaretUpDown, ImageBroken, CaretLeft, CaretRight, Info, CheckCircle, XCircle, Spinner, WarningCircle, FilePdf, FileXls, FileCsv, FileDoc, FileCode, File as File$1, MagnifyingGlassMinus, MagnifyingGlassPlus, Download, ChatCircleDots, PencilSimpleLine, ArrowLeft, PaperPlaneTilt, ArrowRight, Timer, Lightning, Database, ArrowSquareOut, Wrench, ClockCounterClockwise, Package, Plus, Crown, UserPlus, ArrowsCounterClockwise, ChatCircle, Gear, Users, List, CaretLineLeft, CaretLineRight, Code, Table, SpinnerGap, FloppyDisk, ShareNetwork, Sidebar } from '@phosphor-icons/react';
 import { Prism } from 'react-syntax-highlighter';
 import { vscDarkPlus, vs } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import ReactMarkdown from 'react-markdown';
@@ -7989,10 +7989,33 @@ function AssistantMessage({
         /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-primary-700 dark:text-primary-300", children: t("BiChat.InlineQuestion.InputNeeded") }),
         /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.InlineQuestion.WaitingForDetails") })
       ] }),
-      renderMode === "hitl_resuming" && /* @__PURE__ */ jsxs("div", { className: "animate-slide-up rounded-2xl border border-emerald-200 dark:border-emerald-700/40 bg-gradient-to-b from-emerald-50/80 to-white dark:from-emerald-950/20 dark:to-gray-900/80 shadow-sm p-4", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-emerald-700 dark:text-emerald-300", children: pendingQuestion?.status === "REJECT_SUBMITTED" ? "Dismissal submitted" : "Answer submitted" }),
-        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: "Continuing the run. This state will update automatically when the resume finishes." })
-      ] }),
+      renderMode === "hitl_resuming" && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "status",
+          "aria-live": "polite",
+          className: "animate-slide-up flex items-center gap-2 rounded-xl border border-emerald-100/80 bg-emerald-50/60 px-3 py-2 text-xs text-emerald-800 dark:border-emerald-900/60 dark:bg-emerald-950/20 dark:text-emerald-200",
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "inline-flex h-2 w-2 flex-shrink-0 rounded-full bg-emerald-500 animate-pulse",
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: pendingQuestion?.status === "REJECT_SUBMITTED" ? t("BiChat.InlineQuestion.DismissalSubmitted") : t("BiChat.InlineQuestion.AnswerSubmitted") }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "text-emerald-400/80 dark:text-emerald-500/80",
+                "aria-hidden": "true",
+                children: "\u2022"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-emerald-700/80 dark:text-emerald-300/80", children: t("BiChat.InlineQuestion.ResumeInProgress") })
+          ]
+        }
+      ),
       renderMode === "hitl_form" && pendingQuestion && /* @__PURE__ */ jsx(InlineQuestionForm, { pendingQuestion }),
       hasContent && !hideActions && /* @__PURE__ */ jsx(
         "div",
@@ -9370,22 +9393,52 @@ function ReasoningEffortSelector({ options, value, onChange, disabled }) {
   const { t } = useTranslation();
   const selected = value || options[1] || options[0];
   const label = t("BiChat.Input.ReasoningEffort");
-  return /* @__PURE__ */ jsxs("div", { className: "flex-shrink-0 self-center flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500 font-medium whitespace-nowrap select-none", children: label }),
-    /* @__PURE__ */ jsx(
-      "select",
+  const selectedLabel = t(EFFORT_LABEL_KEYS[selected] ?? selected);
+  return /* @__PURE__ */ jsxs(Menu, { as: "div", className: "relative flex-shrink-0 self-center", children: [
+    /* @__PURE__ */ jsxs(
+      MenuButton,
       {
-        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"
+          "cursor-pointer inline-flex h-8 items-center gap-1.5 rounded-xl border border-gray-200/80 dark:border-gray-600/70",
+          "bg-white dark:bg-gray-800 px-2.5 text-[11px] font-medium leading-none text-gray-700 dark:text-gray-200",
+          "shadow-sm transition-colors hover:border-gray-300 hover:bg-white dark:hover:border-gray-500 dark:hover:bg-gray-800",
+          "focus:outline-none focus:ring-2 focus:ring-primary-500/20",
+          "disabled:cursor-not-allowed disabled:opacity-40"
         ].join(" "),
         "aria-label": label,
-        children: options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: t(EFFORT_LABEL_KEYS[opt] ?? opt) }, opt))
+        title: `${label}: ${selectedLabel}`,
+        children: [
+          /* @__PURE__ */ jsx(Brain, { size: 14, weight: "duotone", className: "text-primary-600 dark:text-primary-400" }),
+          /* @__PURE__ */ jsx("span", { className: "max-w-[72px] truncate", children: selectedLabel }),
+          /* @__PURE__ */ jsx(CaretUpDown, { size: 12, className: "text-gray-400 dark:text-gray-500" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MenuItems,
+      {
+        anchor: "top end",
+        className: "isolate z-30 min-w-[148px] rounded-xl border border-gray-200 bg-white p-1 shadow-xl ring-1 ring-black/5 dark:border-gray-700 dark:bg-gray-900 dark:ring-white/10 [--anchor-gap:8px]",
+        children: options.map((opt) => {
+          const optionLabel = t(EFFORT_LABEL_KEYS[opt] ?? opt);
+          const isSelected = opt === selected;
+          return /* @__PURE__ */ jsx(MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onChange(opt),
+              className: [
+                "flex w-full items-center gap-2 rounded-lg px-2.5 py-2 text-left text-[11px] font-medium transition-colors",
+                focus ? "bg-primary-50 text-primary-700 dark:bg-primary-950/40 dark:text-primary-200" : "text-gray-700 dark:text-gray-200"
+              ].join(" "),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: optionLabel }),
+                isSelected && /* @__PURE__ */ jsx(Check, { size: 12, weight: "bold", className: "text-primary-600 dark:text-primary-400" })
+              ]
+            }
+          ) }, opt);
+        })
       }
     )
   ] });