@iota-uz/sdk 0.4.12 → 0.4.13

package/dist/bichat/index.cjs

@@ -10,10 +10,10 @@ var prism = require('react-syntax-highlighter/dist/esm/styles/prism');
 var ReactMarkdown = require('react-markdown');
 var remarkGfm = require('remark-gfm');
 var framerMotion = require('framer-motion');
+require('react-dom/client');
 var dateFns = require('date-fns');
 var react$1 = require('@headlessui/react');
 var reactDom = require('react-dom');
-require('react-dom/client');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -32,12 +32,12 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-function IotaContextProvider({ children }) {
-  const initialContext = window.__BICHAT_CONTEXT__;
-  if (!initialContext) {
-    throw new Error("BICHAT_CONTEXT not found. Ensure server injected context into window object.");
+function IotaContextProvider({ context, children }) {
+  const resolved = context ?? (typeof window !== "undefined" ? window.__APPLET_CONTEXT__ : void 0);
+  if (!resolved) {
+    throw new Error("APPLET_CONTEXT not found. Pass a `context` prop or ensure the server injected context into window.__APPLET_CONTEXT__.");
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(IotaContext.Provider, { value: initialContext, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(IotaContext.Provider, { value: resolved, children });
 }
 function useIotaContext() {
   const context = React.useContext(IotaContext);
@@ -47,7 +47,7 @@ function useIotaContext() {
   return context;
 }
 function hasPermission(permission) {
-  const context = window.__BICHAT_CONTEXT__;
+  const context = typeof window !== "undefined" ? window.__APPLET_CONTEXT__ : void 0;
   if (!context) {
     return false;
   }
@@ -304,12 +304,16 @@ var init_chartSpec = __esm({
 exports.TableExportButton = void 0;
 var init_TableExportButton = __esm({
   "ui/src/bichat/components/TableExportButton.tsx"() {
+    init_useTranslation();
     exports.TableExportButton = React.memo(function TableExportButton2({
       onClick,
       disabled = false,
-      label = "Export",
-      disabledTooltip = "Please wait..."
+      label,
+      disabledTooltip
     }) {
+      const { t } = useTranslation();
+      const resolvedLabel = label ?? t("BiChat.Export");
+      const resolvedDisabledTooltip = disabledTooltip ?? t("BiChat.Common.PleaseWait");
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
@@ -317,35 +321,38 @@ var init_TableExportButton = __esm({
           onClick,
           disabled,
           className: "cursor-pointer inline-flex items-center gap-1 px-2 py-1 text-xs font-medium text-green-700 dark:text-green-400 hover:text-green-800 dark:hover:text-green-300 disabled:text-gray-400 disabled:cursor-not-allowed transition-colors rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50",
-          "aria-label": label,
-          title: disabled ? disabledTooltip : label,
+          "aria-label": resolvedLabel,
+          title: disabled ? resolvedDisabledTooltip : resolvedLabel,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(react.FileXls, { size: 16, weight: "fill" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: resolvedLabel })
           ]
         }
       );
     });
   }
 });
-var DEFAULT_EXPORT_MESSAGE; exports.TableWithExport = void 0;
+exports.TableWithExport = void 0;
 var init_TableWithExport = __esm({
   "ui/src/bichat/components/TableWithExport.tsx"() {
     init_TableExportButton();
-    DEFAULT_EXPORT_MESSAGE = "Export the table above to Excel";
+    init_useTranslation();
     exports.TableWithExport = React.memo(function TableWithExport2({
       children,
       sendMessage,
       disabled = false,
-      exportMessage = DEFAULT_EXPORT_MESSAGE,
-      exportLabel = "Export"
+      exportMessage,
+      exportLabel
     }) {
+      const { t } = useTranslation();
+      const resolvedExportMessage = exportMessage ?? t("BiChat.ExportTableToExcel");
+      const resolvedExportLabel = exportLabel ?? t("BiChat.Export");
       const handleExport = React.useCallback(() => {
-        sendMessage?.(exportMessage);
-      }, [sendMessage, exportMessage]);
+        sendMessage?.(resolvedExportMessage);
+      }, [sendMessage, resolvedExportMessage]);
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "markdown-table-wrapper overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "markdown-table w-full border-collapse", children }) }),
-        sendMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(exports.TableExportButton, { onClick: handleExport, disabled, label: exportLabel }) })
+        sendMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(exports.TableExportButton, { onClick: handleExport, disabled, label: resolvedExportLabel }) })
       ] });
     });
   }
@@ -365,9 +372,12 @@ function CodeBlock({
   language,
   value,
   inline,
-  copyLabel = "Copy",
-  copiedLabel = "Copied!"
+  copyLabel,
+  copiedLabel
 }) {
+  const { t } = useTranslation();
+  const resolvedCopyLabel = copyLabel ?? t("BiChat.Message.Copy");
+  const resolvedCopiedLabel = copiedLabel ?? t("BiChat.Message.Copied");
   const [copied, setCopied] = React.useState(false);
   const [copyFailed, setCopyFailed] = React.useState(false);
   const [isDarkMode, setIsDarkMode] = React.useState(getInitialDarkMode);
@@ -443,14 +453,14 @@ function CodeBlock({
         {
           onClick: handleCopy,
           className: `text-xs transition-colors flex items-center gap-1.5 ${copyFailed ? "text-red-500 dark:text-red-400" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white"}`,
-          title: copyLabel,
+          title: resolvedCopyLabel,
           "aria-live": "polite",
           children: copied ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 16, className: "w-4 h-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: copiedLabel })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: resolvedCopiedLabel })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(react.Copy, { size: 16, className: "w-4 h-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: copyFailed ? "Failed" : copyLabel })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: copyFailed ? t("BiChat.Message.CopyFailed") : resolvedCopyLabel })
           ] })
         }
       )
@@ -482,6 +492,7 @@ function CodeBlock({
 var getInitialDarkMode, languageMap; exports.CodeBlock = void 0; var CodeBlock_default;
 var init_CodeBlock = __esm({
   "ui/src/bichat/components/CodeBlock.tsx"() {
+    init_useTranslation();
     getInitialDarkMode = () => {
       if (typeof document === "undefined") return false;
       return document.documentElement.classList.contains("dark");
@@ -540,10 +551,14 @@ function MarkdownRenderer({
   citations,
   sendMessage,
   sendDisabled = false,
-  copyLabel = "Copy",
-  copiedLabel = "Copied!",
-  exportLabel = "Export"
+  copyLabel,
+  copiedLabel,
+  exportLabel
 }) {
+  const { t } = useTranslation();
+  const resolvedCopyLabel = copyLabel ?? t("BiChat.Message.Copy");
+  const resolvedCopiedLabel = copiedLabel ?? t("BiChat.Message.Copied");
+  const resolvedExportLabel = exportLabel ?? t("BiChat.Export");
   const processed = React.useMemo(() => {
     return processCitations(content, citations);
   }, [content, citations]);
@@ -578,8 +593,8 @@ function MarkdownRenderer({
               language,
               value,
               inline: false,
-              copyLabel,
-              copiedLabel
+              copyLabel: resolvedCopyLabel,
+              copiedLabel: resolvedCopiedLabel
             }
           )
         }
@@ -616,7 +631,7 @@ function MarkdownRenderer({
       {
         sendMessage,
         disabled: sendDisabled,
-        exportLabel,
+        exportLabel: resolvedExportLabel,
         children
       }
     ),
@@ -638,6 +653,7 @@ var init_MarkdownRenderer = __esm({
     init_chartSpec();
     init_TableWithExport();
     init_ChartCard();
+    init_useTranslation();
     CodeBlock2 = React.lazy(() => Promise.resolve().then(() => (init_CodeBlock(), CodeBlock_exports)).then((module) => ({ default: module.CodeBlock })));
     INLINE_TAGS = /* @__PURE__ */ new Set([
       "a",
@@ -706,43 +722,300 @@ var RateLimiter = class {
   }
 };
 
-// ui/src/bichat/utils/debugTrace.ts
-function hasMeaningfulUsage(trace) {
-  if (!trace) return false;
-  return trace.promptTokens > 0 || trace.completionTokens > 0 || trace.totalTokens > 0 || (trace.cachedTokens ?? 0) > 0 || (trace.cost ?? 0) > 0;
+// ui/src/applet-devtools/enabled.ts
+function shouldEnableAppletDevtools() {
+  if (typeof window === "undefined") return false;
+  const url = new URL(window.location.href);
+  if (url.searchParams.get("appletDebug") === "1") return true;
+  try {
+    return window.localStorage.getItem("iotaAppletDevtools") === "1";
+  } catch {
+    return false;
+  }
 }
-function hasDebugTrace(trace) {
-  return trace.tools.length > 0 || hasMeaningfulUsage(trace.usage) || !!trace.generationMs;
+
+// ui/src/applet-host/rpc.ts
+var AppletRPCException = class extends Error {
+  constructor(args) {
+    super(args.message);
+    this.name = "AppletRPCException";
+    this.code = args.code;
+    this.details = args.details;
+    this.cause = args.cause;
+  }
+};
+function createAppletRPCClient(options) {
+  const fetcher = options.fetcher ?? fetch;
+  const timeoutMs = typeof options.timeoutMs === "number" && options.timeoutMs > 0 ? options.timeoutMs : 0;
+  async function call(method, params) {
+    const req = { id: crypto.randomUUID(), method, params };
+    const startedAt = typeof performance !== "undefined" ? performance.now() : Date.now();
+    const abortController = timeoutMs > 0 ? new AbortController() : void 0;
+    let timeoutHandle;
+    let timedOut = false;
+    maybeDispatchRPCEvent({
+      id: req.id,
+      method: req.method,
+      status: "start"
+    });
+    try {
+      if (abortController) {
+        timeoutHandle = setTimeout(() => {
+          timedOut = true;
+          abortController.abort();
+        }, timeoutMs);
+      }
+      const resp = await fetcher(options.endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(req),
+        signal: abortController?.signal
+      });
+      if (!resp.ok) {
+        throw new AppletRPCException({
+          code: "http_error",
+          message: `HTTP ${resp.status}`,
+          details: { status: resp.status }
+        });
+      }
+      const json = await resp.json();
+      if (json.error) {
+        throw new AppletRPCException({
+          code: json.error.code,
+          message: json.error.message,
+          details: json.error.details
+        });
+      }
+      if (json.result === void 0) {
+        throw new AppletRPCException({
+          code: "invalid_response",
+          message: "Missing result in successful response"
+        });
+      }
+      maybeDispatchRPCEvent({
+        id: req.id,
+        method: req.method,
+        status: "success",
+        durationMs: elapsedMs(startedAt)
+      });
+      return json.result;
+    } catch (err) {
+      let rpcErr = err;
+      if (err instanceof Error && err.name === "AbortError") {
+        rpcErr = new AppletRPCException({
+          code: timedOut ? "timeout" : "aborted",
+          message: timedOut ? `RPC request timed out after ${timeoutMs}ms` : "RPC request was aborted",
+          cause: err
+        });
+      }
+      maybeDispatchRPCEvent({
+        id: req.id,
+        method: req.method,
+        status: "error",
+        durationMs: elapsedMs(startedAt),
+        error: rpcErr
+      });
+      throw rpcErr;
+    } finally {
+      if (timeoutHandle !== void 0) {
+        clearTimeout(timeoutHandle);
+      }
+    }
+  }
+  async function callTyped(method, params) {
+    return call(method, params);
+  }
+  return { call, callTyped };
 }
-function getSessionDebugUsage(turns) {
-  let promptTokens = 0;
-  let completionTokens = 0;
-  let totalTokens = 0;
-  let turnsWithUsage = 0;
-  let latestPromptTokens = 0;
-  let latestCompletionTokens = 0;
-  let latestTotalTokens = 0;
-  for (const turn of turns) {
-    const usage = turn.assistantTurn?.debug?.usage;
-    if (!hasMeaningfulUsage(usage) || !usage) {
-      continue;
+function maybeDispatchRPCEvent(detail) {
+  if (typeof window === "undefined") return;
+  if (!shouldEnableAppletDevtools()) return;
+  window.dispatchEvent(new CustomEvent("iota:applet-rpc", { detail }));
+}
+function elapsedMs(startedAt) {
+  const now = typeof performance !== "undefined" ? performance.now() : Date.now();
+  return Math.max(0, Math.round(now - startedAt));
+}
+
+// ui/src/bichat/utils/errorDisplay.ts
+function isPermissionDeniedError(error) {
+  if (!error) return false;
+  if (error instanceof Error) {
+    const msg = error.message.toLowerCase();
+    if (msg.includes("forbidden") || msg.includes("permission denied")) return true;
+  }
+  if (typeof error === "object" && error !== null) {
+    const obj = error;
+    if (obj.code === "forbidden" || obj.code === 403) return true;
+    if (obj.status === 403) return true;
+    if (obj.statusCode === 403) return true;
+    if (typeof obj.response === "object" && obj.response !== null) {
+      const resp = obj.response;
+      if (resp.status === 403) return true;
     }
-    turnsWithUsage++;
-    promptTokens += usage.promptTokens;
-    completionTokens += usage.completionTokens;
-    totalTokens += usage.totalTokens;
-    latestPromptTokens = usage.promptTokens;
-    latestCompletionTokens = usage.completionTokens;
-    latestTotalTokens = usage.totalTokens;
+  }
+  if (typeof error === "string") {
+    const lower = error.toLowerCase();
+    if (lower.includes("forbidden") || lower.includes("permission denied")) return true;
+  }
+  return false;
+}
+function extractStatus(error) {
+  if (!error || typeof error !== "object") return void 0;
+  const obj = error;
+  if (typeof obj.status === "number") return obj.status;
+  if (typeof obj.statusCode === "number") return obj.statusCode;
+  if (typeof obj.details === "object" && obj.details !== null) {
+    const details = obj.details;
+    if (typeof details.status === "number") return details.status;
+    if (typeof details.statusCode === "number") return details.statusCode;
+  }
+  if (typeof obj.response === "object" && obj.response !== null) {
+    const response = obj.response;
+    if (typeof response.status === "number") return response.status;
+  }
+  return void 0;
+}
+function isOfflineNow() {
+  return typeof navigator !== "undefined" && navigator.onLine === false;
+}
+function inferErrorCode(error) {
+  if (isOfflineNow()) return "offline";
+  if (error instanceof AppletRPCException) {
+    const code = String(error.code || "").toLowerCase().trim();
+    if (code) return code;
+  }
+  if (typeof error === "object" && error !== null) {
+    const obj = error;
+    if (typeof obj.code === "string" && obj.code.trim() !== "") {
+      return obj.code.toLowerCase();
+    }
+    if (typeof obj.error === "string" && obj.error.trim() !== "") {
+      return obj.error.toLowerCase();
+    }
+  }
+  const status = extractStatus(error);
+  if (status === 401 || status === 403) return "forbidden";
+  if (status === 404) return "not_found";
+  if (status === 408) return "timeout";
+  if (status === 413) return "payload_too_large";
+  if (status === 429) return "rate_limited";
+  if (status && status >= 500) return "server_error";
+  if (status && status >= 400) return "bad_request";
+  let message = "";
+  if (error instanceof Error) message = error.message;
+  if (!message && typeof error === "string") message = error;
+  const lower = message.toLowerCase();
+  if (lower.includes("timeout") || lower.includes("timed out")) return "timeout";
+  if (lower.includes("abort") || lower.includes("cancel")) return "aborted";
+  if (lower.includes("forbidden") || lower.includes("permission denied")) return "forbidden";
+  if (lower.includes("not found") || lower.includes("session not found")) return "not_found";
+  if (lower.includes("payload too large") || lower.includes("request too large") || lower.includes("413")) return "payload_too_large";
+  if (lower.includes("network") || lower.includes("failed to fetch")) return "network_error";
+  return "unknown";
+}
+function describeCode(code, fallbackTitle) {
+  switch (code) {
+    case "offline":
+      return {
+        title: "You are offline",
+        description: "Check your internet connection and try again.",
+        retryable: true
+      };
+    case "timeout":
+      return {
+        title: "Request timed out",
+        description: "The request took too long. Please try again.",
+        retryable: true
+      };
+    case "aborted":
+      return {
+        title: "Request canceled",
+        description: "The request was canceled before completion.",
+        retryable: true
+      };
+    case "forbidden":
+      return {
+        title: "Access denied",
+        description: "Your account does not have permission for this action.",
+        retryable: false
+      };
+    case "not_found":
+      return {
+        title: "Not found",
+        description: "The requested resource could not be found.",
+        retryable: false
+      };
+    case "payload_too_large":
+      return {
+        title: "Attachment too large",
+        description: "The uploaded payload exceeds allowed limits. Reduce file size and retry.",
+        retryable: false
+      };
+    case "invalid_request":
+    case "validation":
+    case "bad_request":
+      return {
+        title: "Invalid request",
+        description: "The request could not be processed. Review the input and try again.",
+        retryable: false
+      };
+    case "rate_limited":
+      return {
+        title: "Too many requests",
+        description: "Please wait a moment before trying again.",
+        retryable: true
+      };
+    case "http_error":
+    case "server_error":
+      return {
+        title: "Server error",
+        description: "The server failed to process this request. Please retry shortly.",
+        retryable: true
+      };
+    case "network_error":
+      return {
+        title: "Network error",
+        description: "A network issue interrupted the request. Please try again.",
+        retryable: true
+      };
+    default:
+      return {
+        title: fallbackTitle,
+        description: "Something went wrong. Please try again.",
+        retryable: true
+      };
+  }
+}
+function normalizeRPCError(error, fallbackTitle) {
+  const code = inferErrorCode(error);
+  const base = describeCode(code, fallbackTitle);
+  const permissionDenied = code === "forbidden" || isPermissionDeniedError(error);
+  let description = base.description;
+  if (error instanceof AppletRPCException && typeof error.message === "string" && error.message.trim() !== "" && base.title === fallbackTitle) {
+    description = error.message;
+  } else if (error instanceof Error && error.message && code === "unknown") {
+    description = error.message;
   }
   return {
-    promptTokens,
-    completionTokens,
-    totalTokens,
-    turnsWithUsage,
-    latestPromptTokens,
-    latestCompletionTokens,
-    latestTotalTokens
+    code,
+    title: base.title,
+    description,
+    userMessage: description || base.title,
+    retryable: base.retryable,
+    isPermissionDenied: permissionDenied,
+    isTimeout: code === "timeout",
+    isOffline: code === "offline",
+    isCanceled: code === "aborted",
+    isNotFound: code === "not_found"
+  };
+}
+function toErrorDisplay(error, fallbackTitle) {
+  const normalized = normalizeRPCError(error, fallbackTitle);
+  return {
+    title: normalized.title,
+    description: normalized.description,
+    isPermissionDenied: normalized.isPermissionDenied
   };
 }
 
@@ -795,8 +1068,45 @@ function loadQueue(sessionId) {
   }
 }
 
-// ui/src/bichat/context/ChatContext.tsx
-init_IotaContext();
+// ui/src/bichat/utils/debugTrace.ts
+function hasMeaningfulUsage(trace) {
+  if (!trace) return false;
+  return trace.promptTokens > 0 || trace.completionTokens > 0 || trace.totalTokens > 0 || (trace.cachedTokens ?? 0) > 0 || (trace.cost ?? 0) > 0;
+}
+function hasDebugTrace(trace) {
+  return trace.tools.length > 0 || hasMeaningfulUsage(trace.usage) || !!trace.generationMs;
+}
+function getSessionDebugUsage(turns) {
+  let promptTokens = 0;
+  let completionTokens = 0;
+  let totalTokens = 0;
+  let turnsWithUsage = 0;
+  let latestPromptTokens = 0;
+  let latestCompletionTokens = 0;
+  let latestTotalTokens = 0;
+  for (const turn of turns) {
+    const usage = turn.assistantTurn?.debug?.usage;
+    if (!hasMeaningfulUsage(usage) || !usage) {
+      continue;
+    }
+    turnsWithUsage++;
+    promptTokens += usage.promptTokens;
+    completionTokens += usage.completionTokens;
+    totalTokens += usage.totalTokens;
+    latestPromptTokens = usage.promptTokens;
+    latestCompletionTokens = usage.completionTokens;
+    latestTotalTokens = usage.totalTokens;
+  }
+  return {
+    promptTokens,
+    completionTokens,
+    totalTokens,
+    turnsWithUsage,
+    latestPromptTokens,
+    latestCompletionTokens,
+    latestTotalTokens
+  };
+}
 
 // ui/src/bichat/types/index.ts
 var MessageRole = /* @__PURE__ */ ((MessageRole2) => {
@@ -873,7 +1183,7 @@ function readDebugLimitsFromGlobalContext() {
   if (typeof window === "undefined") {
     return null;
   }
-  const limits = window.__BICHAT_CONTEXT__?.extensions?.debug?.limits;
+  const limits = window.__APPLET_CONTEXT__?.extensions?.debug?.limits;
   if (!limits) {
     return null;
   }
@@ -893,580 +1203,924 @@ function readDebugLimitsFromGlobalContext() {
     completionReserveTokens
   };
 }
-var SessionCtx = React.createContext(null);
-var MessagingCtx = React.createContext(null);
-var InputCtx = React.createContext(null);
-var DEFAULT_RATE_LIMIT_CONFIG = {
-  maxRequests: 20,
-  windowMs: 6e4
-};
-function ChatSessionProvider({
-  dataSource,
-  sessionId,
-  rateLimiter: externalRateLimiter,
-  rateLimitConfig,
-  children
-}) {
-  const [currentSessionId, setCurrentSessionId] = React.useState(sessionId);
-  const [session, setSession] = React.useState(null);
-  const [fetching, setFetching] = React.useState(false);
-  const [error, setError] = React.useState(null);
-  const [debugModeBySession, setDebugModeBySession] = React.useState({});
-  const debugSessionKey = currentSessionId || "new";
-  const debugMode = debugModeBySession[debugSessionKey] ?? false;
-  const debugLimits = React.useMemo(() => readDebugLimitsFromGlobalContext(), []);
-  const [turns, setTurns] = React.useState([]);
-  const [loading, setLoading] = React.useState(false);
-  const [streamingContent, setStreamingContent] = React.useState("");
-  const [isStreaming, setIsStreaming] = React.useState(false);
-  const [pendingQuestion, setPendingQuestion] = React.useState(null);
-  const [codeOutputs, setCodeOutputs] = React.useState([]);
-  const [isCompacting, setIsCompacting] = React.useState(false);
-  const [compactionSummary, setCompactionSummary] = React.useState(null);
-  const [artifactsInvalidationTrigger, setArtifactsInvalidationTrigger] = React.useState(0);
-  const abortControllerRef = React.useRef(null);
-  const [message, setMessage] = React.useState("");
-  const [inputError, setInputError] = React.useState(null);
-  const [messageQueue, setMessageQueue] = React.useState([]);
-  const rateLimiterRef = React.useRef(
-    externalRateLimiter || new RateLimiter(rateLimitConfig || DEFAULT_RATE_LIMIT_CONFIG)
-  );
-  const sessionRef = React.useRef({ currentSessionId, debugMode, debugSessionKey });
-  sessionRef.current = { currentSessionId, debugMode, debugSessionKey };
-  const messagingRef = React.useRef({ turns, pendingQuestion, loading });
-  messagingRef.current = { turns, pendingQuestion, loading };
-  const sessionDebugUsage = React.useMemo(() => getSessionDebugUsage(turns), [turns]);
-  React.useEffect(() => {
-    setCurrentSessionId(sessionId);
-  }, [sessionId]);
-  React.useEffect(() => {
-    const sid = currentSessionId;
-    if (!sid || sid === "new") {
-      setMessageQueue([]);
-      return;
-    }
-    setMessageQueue(loadQueue(sid));
-  }, [currentSessionId]);
-  React.useEffect(() => {
-    const sid = currentSessionId;
-    if (!sid || sid === "new") return;
-    saveQueue(sid, messageQueue);
-  }, [currentSessionId, messageQueue]);
-  React.useEffect(() => {
-    if (!currentSessionId || currentSessionId === "new") {
-      setSession(null);
-      setTurns([]);
-      setPendingQuestion(null);
-      setFetching(false);
-      setInputError(null);
+
+// ui/src/bichat/machine/selectors.ts
+function deriveDebugMode(state) {
+  const key2 = state.session.currentSessionId || "new";
+  return state.session.debugModeBySession[key2] ?? false;
+}
+function deriveSessionSnapshot(state, methods) {
+  return {
+    session: state.session.session,
+    currentSessionId: state.session.currentSessionId,
+    fetching: state.session.fetching,
+    error: state.session.error,
+    errorRetryable: state.session.errorRetryable,
+    debugMode: deriveDebugMode(state),
+    sessionDebugUsage: getSessionDebugUsage(state.messaging.turns),
+    debugLimits: state.session.debugLimits,
+    setError: methods.setError,
+    retryFetchSession: methods.retryFetchSession
+  };
+}
+function deriveMessagingSnapshot(state, methods) {
+  return {
+    turns: state.messaging.turns,
+    streamingContent: state.messaging.streamingContent,
+    isStreaming: state.messaging.isStreaming,
+    streamError: state.messaging.streamError,
+    streamErrorRetryable: state.messaging.streamErrorRetryable,
+    loading: state.messaging.loading,
+    pendingQuestion: state.messaging.pendingQuestion,
+    codeOutputs: state.messaging.codeOutputs,
+    isCompacting: state.messaging.isCompacting,
+    compactionSummary: null,
+    artifactsInvalidationTrigger: state.messaging.artifactsInvalidationTrigger,
+    ...methods
+  };
+}
+function deriveInputSnapshot(state, methods) {
+  return {
+    message: state.input.message,
+    inputError: state.input.inputError,
+    messageQueue: state.input.messageQueue,
+    ...methods
+  };
+}
+
+// ui/src/bichat/machine/ChatMachine.ts
+var MAX_QUEUE_SIZE = 5;
+var ChatMachine = class {
+  constructor(config) {
+    // ── Refs (mutable, no subscription) ─────────────────────────────────────
+    this.abortController = null;
+    this.lastSendAttempt = null;
+    /** Prevents fetchSession effect from clobbering state while stream is active. */
+    this.sendingSessionId = null;
+    this.fetchCancelled = false;
+    this.disposed = false;
+    /** Memoized sessionDebugUsage — avoids unnecessary session re-renders during streaming. */
+    this.lastSessionDebugUsage = null;
+    // ── Listeners ───────────────────────────────────────────────────────────
+    this.sessionListeners = /* @__PURE__ */ new Set();
+    this.messagingListeners = /* @__PURE__ */ new Set();
+    this.inputListeners = /* @__PURE__ */ new Set();
+    // ── Snapshot caches (for useSyncExternalStore identity stability) ───────
+    this.cachedSessionSnapshot = null;
+    this.cachedMessagingSnapshot = null;
+    this.cachedInputSnapshot = null;
+    this.sessionSnapshotVersion = 0;
+    this.messagingSnapshotVersion = 0;
+    this.inputSnapshotVersion = 0;
+    this.lastSessionSnapshotVersion = -1;
+    this.lastMessagingSnapshotVersion = -1;
+    this.lastInputSnapshotVersion = -1;
+    // =====================================================================
+    // Subscribe / getSnapshot (for useSyncExternalStore)
+    // =====================================================================
+    this.subscribeSession = (listener) => {
+      this.sessionListeners.add(listener);
+      return () => {
+        this.sessionListeners.delete(listener);
+      };
+    };
+    this.getSessionSnapshot = () => {
+      if (this.lastSessionSnapshotVersion !== this.sessionSnapshotVersion) {
+        this.cachedSessionSnapshot = deriveSessionSnapshot(this.state, {
+          setError: this.setError,
+          retryFetchSession: this.retryFetchSession
+        });
+        this.lastSessionSnapshotVersion = this.sessionSnapshotVersion;
+      }
+      return this.cachedSessionSnapshot;
+    };
+    this.subscribeMessaging = (listener) => {
+      this.messagingListeners.add(listener);
+      return () => {
+        this.messagingListeners.delete(listener);
+      };
+    };
+    this.getMessagingSnapshot = () => {
+      if (this.lastMessagingSnapshotVersion !== this.messagingSnapshotVersion) {
+        this.cachedMessagingSnapshot = deriveMessagingSnapshot(this.state, {
+          sendMessage: this.sendMessage,
+          handleRegenerate: this.handleRegenerate,
+          handleEdit: this.handleEdit,
+          handleCopy: this.handleCopy,
+          handleSubmitQuestionAnswers: this.handleSubmitQuestionAnswers,
+          handleRejectPendingQuestion: this.handleRejectPendingQuestion,
+          retryLastMessage: this.retryLastMessage,
+          clearStreamError: this.clearStreamError,
+          cancel: this.cancel,
+          setCodeOutputs: this.setCodeOutputs
+        });
+        this.lastMessagingSnapshotVersion = this.messagingSnapshotVersion;
+      }
+      return this.cachedMessagingSnapshot;
+    };
+    this.subscribeInput = (listener) => {
+      this.inputListeners.add(listener);
+      return () => {
+        this.inputListeners.delete(listener);
+      };
+    };
+    this.getInputSnapshot = () => {
+      if (this.lastInputSnapshotVersion !== this.inputSnapshotVersion) {
+        this.cachedInputSnapshot = deriveInputSnapshot(this.state, {
+          setMessage: this.setMessage,
+          setInputError: this.setInputError,
+          handleSubmit: this.handleSubmit,
+          handleUnqueue: this.handleUnqueue,
+          enqueueMessage: this.enqueueMessage,
+          removeQueueItem: this.removeQueueItem,
+          updateQueueItem: this.updateQueueItem
+        });
+        this.lastInputSnapshotVersion = this.inputSnapshotVersion;
+      }
+      return this.cachedInputSnapshot;
+    };
+    this.dataSource = config.dataSource;
+    this.rateLimiter = config.rateLimiter;
+    this.onSessionCreated = config.onSessionCreated;
+    this.state = {
+      session: {
+        currentSessionId: void 0,
+        session: null,
+        fetching: false,
+        error: null,
+        errorRetryable: false,
+        debugModeBySession: {},
+        debugLimits: readDebugLimitsFromGlobalContext()
+      },
+      messaging: {
+        turns: [],
+        streamingContent: "",
+        isStreaming: false,
+        streamError: null,
+        streamErrorRetryable: false,
+        loading: false,
+        pendingQuestion: null,
+        codeOutputs: [],
+        isCompacting: false,
+        artifactsInvalidationTrigger: 0
+      },
+      input: {
+        message: "",
+        inputError: null,
+        messageQueue: []
+      }
+    };
+    this.setError = this._setError.bind(this);
+    this.retryFetchSession = this._retryFetchSession.bind(this);
+    this.sendMessage = this._sendMessage.bind(this);
+    this.handleRegenerate = this._handleRegenerate.bind(this);
+    this.handleEdit = this._handleEdit.bind(this);
+    this.handleCopy = this._handleCopy.bind(this);
+    this.handleSubmitQuestionAnswers = this._handleSubmitQuestionAnswers.bind(this);
+    this.handleRejectPendingQuestion = this._handleRejectPendingQuestion.bind(this);
+    this.retryLastMessage = this._retryLastMessage.bind(this);
+    this.clearStreamError = this._clearStreamError.bind(this);
+    this.cancel = this._cancel.bind(this);
+    this.setCodeOutputs = this._setCodeOutputs.bind(this);
+    this.setMessage = this._setMessage.bind(this);
+    this.setInputError = this._setInputError.bind(this);
+    this.handleSubmit = this._handleSubmit.bind(this);
+    this.handleUnqueue = this._handleUnqueue.bind(this);
+    this.enqueueMessage = this._enqueueMessage.bind(this);
+    this.removeQueueItem = this._removeQueueItem.bind(this);
+    this.updateQueueItem = this._updateQueueItem.bind(this);
+  }
+  // =====================================================================
+  // Lifecycle
+  // =====================================================================
+  /**
+   * Set the active session ID. Triggers fetch when transitioning to a real
+   * session, or resets state for 'new'/undefined.
+   */
+  setSessionId(id) {
+    if (this.disposed) return;
+    const prev = this.state.session.currentSessionId;
+    if (id === prev) return;
+    this.state.session.currentSessionId = id;
+    this._notifySession();
+    if (!id || id === "new") {
+      this._updateInput({ messageQueue: [] });
+    } else {
+      this._updateInput({ messageQueue: loadQueue(id) });
+    }
+    this._fetchSessionIfNeeded();
+  }
+  /**
+   * Update mutable config that may change across parent re-renders.
+   * Called from the React provider's useEffect to keep the machine in sync.
+   */
+  updateConfig(config) {
+    this.dataSource = config.dataSource;
+    this.onSessionCreated = config.onSessionCreated;
+  }
+  dispose() {
+    this.disposed = true;
+    this.fetchCancelled = true;
+    this.abortController?.abort();
+    this.sessionListeners.clear();
+    this.messagingListeners.clear();
+    this.inputListeners.clear();
+  }
+  // =====================================================================
+  // Private — state updates + notification
+  // =====================================================================
+  _updateSession(patch) {
+    Object.assign(this.state.session, patch);
+    this._notifySession();
+  }
+  _notifySession() {
+    this.sessionSnapshotVersion++;
+    for (const fn of this.sessionListeners) fn();
+  }
+  _updateMessaging(patch) {
+    Object.assign(this.state.messaging, patch);
+    this._notifyMessaging();
+    if ("turns" in patch) {
+      const newUsage = getSessionDebugUsage(this.state.messaging.turns);
+      if (!sessionDebugUsageEqual(this.lastSessionDebugUsage, newUsage)) {
+        this.lastSessionDebugUsage = newUsage;
+        this._notifySession();
+      }
+    }
+  }
+  _notifyMessaging() {
+    this.messagingSnapshotVersion++;
+    for (const fn of this.messagingListeners) fn();
+  }
+  _updateInput(patch) {
+    Object.assign(this.state.input, patch);
+    if ("messageQueue" in patch) {
+      this._persistQueue();
+    }
+    this._notifyInput();
+  }
+  _notifyInput() {
+    this.inputSnapshotVersion++;
+    for (const fn of this.inputListeners) fn();
+  }
+  _persistQueue() {
+    const sid = this.state.session.currentSessionId;
+    if (!sid || sid === "new") return;
+    saveQueue(sid, this.state.input.messageQueue);
+  }
+  // =====================================================================
+  // Private — session fetch
+  // =====================================================================
+  _fetchSessionIfNeeded() {
+    const id = this.state.session.currentSessionId;
+    if (!id || id === "new") {
+      this._updateSession({
+        session: null,
+        fetching: false,
+        error: null,
+        errorRetryable: false
+      });
+      this._updateMessaging({
+        turns: [],
+        pendingQuestion: null
+      });
+      this._updateInput({ inputError: null });
       return;
     }
-    let cancelled = false;
-    setFetching(true);
-    setError(null);
-    setInputError(null);
-    dataSource.fetchSession(currentSessionId).then((state) => {
-      if (cancelled) return;
-      if (state) {
-        setSession(state.session);
-        setTurns((prev) => {
-          const hasPendingUserOnly = prev.length > 0 && !prev[prev.length - 1].assistantTurn;
-          if (hasPendingUserOnly && (!state.turns || state.turns.length === 0)) {
-            return prev;
-          }
-          return state.turns ?? prev;
-        });
-        setPendingQuestion(state.pendingQuestion || null);
+    if (this.sendingSessionId === id) return;
+    this.fetchCancelled = false;
+    this._updateSession({ fetching: true, error: null, errorRetryable: false });
+    this._updateInput({ inputError: null });
+    const fetchId = id;
+    this.dataSource.fetchSession(fetchId).then((result) => {
+      if (this.fetchCancelled || this.disposed) return;
+      if (this.state.session.currentSessionId !== fetchId) return;
+      if (this.sendingSessionId === fetchId) return;
+      if (result) {
+        this._updateSession({ session: result.session, fetching: false });
+        this._setTurnsFromFetch(result.turns);
+        this._updateMessaging({ pendingQuestion: result.pendingQuestion || null });
       } else {
-        setError("Session not found");
+        this._updateSession({ error: "Session not found", fetching: false });
       }
-      setFetching(false);
     }).catch((err) => {
-      if (cancelled) return;
-      setError(err.message || "Failed to load session");
-      setFetching(false);
+      if (this.fetchCancelled || this.disposed) return;
+      if (this.state.session.currentSessionId !== fetchId) return;
+      if (this.sendingSessionId === fetchId) return;
+      const normalized = normalizeRPCError(err, "Failed to load session");
+      this._updateSession({
+        error: normalized.userMessage,
+        errorRetryable: normalized.retryable,
+        fetching: false
+      });
     });
-    return () => {
-      cancelled = true;
-    };
-  }, [dataSource, currentSessionId]);
-  const handleCopy = React.useCallback(async (text) => {
-    await navigator.clipboard.writeText(text);
-  }, []);
-  const executeSlashCommand = React.useCallback(
-    async (command) => {
-      if (command.hasArgs) {
-        setInputError("slash.error.noArguments");
-        return true;
-      }
-      setError(null);
-      setInputError(null);
-      if (command.name === "/debug") {
-        if (!hasPermission("bichat.export")) {
-          setInputError("slash.error.debugUnauthorized");
-          return true;
-        }
-        const curDebugMode = sessionRef.current.debugMode;
-        const curDebugSessionKey = sessionRef.current.debugSessionKey;
-        const curSessionId2 = sessionRef.current.currentSessionId;
-        const nextDebugMode = !curDebugMode;
-        setDebugModeBySession((prev) => ({
-          ...prev,
-          [curDebugSessionKey]: nextDebugMode
-        }));
-        if (nextDebugMode && curSessionId2 && curSessionId2 !== "new") {
-          try {
-            const state = await dataSource.fetchSession(curSessionId2);
-            if (state) {
-              setSession(state.session);
-              setTurns(state.turns);
-              setPendingQuestion(state.pendingQuestion || null);
-            }
-          } catch (err) {
-            console.error("Failed to refresh session for debug mode:", err);
-          }
+  }
+  /** Sets turns from fetch, preserving pending user-only turns if server hasn't caught up. */
+  _setTurnsFromFetch(fetchedTurns) {
+    const prev = this.state.messaging.turns;
+    const hasPendingUserOnly = prev.length > 0 && !prev[prev.length - 1].assistantTurn;
+    if (hasPendingUserOnly && (!fetchedTurns || fetchedTurns.length === 0)) {
+      return;
+    }
+    this._updateMessaging({ turns: fetchedTurns ?? prev });
+  }
+  // =====================================================================
+  // Private — actions
+  // =====================================================================
+  _setError(error) {
+    this._updateSession({
+      error,
+      errorRetryable: false
+    });
+  }
+  _retryFetchSession() {
+    this._fetchSessionIfNeeded();
+  }
+  _clearStreamError() {
+    this._updateMessaging({
+      streamError: null,
+      streamErrorRetryable: false
+    });
+  }
+  _cancel() {
+    if (this.abortController) {
+      this.abortController.abort();
+      this.abortController = null;
+      this._updateMessaging({ isStreaming: false, loading: false });
+    }
+  }
+  _setCodeOutputs(outputs) {
+    this._updateMessaging({ codeOutputs: outputs });
+  }
+  _setMessage(message) {
+    this._updateInput({ message });
+  }
+  _setInputError(error) {
+    this._updateInput({ inputError: error });
+  }
+  // ── Slash commands ──────────────────────────────────────────────────────
+  async _executeSlashCommand(command) {
+    if (command.hasArgs) {
+      this._updateInput({ inputError: "BiChat.Slash.ErrorNoArguments" });
+      return true;
+    }
+    this._updateSession({ error: null, errorRetryable: false });
+    this._updateInput({ inputError: null });
+    this._clearStreamError();
+    if (command.name === "/debug") {
+      const debugMode = deriveDebugMode(this.state);
+      const key2 = this.state.session.currentSessionId || "new";
+      const nextDebugMode = !debugMode;
+      this._updateSession({
+        debugModeBySession: {
+          ...this.state.session.debugModeBySession,
+          [key2]: nextDebugMode
         }
-        setMessage("");
-        return true;
-      }
-      const curSessionId = sessionRef.current.currentSessionId;
-      if (!curSessionId || curSessionId === "new") {
-        setInputError("slash.error.sessionRequired");
-        return true;
-      }
-      if (command.name === "/clear") {
-        setLoading(true);
-        setStreamingContent("");
+      });
+      if (nextDebugMode && this.state.session.currentSessionId && this.state.session.currentSessionId !== "new") {
         try {
-          await dataSource.clearSessionHistory(curSessionId);
-          const state = await dataSource.fetchSession(curSessionId);
-          if (state) {
-            setSession(state.session);
-            setTurns(state.turns);
-            setPendingQuestion(state.pendingQuestion || null);
-          } else {
-            setTurns([]);
+          const result = await this.dataSource.fetchSession(this.state.session.currentSessionId);
+          if (result) {
+            this._updateSession({ session: result.session });
+            this._updateMessaging({
+              turns: result.turns,
+              pendingQuestion: result.pendingQuestion || null
+            });
           }
-          setCompactionSummary(null);
-          setCodeOutputs([]);
-          setMessage("");
         } catch (err) {
-          setInputError(err instanceof Error ? err.message : "slash.error.clearFailed");
-        } finally {
-          setLoading(false);
-          setIsStreaming(false);
+          console.error("Failed to refresh session for debug mode:", err);
         }
-        return true;
       }
-      if (command.name === "/compact") {
-        setLoading(true);
-        setIsCompacting(true);
-        setCompactionSummary(null);
-        setStreamingContent("");
-        try {
-          const result = await dataSource.compactSessionHistory(curSessionId);
-          const summary = result.summary || "";
-          setTurns([createCompactedSystemTurn(curSessionId, summary)]);
-          setCompactionSummary(null);
-          const state = await dataSource.fetchSession(curSessionId);
-          if (state) {
-            setSession(state.session);
-            setTurns(state.turns);
-            setPendingQuestion(state.pendingQuestion || null);
-          } else {
-            setTurns([]);
-          }
-          setCodeOutputs([]);
-          setMessage("");
-        } catch (err) {
-          setInputError(err instanceof Error ? err.message : "slash.error.compactFailed");
-        } finally {
-          setIsCompacting(false);
-          setLoading(false);
-          setIsStreaming(false);
+      this._updateInput({ message: "" });
+      return true;
+    }
+    const curSessionId = this.state.session.currentSessionId;
+    if (!curSessionId || curSessionId === "new") {
+      this._updateInput({ inputError: "BiChat.Slash.ErrorSessionRequired" });
+      return true;
+    }
+    if (command.name === "/clear") {
+      this._updateInput({ message: "" });
+      this._updateMessaging({ loading: true, streamingContent: "" });
+      try {
+        await this.dataSource.clearSessionHistory(curSessionId);
+        const result = await this.dataSource.fetchSession(curSessionId);
+        if (result) {
+          this._updateSession({ session: result.session });
+          this._updateMessaging({
+            turns: result.turns,
+            pendingQuestion: result.pendingQuestion || null
+          });
+        } else {
+          this._updateMessaging({ turns: [] });
         }
-        return true;
+        this._updateMessaging({ codeOutputs: [] });
+      } catch (err) {
+        const normalized = normalizeRPCError(err, "Failed to clear session history");
+        this._updateInput({ inputError: normalized.userMessage });
+      } finally {
+        this._updateMessaging({ loading: false, isStreaming: false });
       }
-      setInputError("slash.error.unknownCommand");
       return true;
-    },
-    [dataSource]
-  );
-  const sendMessageDirect = React.useCallback(
-    async (content, attachments = [], options) => {
-      if (!content.trim() || messagingRef.current.loading) return;
-      const trimmedContent = content.trim();
-      if (trimmedContent.startsWith("/")) {
-        const maybeCommand = parseSlashCommand(content);
-        if (!maybeCommand) {
-          setInputError("slash.error.unknownCommand");
-          return;
-        }
-        if (attachments.length > 0) {
-          setInputError("slash.error.noAttachments");
-          return;
+    }
+    if (command.name === "/compact") {
+      this._updateInput({ message: "" });
+      this._updateMessaging({
+        loading: true,
+        isCompacting: true,
+        streamingContent: ""
+      });
+      try {
+        const compactResult = await this.dataSource.compactSessionHistory(curSessionId);
+        const summary = compactResult.summary || "";
+        this._updateMessaging({
+          turns: [createCompactedSystemTurn(curSessionId, summary)]
+        });
+        const result = await this.dataSource.fetchSession(curSessionId);
+        if (result) {
+          this._updateSession({ session: result.session });
+          this._updateMessaging({
+            turns: result.turns,
+            pendingQuestion: result.pendingQuestion || null
+          });
+        } else {
+          this._updateMessaging({ turns: [] });
         }
-        await executeSlashCommand(maybeCommand);
+        this._updateMessaging({ codeOutputs: [] });
+      } catch (err) {
+        const normalized = normalizeRPCError(err, "Failed to compact session history");
+        this._updateInput({ inputError: normalized.userMessage });
+      } finally {
+        this._updateMessaging({ isCompacting: false, loading: false, isStreaming: false });
+      }
+      return true;
+    }
+    this._updateInput({ inputError: "BiChat.Slash.ErrorUnknownCommand" });
+    return true;
+  }
+  // ── Send message ────────────────────────────────────────────────────────
+  /**
+   * Public entry point (no options). Calls _sendMessageCore internally.
+   */
+  async _sendMessage(content, attachments = []) {
+    return this._sendMessageCore(content, attachments);
+  }
+  /**
+   * Internal entry point with options (for regenerate/edit).
+   */
+  async _sendMessageDirect(content, attachments, options) {
+    return this._sendMessageCore(content, attachments, options);
+  }
+  /**
+   * Core send-message logic. Handles slash commands, rate limiting, streaming,
+   * session creation, optimistic turns, and auto-queue-drain.
+   */
+  async _sendMessageCore(content, attachments = [], options) {
+    if (this.disposed) return;
+    if (!content.trim() || this.state.messaging.loading) return;
+    const trimmedContent = content.trim();
+    if (trimmedContent.startsWith("/")) {
+      const maybeCommand = parseSlashCommand(content);
+      if (!maybeCommand) {
+        this._updateInput({ inputError: "BiChat.Slash.ErrorUnknownCommand" });
         return;
       }
-      if (!rateLimiterRef.current.canMakeRequest()) {
-        const timeUntilNext = rateLimiterRef.current.getTimeUntilNextRequest();
-        const seconds = Math.ceil(timeUntilNext / 1e3);
-        setError(`Rate limit exceeded. Please wait ${seconds} seconds before sending another message.`);
+      if (attachments.length > 0) {
+        this._updateInput({ inputError: "BiChat.Slash.ErrorNoAttachments" });
         return;
       }
-      setMessage("");
-      setLoading(true);
-      setError(null);
-      setInputError(null);
-      setStreamingContent("");
-      setCompactionSummary(null);
-      abortControllerRef.current = new AbortController();
-      const curSessionId = sessionRef.current.currentSessionId;
-      const curDebugMode = sessionRef.current.debugMode;
-      const tempTurn = createPendingTurn(curSessionId || "new", content, attachments);
-      const replaceFromMessageID = options?.replaceFromMessageID;
-      setTurns((prev) => {
-        if (!replaceFromMessageID) {
-          return [...prev, tempTurn];
-        }
-        const replaceIndex = prev.findIndex((turn) => turn.userTurn.id === replaceFromMessageID);
-        if (replaceIndex === -1) {
-          console.warn(
-            `[ChatContext] replaceFromMessageID "${replaceFromMessageID}" not found in turns; appending as new turn`
-          );
-          return [...prev, tempTurn];
-        }
-        return [...prev.slice(0, replaceIndex), tempTurn];
+      await this._executeSlashCommand(maybeCommand);
+      return;
+    }
+    if (!this.rateLimiter.canMakeRequest()) {
+      const timeUntilNext = this.rateLimiter.getTimeUntilNextRequest();
+      const seconds = Math.ceil(timeUntilNext / 1e3);
+      this._updateInput({
+        inputError: `Rate limit exceeded. Please wait ${seconds} seconds before sending another message.`
       });
-      try {
-        let activeSessionId = curSessionId;
-        let shouldNavigateAfter = false;
-        if (!activeSessionId || activeSessionId === "new") {
-          const result = await dataSource.createSession();
-          if (result) {
-            const createdSessionID = result.id;
-            activeSessionId = createdSessionID;
-            setCurrentSessionId(createdSessionID);
-            setDebugModeBySession((prev) => {
-              if (!curDebugMode) return prev;
-              return { ...prev, [createdSessionID]: true };
+      return;
+    }
+    this._updateInput({ message: "", inputError: null });
+    this._updateSession({ error: null, errorRetryable: false });
+    this._clearStreamError();
+    this._updateMessaging({
+      loading: true,
+      streamingContent: ""
+    });
+    this.abortController = new AbortController();
+    const curSessionId = this.state.session.currentSessionId;
+    const curDebugMode = deriveDebugMode(this.state);
+    const replaceFromMessageID = options?.replaceFromMessageID;
+    const tempTurn = createPendingTurn(curSessionId || "new", content, attachments);
+    this.lastSendAttempt = { content, attachments, options };
+    const prevTurns = this.state.messaging.turns;
+    if (!replaceFromMessageID) {
+      this._updateMessaging({ turns: [...prevTurns, tempTurn] });
+    } else {
+      const idx = prevTurns.findIndex((t) => t.userTurn.id === replaceFromMessageID);
+      if (idx === -1) {
+        console.warn(`[ChatMachine] replaceFromMessageID "${replaceFromMessageID}" not found; appending as new turn`);
+        this._updateMessaging({ turns: [...prevTurns, tempTurn] });
+      } else {
+        this._updateMessaging({ turns: [...prevTurns.slice(0, idx), tempTurn] });
+      }
+    }
+    let shouldDrainQueue = true;
+    try {
+      let activeSessionId = curSessionId;
+      let shouldNavigateAfter = false;
+      if (!activeSessionId || activeSessionId === "new") {
+        const result = await this.dataSource.createSession();
+        if (result) {
+          const createdSessionID = result.id;
+          activeSessionId = createdSessionID;
+          this._updateSession({ currentSessionId: createdSessionID });
+          if (curDebugMode) {
+            this._updateSession({
+              debugModeBySession: {
+                ...this.state.session.debugModeBySession,
+                [createdSessionID]: true
+              }
             });
-            shouldNavigateAfter = true;
           }
+          shouldNavigateAfter = true;
         }
-        let accumulatedContent = "";
-        let createdSessionId;
-        let sessionFetched = false;
-        setIsStreaming(true);
-        for await (const chunk of dataSource.sendMessage(
-          activeSessionId || "new",
-          content,
-          attachments,
-          abortControllerRef.current?.signal,
-          {
-            debugMode: curDebugMode,
-            replaceFromMessageID
-          }
-        )) {
-          if (abortControllerRef.current?.signal.aborted) {
-            break;
+      }
+      this.sendingSessionId = activeSessionId || null;
+      let accumulatedContent = "";
+      let createdSessionId;
+      let sessionFetched = false;
+      this._updateMessaging({ isStreaming: true });
+      for await (const chunk of this.dataSource.sendMessage(
+        activeSessionId || "new",
+        content,
+        attachments,
+        this.abortController?.signal,
+        {
+          debugMode: curDebugMode,
+          replaceFromMessageID
+        }
+      )) {
+        if (this.abortController?.signal.aborted) break;
+        if ((chunk.type === "chunk" || chunk.type === "content") && chunk.content) {
+          accumulatedContent += chunk.content;
+          this._updateMessaging({ streamingContent: accumulatedContent });
+        } else if (chunk.type === "error") {
+          throw new Error(chunk.error || "Stream error");
+        } else if (chunk.type === "interrupt" || chunk.type === "done") {
+          if (chunk.sessionId) {
+            createdSessionId = chunk.sessionId;
           }
-          if ((chunk.type === "chunk" || chunk.type === "content") && chunk.content) {
-            accumulatedContent += chunk.content;
-            setStreamingContent(accumulatedContent);
-          } else if (chunk.type === "error") {
-            throw new Error(chunk.error || "Stream error");
-          } else if (chunk.type === "interrupt" || chunk.type === "done") {
-            if (chunk.sessionId) {
-              createdSessionId = chunk.sessionId;
-            }
-            if (!sessionFetched) {
-              sessionFetched = true;
-              const finalSessionId = createdSessionId || activeSessionId;
-              if (finalSessionId && finalSessionId !== "new") {
-                const state = await dataSource.fetchSession(finalSessionId);
-                if (state) {
-                  setSession(state.session);
-                  setTurns((prev) => {
-                    const hasPendingUserOnly = prev.length > 0 && !prev[prev.length - 1].assistantTurn;
-                    if (hasPendingUserOnly && (!state.turns || state.turns.length === 0)) {
-                      return prev;
-                    }
-                    return state.turns ?? prev;
-                  });
-                  setPendingQuestion(state.pendingQuestion || null);
-                }
+          if (!sessionFetched) {
+            sessionFetched = true;
+            const finalSessionId = createdSessionId || activeSessionId;
+            if (finalSessionId && finalSessionId !== "new") {
+              const fetchResult = await this.dataSource.fetchSession(finalSessionId);
+              if (fetchResult) {
+                this._updateSession({ session: fetchResult.session });
+                this._setTurnsFromFetch(fetchResult.turns);
+                this._updateMessaging({ pendingQuestion: fetchResult.pendingQuestion || null });
               }
             }
-          } else if (chunk.type === "user_message" && chunk.sessionId) {
-            createdSessionId = chunk.sessionId;
-          } else if (chunk.type === "tool_end" && chunk.tool?.name && ARTIFACT_TOOL_NAMES.has(chunk.tool.name)) {
-            setArtifactsInvalidationTrigger((n) => n + 1);
           }
+        } else if (chunk.type === "user_message" && chunk.sessionId) {
+          createdSessionId = chunk.sessionId;
+        } else if (chunk.type === "tool_end" && chunk.tool?.name && ARTIFACT_TOOL_NAMES.has(chunk.tool.name)) {
+          this._updateMessaging({
+            artifactsInvalidationTrigger: this.state.messaging.artifactsInvalidationTrigger + 1
+          });
         }
-        const targetSessionId = createdSessionId || activeSessionId;
-        if (shouldNavigateAfter && targetSessionId && targetSessionId !== "new") {
-          dataSource.navigateToSession?.(targetSessionId);
-        }
-      } catch (err) {
-        if (err instanceof Error && err.name === "AbortError") {
-          setMessage(content);
-          return;
-        }
-        setTurns((prev) => prev.filter((t) => t.id !== tempTurn.id));
-        const errorMessage = err instanceof Error ? err.message : "Error.NetworkError";
-        setInputError(errorMessage);
-        console.error("Send message error:", err);
-      } finally {
-        setLoading(false);
-        setStreamingContent("");
-        setIsStreaming(false);
-        abortControllerRef.current = null;
       }
-    },
-    [dataSource, executeSlashCommand]
-  );
-  const cancelStream = React.useCallback(() => {
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-      abortControllerRef.current = null;
-      setIsStreaming(false);
-      setLoading(false);
-    }
-  }, []);
-  const handleSubmit = React.useCallback(
-    (e, attachments = []) => {
-      e.preventDefault();
-      if (!message.trim() && attachments.length === 0) return;
-      setInputError(null);
-      const convertedAttachments = attachments.map((att) => ({
-        clientKey: att.clientKey || crypto.randomUUID(),
-        filename: att.filename,
-        mimeType: att.mimeType,
-        sizeBytes: att.sizeBytes,
-        base64Data: att.base64Data,
-        url: att.url,
-        preview: att.preview
-      }));
-      sendMessageDirect(message, convertedAttachments);
-    },
-    [message, sendMessageDirect]
-  );
-  const handleUnqueue = React.useCallback(() => {
-    if (messageQueue.length === 0) {
-      return null;
-    }
-    const lastQueued = messageQueue[messageQueue.length - 1];
-    setMessageQueue((prev) => prev.slice(0, -1));
-    return {
-      content: lastQueued.content,
-      attachments: lastQueued.attachments
-    };
-  }, [messageQueue]);
-  const handleRegenerate = React.useCallback(
-    async (turnId) => {
-      const curSessionId = sessionRef.current.currentSessionId;
-      if (!curSessionId || curSessionId === "new") return;
-      const turn = messagingRef.current.turns.find((t) => t.id === turnId);
-      if (!turn) return;
-      setError(null);
-      try {
-        await sendMessageDirect(turn.userTurn.content, turn.userTurn.attachments, {
-          replaceFromMessageID: turn.userTurn.id
-        });
-      } catch (err) {
-        const errorMessage = err instanceof Error ? err.message : "Failed to regenerate response";
-        setError(errorMessage);
-        console.error("Regenerate error:", err);
+      if (!sessionFetched) {
+        const finalSessionId = createdSessionId || activeSessionId;
+        if (finalSessionId && finalSessionId !== "new") {
+          try {
+            const fetchResult = await this.dataSource.fetchSession(finalSessionId);
+            if (fetchResult) {
+              this._updateSession({ session: fetchResult.session });
+              this._updateMessaging({
+                turns: fetchResult.turns ?? [],
+                pendingQuestion: fetchResult.pendingQuestion || null
+              });
+            }
+          } catch (fetchErr) {
+            console.error("Failed to fetch session after stream:", fetchErr);
+          }
+        }
       }
-    },
-    [sendMessageDirect]
-  );
-  const handleEdit = React.useCallback(
-    async (turnId, newContent) => {
-      const curSessionId = sessionRef.current.currentSessionId;
-      if (!curSessionId || curSessionId === "new") {
-        setMessage(newContent);
-        setTurns((prev) => prev.filter((t) => t.id !== turnId));
-        return;
+      const targetSessionId = createdSessionId || activeSessionId;
+      if (shouldNavigateAfter && targetSessionId && targetSessionId !== "new") {
+        if (this.onSessionCreated) {
+          this.onSessionCreated(targetSessionId);
+        } else {
+          this.dataSource.navigateToSession?.(targetSessionId);
+        }
       }
-      const turn = messagingRef.current.turns.find((t) => t.id === turnId);
-      if (!turn) {
-        setError("Failed to edit message");
+      this._clearStreamError();
+      this.lastSendAttempt = null;
+    } catch (err) {
+      if (err instanceof Error && err.name === "AbortError") {
+        this._updateInput({ message: content });
+        this._clearStreamError();
+        shouldDrainQueue = false;
         return;
       }
-      setError(null);
-      try {
-        await sendMessageDirect(newContent, turn.userTurn.attachments, {
-          replaceFromMessageID: turn.userTurn.id
-        });
-      } catch (err) {
-        const errorMessage = err instanceof Error ? err.message : "Failed to edit message";
-        setError(errorMessage);
-        console.error("Edit error:", err);
+      this._updateMessaging({
+        turns: this.state.messaging.turns.filter((t) => t.id !== tempTurn.id)
+      });
+      const normalized = normalizeRPCError(err, "Failed to send message");
+      this._updateInput({ inputError: normalized.userMessage });
+      this._updateMessaging({
+        streamError: normalized.userMessage,
+        streamErrorRetryable: normalized.retryable
+      });
+      console.error("Send message error:", err);
+      shouldDrainQueue = false;
+    } finally {
+      this._updateMessaging({
+        loading: false,
+        streamingContent: "",
+        isStreaming: false
+      });
+      this.abortController = null;
+      this.sendingSessionId = null;
+      if (shouldDrainQueue) {
+        const queue = this.state.input.messageQueue;
+        if (queue.length > 0) {
+          const next = queue[0];
+          this._updateInput({ messageQueue: queue.slice(1) });
+          setTimeout(() => {
+            this._sendMessageCore(next.content, next.attachments);
+          }, 0);
+        }
       }
-    },
-    [sendMessageDirect]
-  );
-  const handleSubmitQuestionAnswers = React.useCallback(
-    (answers) => {
-      const curSessionId = sessionRef.current.currentSessionId;
-      const curPendingQuestion = messagingRef.current.pendingQuestion;
-      if (!curSessionId || !curPendingQuestion) return;
-      setLoading(true);
-      setError(null);
-      const previousPendingQuestion = curPendingQuestion;
-      setPendingQuestion(null);
-      (async () => {
-        try {
-          const result = await dataSource.submitQuestionAnswers(
-            curSessionId,
-            previousPendingQuestion.id,
-            answers
-          );
-          if (result.success) {
-            if (curSessionId !== "new") {
-              try {
-                const state = await dataSource.fetchSession(curSessionId);
-                if (state) {
-                  setTurns(state.turns);
-                  setPendingQuestion(state.pendingQuestion || null);
-                } else {
-                  setPendingQuestion(previousPendingQuestion);
-                  setError("Failed to load updated session");
-                }
-              } catch (fetchErr) {
-                setPendingQuestion(previousPendingQuestion);
-                const errorMessage = fetchErr instanceof Error ? fetchErr.message : "Failed to load updated session";
-                setError(errorMessage);
-              }
+    }
+  }
+  // ── Retry ───────────────────────────────────────────────────────────────
+  async _retryLastMessage() {
+    const lastAttempt = this.lastSendAttempt;
+    if (!lastAttempt || this.state.messaging.loading) return;
+    this._clearStreamError();
+    this._updateInput({ inputError: null });
+    await this._sendMessageDirect(lastAttempt.content, lastAttempt.attachments, lastAttempt.options);
+  }
+  // ── Regenerate / Edit ───────────────────────────────────────────────────
+  async _handleRegenerate(turnId) {
+    const curSessionId = this.state.session.currentSessionId;
+    if (!curSessionId || curSessionId === "new") return;
+    const turn = this.state.messaging.turns.find((t) => t.id === turnId);
+    if (!turn) return;
+    this._updateSession({ error: null, errorRetryable: false });
+    await this._sendMessageDirect(turn.userTurn.content, turn.userTurn.attachments, {
+      replaceFromMessageID: turn.userTurn.id
+    });
+  }
+  async _handleEdit(turnId, newContent) {
+    const curSessionId = this.state.session.currentSessionId;
+    if (!curSessionId || curSessionId === "new") {
+      this._updateInput({ message: newContent });
+      this._updateMessaging({
+        turns: this.state.messaging.turns.filter((t) => t.id !== turnId)
+      });
+      return;
+    }
+    const turn = this.state.messaging.turns.find((t) => t.id === turnId);
+    if (!turn) {
+      this._updateSession({ error: "Failed to edit message", errorRetryable: false });
+      return;
+    }
+    this._updateSession({ error: null, errorRetryable: false });
+    await this._sendMessageDirect(newContent, turn.userTurn.attachments, {
+      replaceFromMessageID: turn.userTurn.id
+    });
+  }
+  async _handleCopy(text) {
+    if (typeof navigator === "undefined" || !navigator.clipboard) return;
+    try {
+      await navigator.clipboard.writeText(text);
+    } catch {
+    }
+  }
+  // ── HITL ────────────────────────────────────────────────────────────────
+  async _handleSubmitQuestionAnswers(answers) {
+    const curSessionId = this.state.session.currentSessionId;
+    const curPendingQuestion = this.state.messaging.pendingQuestion;
+    if (!curSessionId || !curPendingQuestion) return;
+    this._updateMessaging({ loading: true });
+    this._updateSession({ error: null, errorRetryable: false });
+    const previousPendingQuestion = curPendingQuestion;
+    this._updateMessaging({ pendingQuestion: null });
+    try {
+      const result = await this.dataSource.submitQuestionAnswers(
+        curSessionId,
+        previousPendingQuestion.id,
+        answers
+      );
+      if (this.disposed) return;
+      if (result.success) {
+        if (curSessionId !== "new") {
+          try {
+            const fetchResult = await this.dataSource.fetchSession(curSessionId);
+            if (this.disposed) return;
+            if (fetchResult) {
+              this._updateMessaging({
+                turns: fetchResult.turns,
+                pendingQuestion: fetchResult.pendingQuestion || null
+              });
+            } else {
+              this._updateMessaging({ pendingQuestion: previousPendingQuestion });
+              this._updateSession({ error: "Failed to load updated session", errorRetryable: false });
             }
-          } else {
-            setPendingQuestion(previousPendingQuestion);
-            setError(result.error || "Failed to submit answers");
+          } catch (fetchErr) {
+            if (this.disposed) return;
+            this._updateMessaging({ pendingQuestion: previousPendingQuestion });
+            const normalized = normalizeRPCError(fetchErr, "Failed to load updated session");
+            this._updateSession({ error: normalized.userMessage, errorRetryable: normalized.retryable });
           }
-        } catch (err) {
-          setPendingQuestion(previousPendingQuestion);
-          const errorMessage = err instanceof Error ? err.message : "Failed to submit answers";
-          setError(errorMessage);
-        } finally {
-          setLoading(false);
         }
-      })();
-    },
-    [dataSource]
-  );
-  const handleRejectPendingQuestion = React.useCallback(async () => {
-    const curSessionId = sessionRef.current.currentSessionId;
-    const curPendingQuestion = messagingRef.current.pendingQuestion;
+      } else {
+        this._updateMessaging({ pendingQuestion: previousPendingQuestion });
+        this._updateSession({ error: result.error || "Failed to submit answers", errorRetryable: false });
+      }
+    } catch (err) {
+      if (this.disposed) return;
+      this._updateMessaging({ pendingQuestion: previousPendingQuestion });
+      const normalized = normalizeRPCError(err, "Failed to submit answers");
+      this._updateSession({ error: normalized.userMessage, errorRetryable: normalized.retryable });
+    } finally {
+      if (!this.disposed) {
+        this._updateMessaging({ loading: false });
+      }
+    }
+  }
+  async _handleRejectPendingQuestion() {
+    const curSessionId = this.state.session.currentSessionId;
+    const curPendingQuestion = this.state.messaging.pendingQuestion;
     if (!curSessionId || !curPendingQuestion) return;
     try {
-      const result = await dataSource.rejectPendingQuestion(curSessionId);
+      const result = await this.dataSource.rejectPendingQuestion(curSessionId);
+      if (this.disposed) return;
       if (result.success) {
-        setPendingQuestion(null);
+        this._updateMessaging({ pendingQuestion: null });
         if (curSessionId !== "new") {
-          const state = await dataSource.fetchSession(curSessionId);
-          if (state) {
-            setSession(state.session);
-            setTurns((prev) => {
-              const hasPendingUserOnly = prev.length > 0 && !prev[prev.length - 1].assistantTurn;
-              if (hasPendingUserOnly && (!state.turns || state.turns.length === 0)) {
-                return prev;
-              }
-              return state.turns ?? prev;
-            });
-            setPendingQuestion(state.pendingQuestion || null);
+          const fetchResult = await this.dataSource.fetchSession(curSessionId);
+          if (this.disposed) return;
+          if (fetchResult) {
+            this._updateSession({ session: fetchResult.session });
+            this._setTurnsFromFetch(fetchResult.turns);
+            this._updateMessaging({ pendingQuestion: fetchResult.pendingQuestion || null });
           }
         }
       } else {
-        setError(result.error || "Failed to reject question");
+        this._updateSession({ error: result.error || "Failed to reject question", errorRetryable: false });
       }
     } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Failed to reject question";
-      setError(errorMessage);
+      if (this.disposed) return;
+      const normalized = normalizeRPCError(err, "Failed to reject question");
+      this._updateSession({ error: normalized.userMessage, errorRetryable: normalized.retryable });
     }
-  }, [dataSource]);
-  const sessionValue = React.useMemo(() => ({
-    session,
-    currentSessionId,
-    fetching,
-    error,
-    debugMode,
-    sessionDebugUsage,
-    debugLimits,
-    setError
-  }), [session, currentSessionId, fetching, error, debugMode, sessionDebugUsage, debugLimits]);
-  const messagingValue = React.useMemo(() => ({
-    turns,
-    streamingContent,
-    isStreaming,
-    loading,
-    pendingQuestion,
-    codeOutputs,
-    isCompacting,
-    compactionSummary,
-    artifactsInvalidationTrigger,
-    sendMessage: sendMessageDirect,
-    handleRegenerate,
-    handleEdit,
-    handleCopy,
-    handleSubmitQuestionAnswers,
-    handleRejectPendingQuestion,
-    cancel: cancelStream,
-    setCodeOutputs
-  }), [
-    turns,
-    streamingContent,
-    isStreaming,
-    loading,
-    pendingQuestion,
-    codeOutputs,
-    isCompacting,
-    compactionSummary,
-    artifactsInvalidationTrigger,
-    sendMessageDirect,
-    handleRegenerate,
-    handleEdit,
-    handleCopy,
-    handleSubmitQuestionAnswers,
-    handleRejectPendingQuestion,
-    cancelStream
-  ]);
-  const inputValue = React.useMemo(() => ({
-    message,
-    inputError,
-    messageQueue,
-    setMessage,
-    setInputError,
-    handleSubmit,
-    handleUnqueue
-  }), [message, inputError, messageQueue, handleSubmit, handleUnqueue]);
-  return /* @__PURE__ */ jsxRuntime.jsx(SessionCtx.Provider, { value: sessionValue, children: /* @__PURE__ */ jsxRuntime.jsx(MessagingCtx.Provider, { value: messagingValue, children: /* @__PURE__ */ jsxRuntime.jsx(InputCtx.Provider, { value: inputValue, children }) }) });
+  }
+  // ── Input / queue ───────────────────────────────────────────────────────
+  _handleSubmit(e, attachments = []) {
+    e.preventDefault();
+    const msg = this.state.input.message;
+    if (!msg.trim() && attachments.length === 0) return;
+    this._updateInput({ inputError: null });
+    this._clearStreamError();
+    const convertedAttachments = attachments.map((att) => ({
+      clientKey: att.clientKey || crypto.randomUUID(),
+      filename: att.filename,
+      mimeType: att.mimeType,
+      sizeBytes: att.sizeBytes,
+      base64Data: att.base64Data,
+      url: att.url,
+      preview: att.preview
+    }));
+    if (this.state.messaging.loading) {
+      const ok = this._enqueueMessage(msg.trim(), convertedAttachments);
+      if (ok) {
+        this._updateInput({ message: "" });
+      }
+      return;
+    }
+    this._sendMessage(msg.trim(), convertedAttachments);
+  }
+  _handleUnqueue() {
+    const queue = this.state.input.messageQueue;
+    if (queue.length === 0) return null;
+    const last = queue[queue.length - 1];
+    this._updateInput({ messageQueue: queue.slice(0, -1) });
+    return { content: last.content, attachments: last.attachments };
+  }
+  _enqueueMessage(content, attachments) {
+    if (this.state.input.messageQueue.length >= MAX_QUEUE_SIZE) {
+      this._updateInput({ inputError: "BiChat.Input.QueueFull" });
+      return false;
+    }
+    this._updateInput({
+      messageQueue: [...this.state.input.messageQueue, { content, attachments }]
+    });
+    return true;
+  }
+  _removeQueueItem(index) {
+    this._updateInput({
+      messageQueue: this.state.input.messageQueue.filter((_, i) => i !== index)
+    });
+  }
+  _updateQueueItem(index, content) {
+    this._updateInput({
+      messageQueue: this.state.input.messageQueue.map(
+        (item, i) => i === index ? { ...item, content } : item
+      )
+    });
+  }
+};
+function sessionDebugUsageEqual(a, b) {
+  if (!a) return false;
+  return a.promptTokens === b.promptTokens && a.completionTokens === b.completionTokens && a.totalTokens === b.totalTokens && a.turnsWithUsage === b.turnsWithUsage && a.latestPromptTokens === b.latestPromptTokens && a.latestCompletionTokens === b.latestCompletionTokens && a.latestTotalTokens === b.latestTotalTokens;
 }
-function useChatSession() {
-  const context = React.useContext(SessionCtx);
-  if (!context) {
-    throw new Error("useChatSession must be used within ChatSessionProvider");
+var MachineCtx = React.createContext(null);
+var DEFAULT_RATE_LIMIT_CONFIG = {
+  maxRequests: 20,
+  windowMs: 6e4
+};
+function ChatSessionProvider({
+  dataSource,
+  sessionId,
+  rateLimiter: externalRateLimiter,
+  rateLimitConfig,
+  onSessionCreated,
+  children
+}) {
+  const machineRef = React.useRef(null);
+  if (!machineRef.current) {
+    machineRef.current = new ChatMachine({
+      dataSource,
+      rateLimiter: externalRateLimiter || new RateLimiter(rateLimitConfig || DEFAULT_RATE_LIMIT_CONFIG),
+      onSessionCreated
+    });
   }
-  return context;
+  const machine = machineRef.current;
+  React.useEffect(() => {
+    machine.updateConfig({ dataSource, onSessionCreated });
+  }, [machine, dataSource, onSessionCreated]);
+  React.useEffect(() => {
+    machine.setSessionId(sessionId);
+  }, [machine, sessionId]);
+  React.useEffect(() => {
+    return () => {
+      machine.dispose();
+    };
+  }, [machine]);
+  return /* @__PURE__ */ jsxRuntime.jsx(MachineCtx.Provider, { value: machine, children });
 }
-function useChatMessaging() {
-  const context = React.useContext(MessagingCtx);
-  if (!context) {
-    throw new Error("useChatMessaging must be used within ChatSessionProvider");
+function useMachine() {
+  const machine = React.useContext(MachineCtx);
+  if (!machine) {
+    throw new Error("Chat hooks must be used within ChatSessionProvider");
   }
-  return context;
+  return machine;
+}
+function useChatSession() {
+  const machine = useMachine();
+  return React.useSyncExternalStore(
+    machine.subscribeSession,
+    machine.getSessionSnapshot,
+    machine.getSessionSnapshot
+    // SSR fallback
+  );
+}
+function useChatMessaging() {
+  const machine = useMachine();
+  return React.useSyncExternalStore(
+    machine.subscribeMessaging,
+    machine.getMessagingSnapshot,
+    machine.getMessagingSnapshot
+  );
 }
 function useOptionalChatMessaging() {
-  return React.useContext(MessagingCtx);
+  const machine = React.useContext(MachineCtx);
+  const snapshot = React.useSyncExternalStore(
+    machine ? machine.subscribeMessaging : noopSubscribe,
+    machine ? machine.getMessagingSnapshot : nullSnapshot,
+    machine ? machine.getMessagingSnapshot : nullSnapshot
+  );
+  return machine ? snapshot : null;
+}
+function useChatInput() {
+  const machine = useMachine();
+  return React.useSyncExternalStore(
+    machine.subscribeInput,
+    machine.getInputSnapshot,
+    machine.getInputSnapshot
+  );
+}
+function noopSubscribe() {
+  return () => {
+  };
 }
-function useChatInput() {
-  const context = React.useContext(InputCtx);
-  if (!context) {
-    throw new Error("useChatInput must be used within ChatSessionProvider");
-  }
-  return context;
+function nullSnapshot() {
+  return null;
 }
 
 // ui/src/bichat/components/ChatHeader.tsx
@@ -1563,6 +2217,26 @@ function ChatHeader({ session, onBack, readOnly, logoSlot, actionsSlot }) {
     ] })
   ] }) });
 }
+function formatRelativeTime(date, t) {
+  const messageDate = new Date(date);
+  const now = /* @__PURE__ */ new Date();
+  const diffMins = dateFns.differenceInMinutes(now, messageDate);
+  const diffHours = dateFns.differenceInHours(now, messageDate);
+  const diffDays = dateFns.differenceInDays(now, messageDate);
+  if (diffMins < 1) {
+    return t ? t("BiChat.RelativeTime.JustNow") : "Just now";
+  }
+  if (diffMins < 60) {
+    return t ? t("BiChat.RelativeTime.MinutesAgo", { count: diffMins }) : `${diffMins}m ago`;
+  }
+  if (diffHours < 24) {
+    return t ? t("BiChat.RelativeTime.HoursAgo", { count: diffHours }) : `${diffHours}h ago`;
+  }
+  if (diffDays <= 7) {
+    return t ? t("BiChat.RelativeTime.DaysAgo", { count: diffDays }) : `${diffDays}d ago`;
+  }
+  return dateFns.format(messageDate, "HH:mm");
+}
 var MAX_FILE_SIZE_BYTES = 20 * 1024 * 1024;
 var ALLOWED_MIME_TYPES = /* @__PURE__ */ new Set([
   "image/jpeg",
@@ -2284,7 +2958,7 @@ function UserMessage({
     [selectedImageIndex, imageAttachments.length]
   );
   const currentAttachment = selectedImageIndex !== null ? imageAttachments[selectedImageIndex] : null;
-  const timestamp = dateFns.formatDistanceToNow(new Date(turn.createdAt), { addSuffix: true });
+  const timestamp = formatRelativeTime(turn.createdAt, t);
   const avatarSlotProps = { initials };
   const contentSlotProps = { content: turn.content };
   const attachmentsSlotProps = {
@@ -2329,7 +3003,7 @@ function UserMessage({
             value: draftContent,
             onChange: (e) => setDraftContent(e.target.value),
             className: "w-full min-h-[80px] resize-y rounded-lg px-3 py-2 bg-white/10 text-white placeholder-white/70 outline-none focus:ring-2 focus:ring-white/30",
-            "aria-label": "Edit message"
+            "aria-label": t("BiChat.Message.EditMessage")
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
@@ -2339,7 +3013,7 @@ function UserMessage({
               type: "button",
               onClick: handleEditCancel,
               className: "cursor-pointer px-3 py-1.5 rounded-lg bg-white/10 hover:bg-white/15 transition-colors text-sm font-medium",
-              children: "Cancel"
+              children: t("BiChat.Message.Cancel")
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -2349,7 +3023,7 @@ function UserMessage({
               onClick: handleEditSave,
               className: "cursor-pointer px-3 py-1.5 rounded-lg bg-white/20 hover:bg-white/25 transition-colors text-sm font-medium disabled:opacity-50 disabled:cursor-not-allowed",
               disabled: !draftContent.trim() || draftContent === turn.content,
-              children: "Save"
+              children: t("BiChat.Message.Save")
             }
           )
         ] })
@@ -2364,7 +3038,7 @@ function UserMessage({
             {
               onClick: handleCopyClick,
               className: `cursor-pointer ${classes.actionButton} ${isCopied ? "text-green-600 dark:text-green-400" : ""}`,
-              "aria-label": "Copy message",
+              "aria-label": t("BiChat.Message.CopyMessage"),
               title: isCopied ? t("BiChat.Message.Copied") : t("BiChat.Message.Copy"),
               children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 14, weight: "bold" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Copy, { size: 14, weight: "regular" })
             }
@@ -2374,8 +3048,8 @@ function UserMessage({
             {
               onClick: handleEditClick,
               className: `cursor-pointer ${classes.actionButton}`,
-              "aria-label": "Edit message",
-              title: "Edit",
+              "aria-label": t("BiChat.Message.EditMessage"),
+              title: t("BiChat.Message.EditMessage"),
               disabled: isEditing,
               children: /* @__PURE__ */ jsxRuntime.jsx(react.PencilSimple, { size: 14, weight: "regular" })
             }
@@ -2425,6 +3099,7 @@ function UserTurnView({
     }
   );
 }
+init_useTranslation();
 function toBase64(str) {
   const bytes = new TextEncoder().encode(str);
   let binary = "";
@@ -2434,16 +3109,17 @@ function toBase64(str) {
   return btoa(binary);
 }
 function CodeOutputsPanel({ outputs }) {
+  const { t } = useTranslation();
   if (!outputs || outputs.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 p-3 bg-gray-50 dark:bg-gray-900/50 rounded-lg border border-gray-200 dark:border-gray-700", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold text-gray-600 dark:text-gray-400 mb-2", children: "Code Output" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold text-gray-600 dark:text-gray-400 mb-2", children: t("BiChat.CodeOutput.Title") }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: outputs.map((output, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       output.type === "image" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
             src: output.content.startsWith("data:") ? output.content : `data:${output.mimeType || "image/png"};base64,${output.content}`,
-            alt: output.filename || "Code output",
+            alt: output.filename || t("BiChat.CodeOutput.CodeOutput"),
             className: "max-w-full rounded border border-gray-300 dark:border-gray-600"
           }
         ),
@@ -2475,19 +3151,23 @@ function CodeOutputsPanel({ outputs }) {
         ] })
       ] }),
       output.type === "error" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20 p-2 rounded border border-red-200 dark:border-red-800", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold mb-1", children: "Error" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold mb-1", children: t("BiChat.Error.Label") }),
         /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "whitespace-pre-wrap", children: output.content })
       ] })
     ] }, index)) })
   ] });
 }
 var CodeOutputsPanel_default = CodeOutputsPanel;
+
+// ui/src/bichat/components/StreamingCursor.tsx
+init_useTranslation();
 function StreamingCursor() {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
       className: "inline-block w-1.5 h-4 ml-0.5 bg-primary-600 dark:bg-primary-500 animate-pulse",
-      "aria-label": "AI is typing"
+      "aria-label": t("BiChat.Common.AITyping")
     }
   );
 }
@@ -3266,7 +3946,7 @@ function AssistantMessage({
       await onRegenerate(turnId);
     }
   }, [onRegenerate, turnId]);
-  const timestamp = dateFns.formatDistanceToNow(new Date(turn.createdAt), { addSuffix: true });
+  const timestamp = formatRelativeTime(turn.createdAt, t);
   const avatarSlotProps = { text: isSystemMessage ? "SYS" : "AI" };
   const contentSlotProps = {
     content: turn.content,
@@ -3320,7 +4000,7 @@ function AssistantMessage({
             {
               fallback: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-400 dark:text-gray-500", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-4 h-4 border-2 border-gray-300 dark:border-gray-600 border-t-transparent rounded-full animate-spin" }),
-                "Loading..."
+                t("BiChat.Common.Loading")
               ] }),
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 MarkdownRenderer2,
@@ -3374,7 +4054,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: "Loading..." }), children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownRenderer2, { content: turn.explanation }) }) })
+            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 })
@@ -3395,7 +4075,7 @@ function AssistantMessage({
             {
               onClick: handleCopyClick,
               className: `cursor-pointer ${classes.actionButton} ${isCopied ? "text-green-600 dark:text-green-400" : ""}`,
-              "aria-label": "Copy message",
+              "aria-label": t("BiChat.Message.CopyMessage"),
               title: isCopied ? t("BiChat.Message.Copied") : t("BiChat.Message.Copy"),
               children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 14, weight: "bold" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Copy, { size: 14, weight: "regular" })
             }
@@ -3405,8 +4085,8 @@ function AssistantMessage({
             {
               onClick: handleRegenerateClick,
               className: `cursor-pointer ${classes.actionButton}`,
-              "aria-label": "Regenerate response",
-              title: "Regenerate",
+              "aria-label": t("BiChat.Message.Regenerate"),
+              title: t("BiChat.Message.Regenerate"),
               children: /* @__PURE__ */ jsxRuntime.jsx(react.ArrowsClockwise, { size: 14, weight: "regular" })
             }
           )
@@ -3415,8 +4095,6 @@ function AssistantMessage({
     ] })
   ] });
 }
-
-// ui/src/bichat/components/SystemMessage.tsx
 init_useTranslation();
 var MarkdownRenderer3 = React.lazy(
   () => Promise.resolve().then(() => (init_MarkdownRenderer(), MarkdownRenderer_exports)).then((module) => ({ default: module.MarkdownRenderer }))
@@ -3483,7 +4161,7 @@ function SystemMessage({
       setIsCopied(false);
     }
   }, [content, onCopy]);
-  const timestamp = dateFns.formatDistanceToNow(new Date(createdAt), { addSuffix: true });
+  const timestamp = formatRelativeTime(createdAt, t);
   const resolvedHeight = isExpanded ? contentHeight : COLLAPSED_HEIGHT;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-3xl px-2 sm:px-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden rounded-xl border border-gray-200/80 dark:border-gray-700/60 bg-gradient-to-b from-gray-50/80 to-gray-100/40 dark:from-gray-800/40 dark:to-gray-900/30 shadow-[0_1px_3px_rgba(0,0,0,0.04)] dark:shadow-[0_1px_3px_rgba(0,0,0,0.2)]", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-gray-300/40 dark:via-gray-600/20 to-transparent" }),
@@ -3503,7 +4181,7 @@ function SystemMessage({
                   focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50
                   ${isCopied ? "text-green-600 dark:text-green-400" : "text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 hover:bg-gray-200/50 dark:hover:bg-gray-700/40"}
                 `,
-          "aria-label": "Copy message",
+          "aria-label": t("BiChat.Message.CopyMessage"),
           title: isCopied ? t("BiChat.Message.Copied") : t("BiChat.Message.Copy"),
           children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 13, weight: "bold" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Copy, { size: 13, weight: "regular" })
         }
@@ -3843,23 +4521,6 @@ var dropdownVariants = {
     transition: { duration: 0.1 }
   }
 };
-var toastVariants = {
-  initial: { opacity: 0, y: -8 },
-  animate: {
-    opacity: 1,
-    y: 0,
-    transition: {
-      duration: prefersReducedMotion() ? 0 : 0.2
-    }
-  },
-  exit: {
-    opacity: 0,
-    y: -8,
-    transition: {
-      duration: prefersReducedMotion() ? 0 : 0.15
-    }
-  }
-};
 var sessionItemVariants = {
   initial: { opacity: 0, x: -20 },
   animate: {
@@ -3921,7 +4582,7 @@ var prefersReducedMotion2 = () => {
 var getRandomVerb = (verbs, current) => {
   const available = verbs.filter((v) => v !== current);
   if (available.length === 0) {
-    return current || verbs[0] || "Thinking";
+    return current || verbs[0] || "";
   }
   return available[Math.floor(Math.random() * available.length)];
 };
@@ -3963,7 +4624,7 @@ function TypingIndicator({
             animate: "animate",
             exit: "exit",
             className: "text-sm bichat-thinking-shimmer block",
-            "aria-label": `AI is ${verb}`,
+            "aria-label": t("BiChat.Thinking.AriaLabel", { verb }),
             children: [
               verb,
               "..."
@@ -3977,6 +4638,9 @@ function TypingIndicator({
 }
 var MemoizedTypingIndicator = React.memo(TypingIndicator);
 MemoizedTypingIndicator.displayName = "TypingIndicator";
+
+// ui/src/bichat/components/ScrollToBottomButton.tsx
+init_useTranslation();
 function ScrollToBottomButton({
   show,
   onClick,
@@ -3984,6 +4648,7 @@ function ScrollToBottomButton({
   disabled = false,
   label
 }) {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: show && /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -3999,7 +4664,7 @@ function ScrollToBottomButton({
           onClick: disabled ? void 0 : onClick,
           disabled,
           className: `pointer-events-auto cursor-pointer shadow-lg border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 active:bg-gray-100 dark:active:bg-gray-600 transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-900 disabled:opacity-40 disabled:cursor-not-allowed ${label ? "flex items-center gap-1.5 px-4 py-2 rounded-full bg-primary-600 dark:bg-primary-500 border-primary-600 dark:border-primary-500 hover:bg-primary-700 dark:hover:bg-primary-600 active:bg-primary-800 dark:active:bg-primary-700" : "p-2.5 rounded-full bg-white dark:bg-gray-800"}`,
-          "aria-label": label || "Scroll to bottom",
+          "aria-label": label || t("BiChat.Common.ScrollToBottom"),
           children: label ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-white", children: label }),
             /* @__PURE__ */ jsxRuntime.jsx(react.ArrowDown, { size: 16, weight: "bold", className: "text-white" })
@@ -4013,23 +4678,6 @@ function ScrollToBottomButton({
   ) });
 }
 var ScrollToBottomButton_default = ScrollToBottomButton;
-function CompactionDoodle({ title, subtitle }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-2xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-4 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-10 h-10", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 rounded-full bg-primary-500/20 animate-pulse motion-reduce:animate-none" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-1 rounded-full bg-primary-500/40 animate-pulse motion-reduce:animate-none" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-3 rounded-full bg-primary-600" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: subtitle })
-    ] })
-  ] }) });
-}
-var CompactionDoodle_default = CompactionDoodle;
-
-// ui/src/bichat/components/MessageList.tsx
-init_useTranslation();
 
 // ui/src/bichat/utils/markdownStream.ts
 function normalizeStreamingMarkdown(text) {
@@ -4058,7 +4706,6 @@ var MarkdownRenderer4 = React.lazy(
   () => Promise.resolve().then(() => (init_MarkdownRenderer(), MarkdownRenderer_exports)).then((m) => ({ default: m.MarkdownRenderer }))
 );
 function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readOnly }) {
-  const { t } = useTranslation();
   const { currentSessionId, fetching } = useChatSession();
   const { turns, streamingContent, isStreaming, loading, isCompacting } = useChatMessaging();
   const messagesEndRef = React.useRef(null);
@@ -4116,13 +4763,6 @@ function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readO
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 min-h-0", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: "h-full overflow-y-auto px-4 py-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto space-y-6", children: [
-      isCompacting && /* @__PURE__ */ jsxRuntime.jsx(
-        CompactionDoodle_default,
-        {
-          title: t("BiChat.Slash.CompactingTitle"),
-          subtitle: t("BiChat.Slash.CompactingSubtitle")
-        }
-      ),
       fetching && turns.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", "aria-hidden": "true", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-3/5 max-w-md rounded-2xl bg-gray-100 dark:bg-gray-800 p-4 space-y-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-full rounded bg-gray-200 dark:bg-gray-700 animate-pulse" }),
@@ -4185,6 +4825,128 @@ function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readO
     )
   ] });
 }
+
+// ui/src/bichat/components/MessageQueueList.tsx
+init_useTranslation();
+function MessageQueueList({ queue, onRemove, onUpdate }) {
+  const { t } = useTranslation();
+  const [editingIndex, setEditingIndex] = React.useState(null);
+  const [editValue, setEditValue] = React.useState("");
+  const startEdit = React.useCallback((index) => {
+    setEditingIndex(index);
+    setEditValue(queue[index].content);
+  }, [queue]);
+  const saveEdit = React.useCallback(() => {
+    if (editingIndex === null) return;
+    const trimmed = editValue.trim();
+    if (trimmed) {
+      onUpdate(editingIndex, trimmed);
+    }
+    setEditingIndex(null);
+    setEditValue("");
+  }, [editingIndex, editValue, onUpdate]);
+  const cancelEdit = React.useCallback(() => {
+    setEditingIndex(null);
+    setEditValue("");
+  }, []);
+  if (queue.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: t("BiChat.Input.QueuedMessages", { count: queue.length }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: queue.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.div,
+      {
+        initial: { opacity: 0, height: 0 },
+        animate: { opacity: 1, height: "auto" },
+        exit: { opacity: 0, height: 0 },
+        transition: { duration: 0.15 },
+        className: "overflow-hidden",
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-2 text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 mt-0.5 w-5 h-5 rounded-full bg-primary-100 dark:bg-primary-900/30 text-primary-600 dark:text-primary-400 flex items-center justify-center text-[10px] font-bold", children: index + 1 }),
+          editingIndex === index ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "textarea",
+              {
+                value: editValue,
+                onChange: (e) => setEditValue(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" && !e.shiftKey) {
+                    e.preventDefault();
+                    saveEdit();
+                  }
+                  if (e.key === "Escape") cancelEdit();
+                },
+                className: "w-full resize-none rounded border border-primary-300 dark:border-primary-600 bg-transparent px-2 py-1 text-sm text-gray-900 dark:text-white outline-none focus:ring-1 focus:ring-primary-500",
+                rows: 1,
+                autoFocus: true
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: saveEdit,
+                  className: "cursor-pointer inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium text-primary-700 dark:text-primary-300 bg-primary-50 dark:bg-primary-900/30 hover:bg-primary-100 dark:hover:bg-primary-900/50 rounded transition-colors",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 12, weight: "bold" }),
+                    t("BiChat.Message.Save")
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: cancelEdit,
+                  className: "cursor-pointer inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 rounded transition-colors",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(react.ArrowCounterClockwise, { size: 12 }),
+                    t("BiChat.Message.Cancel")
+                  ]
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex-1 min-w-0 text-gray-700 dark:text-gray-300 truncate", children: [
+            item.content,
+            item.attachments.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1.5 text-gray-400 dark:text-gray-500", children: [
+              "+",
+              item.attachments.length,
+              " ",
+              t("BiChat.Input.AttachFiles").toLowerCase()
+            ] })
+          ] }),
+          editingIndex !== index && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5 flex-shrink-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => startEdit(index),
+                className: "cursor-pointer p-1 text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 rounded transition-colors",
+                "aria-label": t("BiChat.Input.EditQueueItem"),
+                title: t("BiChat.Input.EditQueueItem"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(react.PencilSimple, { size: 14 })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onRemove(index),
+                className: "cursor-pointer p-1 text-gray-400 dark:text-gray-500 hover:text-red-500 dark:hover:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors",
+                "aria-label": t("BiChat.Input.RemoveQueueItem"),
+                title: t("BiChat.Input.RemoveQueueItem"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 14 })
+              }
+            )
+          ] })
+        ] })
+      },
+      `queue-${index}-${item.content.slice(0, 20)}`
+    )) })
+  ] });
+}
+
+// ui/src/bichat/components/MessageInput.tsx
 init_useTranslation();
 var MAX_FILES_DEFAULT = 10;
 var MAX_FILE_SIZE_DEFAULT = 20 * 1024 * 1024;
@@ -4204,6 +4966,8 @@ var MessageInput = React.forwardRef(
     onMessageChange,
     onSubmit,
     onUnqueue,
+    onRemoveQueueItem,
+    onUpdateQueueItem,
     placeholder: placeholderOverride,
     maxFiles = MAX_FILES_DEFAULT,
     maxFileSize = MAX_FILE_SIZE_DEFAULT,
@@ -4427,14 +5191,22 @@ var MessageInput = React.forwardRef(
         return;
       }
       if (isCommandListVisible) {
-        if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
+        if (e.key === "Tab") {
+          e.preventDefault();
+          if (filteredCommands.length > 0) {
+            onMessageChange(filteredCommands[activeCommandIndex].name);
+            setCommandListDismissed(true);
+          }
+          return;
+        }
+        if (e.key === "ArrowDown") {
           e.preventDefault();
           if (filteredCommands.length > 0) {
             setActiveCommandIndex((prev) => (prev + 1) % filteredCommands.length);
           }
           return;
         }
-        if (e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey) {
+        if (e.key === "ArrowUp") {
           e.preventDefault();
           if (filteredCommands.length > 0) {
             setActiveCommandIndex(
@@ -4460,7 +5232,7 @@ var MessageInput = React.forwardRef(
       }
       if (e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
-        if (!loading && (message.trim() || attachments.length > 0)) {
+        if (message.trim() || attachments.length > 0) {
           handleFormSubmit(e);
         }
       }
@@ -4484,7 +5256,7 @@ var MessageInput = React.forwardRef(
     const handleFormSubmit = (e) => {
       e.preventDefault();
       if (isComposing) return;
-      if (loading || disabled || !message.trim() && attachments.length === 0) {
+      if (disabled || !message.trim() && attachments.length === 0) {
         return;
       }
       setCommandListDismissed(true);
@@ -4492,7 +5264,7 @@ var MessageInput = React.forwardRef(
       setAttachments([]);
       setError(null);
     };
-    const canSubmit = !loading && !disabled && (message.trim() || attachments.length > 0);
+    const canSubmit = !disabled && (message.trim() || attachments.length > 0);
     const visibleError = error || commandError;
     const visibleErrorText = visibleError ? t(visibleError) : "";
     const defaultContainerClassName = "shrink-0 px-4 pt-4 pb-6";
@@ -4513,8 +5285,9 @@ var MessageInput = React.forwardRef(
         ref: containerRef,
         className: containerClassName ?? defaultContainerClassName,
         children: /* @__PURE__ */ jsxRuntime.jsxs("form", { ref: formRef, onSubmit: handleFormSubmit, className: formClassName ?? "mx-auto", children: [
-          visibleError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg text-sm text-red-600 dark:text-red-400 flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: visibleErrorText }),
+          visibleError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-start gap-2.5 px-3 py-2.5 bg-red-50 dark:bg-red-950/40 border border-red-200/80 dark:border-red-900/60 rounded-xl text-sm shadow-sm", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 mt-0.5 flex items-center justify-center w-5 h-5 rounded-full bg-red-100 dark:bg-red-900/40", children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 10, className: "text-red-600 dark:text-red-400", weight: "bold" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-red-700 dark:text-red-300 text-xs leading-relaxed", children: visibleErrorText }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
@@ -4523,13 +5296,20 @@ var MessageInput = React.forwardRef(
                   setError(null);
                   onClearCommandError?.();
                 },
-                className: "cursor-pointer ml-2 p-1 hover:bg-red-100 dark:hover:bg-red-800 rounded transition-colors",
+                className: "cursor-pointer flex-shrink-0 p-0.5 text-red-400 dark:text-red-500 hover:text-red-600 dark:hover:text-red-300 hover:bg-red-100 dark:hover:bg-red-900/40 rounded-md transition-colors",
                 "aria-label": t("BiChat.Input.DismissError"),
                 children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 14 })
               }
             )
           ] }),
-          messageQueue.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-xs text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2.5 py-1 bg-primary-50 dark:bg-primary-900/30 text-primary-600 dark:text-primary-400 rounded font-medium", children: t("BiChat.Input.MessagesQueued", { count: messageQueue.length }) }) }),
+          messageQueue.length > 0 && onRemoveQueueItem && onUpdateQueueItem && /* @__PURE__ */ jsxRuntime.jsx(
+            MessageQueueList,
+            {
+              queue: messageQueue,
+              onRemove: onRemoveQueueItem,
+              onUpdate: onUpdateQueueItem
+            }
+          ),
           debugMode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 space-y-2 text-xs", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 px-2.5 py-1 bg-amber-100 dark:bg-amber-900/40 text-amber-700 dark:text-amber-300 rounded-full font-medium text-[11px]", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex h-1.5 w-1.5", "aria-hidden": "true", children: [
@@ -4686,7 +5466,7 @@ var MessageInput = React.forwardRef(
                           className: "resize-none bg-transparent border-none outline-none px-1 py-2 w-full text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 text-sm leading-relaxed",
                           style: { maxHeight: `${MAX_HEIGHT}px` },
                           rows: 1,
-                          disabled: loading || disabled,
+                          disabled,
                           "aria-busy": loading,
                           "aria-label": t("BiChat.Input.MessageInput")
                         }
@@ -4752,13 +5532,36 @@ var MessageInput = React.forwardRef(
   }
 );
 MessageInput.displayName = "MessageInput";
+function CompactionDoodle({ title, subtitle }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      initial: { opacity: 0, y: 8, scale: 0.96 },
+      animate: { opacity: 1, y: 0, scale: 1 },
+      exit: { opacity: 0, y: 4, scale: 0.98 },
+      transition: { type: "spring", stiffness: 400, damping: 28 },
+      className: "flex items-center gap-2.5 rounded-xl border border-gray-200/70 bg-white/95 px-3.5 py-2 shadow-sm backdrop-blur-sm dark:border-gray-700/50 dark:bg-gray-800/95",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-5 w-5 items-center justify-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-primary-400/30" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-primary-500" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-700 dark:text-gray-200", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-gray-400 dark:text-gray-500", children: subtitle })
+        ] })
+      ]
+    }
+  );
+}
+var CompactionDoodle_default = CompactionDoodle;
 
 // ui/src/bichat/components/WelcomeContent.tsx
 init_useTranslation();
 var PROMPT_DEFS = [
-  { categoryKey: "Welcome.Prompt1Category", textKey: "Welcome.Prompt1Text", icon: react.ChartBar, defaultCategory: "OSAGO Portfolio", defaultText: "What is the total amount of accrued OSAGO premiums for the reporting period?" },
-  { categoryKey: "Welcome.Prompt2Category", textKey: "Welcome.Prompt2Text", icon: react.FileText, defaultCategory: "Regional Analysis", defaultText: "Show me the top 5 regions by collected insurance premiums" },
-  { categoryKey: "Welcome.Prompt3Category", textKey: "Welcome.Prompt3Text", icon: react.Lightbulb, defaultCategory: "Loss Analysis", defaultText: "Calculate the loss ratio across the entire OSAGO portfolio" }
+  { categoryKey: "BiChat.Welcome.Prompt1Category", textKey: "BiChat.Welcome.Prompt1Text", icon: react.ChartBar, defaultCategory: "Data Analysis", defaultText: "Show me a summary of key metrics" },
+  { categoryKey: "BiChat.Welcome.Prompt2Category", textKey: "BiChat.Welcome.Prompt2Text", icon: react.FileText, defaultCategory: "Reports", defaultText: "Generate a report for the current period" },
+  { categoryKey: "BiChat.Welcome.Prompt3Category", textKey: "BiChat.Welcome.Prompt3Text", icon: react.Lightbulb, defaultCategory: "Insights", defaultText: "What trends can you identify in the data?" }
 ];
 var PROMPT_STYLES = [
   {
@@ -4908,11 +5711,172 @@ function WelcomeContent({
             );
           }) })
         ] })
-      ]
-    }
-  );
+      ]
+    }
+  );
+}
+var WelcomeContent_default = WelcomeContent;
+init_useTranslation();
+var variantStyles = {
+  error: {
+    container: "border-red-200 bg-red-50 dark:bg-red-900/20",
+    title: "text-red-800 dark:text-red-300",
+    message: "text-red-700 dark:text-red-400",
+    icon: "text-red-600 dark:text-red-400",
+    button: "text-red-400 hover:text-red-600 dark:hover:text-red-300",
+    retryButton: "bg-red-600 dark:bg-red-700 hover:bg-red-700 dark:hover:bg-red-800 text-white",
+    Icon: react.XCircle
+  },
+  success: {
+    container: "border-green-200 bg-green-50 dark:bg-green-900/20",
+    title: "text-green-800 dark:text-green-300",
+    message: "text-green-700 dark:text-green-400",
+    icon: "text-green-600 dark:text-green-400",
+    button: "text-green-400 hover:text-green-600 dark:hover:text-green-300",
+    retryButton: "bg-green-600 dark:bg-green-700 hover:bg-green-700 dark:hover:bg-green-800 text-white",
+    Icon: react.CheckCircle
+  },
+  warning: {
+    container: "border-yellow-200 bg-yellow-50 dark:bg-yellow-900/20",
+    title: "text-yellow-800 dark:text-yellow-300",
+    message: "text-yellow-700 dark:text-yellow-400",
+    icon: "text-yellow-600 dark:text-yellow-400",
+    button: "text-yellow-400 hover:text-yellow-600 dark:hover:text-yellow-300",
+    retryButton: "bg-yellow-600 dark:bg-yellow-700 hover:bg-yellow-700 dark:hover:bg-yellow-800 text-white",
+    Icon: react.Warning
+  },
+  info: {
+    container: "border-blue-200 bg-blue-50 dark:bg-blue-900/20",
+    title: "text-blue-800 dark:text-blue-300",
+    message: "text-blue-700 dark:text-blue-400",
+    icon: "text-blue-600 dark:text-blue-400",
+    button: "text-blue-400 hover:text-blue-600 dark:hover:text-blue-300",
+    retryButton: "bg-blue-600 dark:bg-blue-700 hover:bg-blue-700 dark:hover:bg-blue-800 text-white",
+    Icon: react.Info
+  }
+};
+function Alert({
+  variant = "info",
+  message,
+  title,
+  onDismiss,
+  onRetry,
+  show = true,
+  dismissible = true
+}) {
+  const { t } = useTranslation();
+  const styles = variantStyles[variant];
+  const IconComponent = styles.Icon;
+  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: show && /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      variants: errorMessageVariants,
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      className: `border-t border ${styles.container} px-4 py-3`,
+      role: "alert",
+      "aria-live": "assertive",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex items-start justify-between px-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 20, className: `w-5 h-5 ${styles.icon} flex-shrink-0 mt-0.5` }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+            title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-sm ${styles.title} font-medium`, children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-sm ${styles.message} ${title ? "mt-1" : ""}`, children: message }),
+            onRetry && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: onRetry,
+                className: `mt-2 text-xs px-3 py-1.5 rounded ${styles.retryButton} transition-colors font-medium`,
+                children: t("BiChat.Chat.Retry")
+              }
+            )
+          ] })
+        ] }),
+        dismissible && onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: onDismiss,
+            className: `${styles.button} transition-colors flex-shrink-0`,
+            "aria-label": t("BiChat.Chat.DismissNotification"),
+            children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 20, className: "w-5 h-5" })
+          }
+        )
+      ] })
+    }
+  ) });
+}
+var Alert_default = React.memo(Alert);
+
+// ui/src/bichat/components/ArchiveBanner.tsx
+init_useTranslation();
+function ArchiveBanner({
+  show = true,
+  onRestore,
+  restoring = false,
+  onRestoreComplete
+}) {
+  const { t } = useTranslation();
+  const [error, setError] = React.useState(null);
+  const handleRestore = async () => {
+    try {
+      setError(null);
+      if (onRestore) {
+        await onRestore();
+      }
+      if (onRestoreComplete) {
+        onRestoreComplete();
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : t("BiChat.Archive.RestoreFailed");
+      setError(message);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: show && /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.div,
+      {
+        variants: errorMessageVariants,
+        initial: "initial",
+        animate: "animate",
+        exit: "exit",
+        className: "border-t border border-blue-200 bg-blue-50 dark:bg-blue-900/20 px-4 py-3",
+        role: "region",
+        "aria-label": t("BiChat.Archive.Banner"),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex items-start justify-between px-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 20, className: "w-5 h-5 text-blue-600 dark:text-blue-400 flex-shrink-0 mt-0.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-blue-700 dark:text-blue-400", children: t("BiChat.Archive.Archived") }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: handleRestore,
+              disabled: restoring,
+              className: "ml-2 flex-shrink-0 px-3 py-1.5 text-xs font-medium bg-blue-600 dark:bg-blue-700 hover:bg-blue-700 dark:hover:bg-blue-800 text-white rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1.5",
+              "aria-label": t("BiChat.Archive.Restore"),
+              children: restoring ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(react.Spinner, { size: 16, className: "w-4 h-4 animate-spin" }),
+                t("BiChat.Archive.Restoring")
+              ] }) : t("BiChat.Archive.Restore")
+            }
+          )
+        ] })
+      }
+    ) }),
+    error && /* @__PURE__ */ jsxRuntime.jsx(
+      Alert_default,
+      {
+        variant: "error",
+        message: error,
+        title: t("BiChat.Archive.RestoreFailed"),
+        onDismiss: () => setError(null),
+        dismissible: true
+      }
+    )
+  ] });
 }
-var WelcomeContent_default = WelcomeContent;
+var ArchiveBanner_default = React.memo(ArchiveBanner);
 
 // ui/src/bichat/components/ChatSession.tsx
 init_useTranslation();
@@ -4923,11 +5887,11 @@ init_useTranslation();
 // ui/src/bichat/components/SessionArtifactList.tsx
 init_useTranslation();
 var TYPE_LABEL_KEYS = {
-  chart: "Artifacts.GroupCharts",
-  code_output: "Artifacts.GroupCodeOutputs",
-  export: "Artifacts.GroupExports",
-  attachment: "Artifacts.GroupAttachments",
-  other: "Artifacts.GroupOther"
+  chart: "BiChat.Artifacts.GroupCharts",
+  code_output: "BiChat.Artifacts.GroupCodeOutputs",
+  export: "BiChat.Artifacts.GroupExports",
+  attachment: "BiChat.Artifacts.GroupAttachments",
+  other: "BiChat.Artifacts.GroupOther"
 };
 function getGroupIcon(type) {
   const cls = "h-3.5 w-3.5";
@@ -5003,7 +5967,8 @@ function SessionArtifactList({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-gray-100 dark:bg-gray-800", children: /* @__PURE__ */ jsxRuntime.jsx(react.Package, { className: "h-6 w-6 text-gray-400 dark:text-gray-500", weight: "duotone" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: t("BiChat.Artifacts.Empty") }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.Artifacts.EmptySubtitle") })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.Artifacts.EmptySubtitle") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.Artifacts.EmptyHint") })
       ] })
     ] });
   }
@@ -5695,6 +6660,29 @@ function SessionArtifactsPanel({
     },
     [canDeleteArtifact, dataSource]
   );
+  const fileInputRef = React.useRef(null);
+  const handleAttachClick = React.useCallback(() => {
+    fileInputRef.current?.click();
+  }, []);
+  const handleFileInputChange = React.useCallback(
+    async (e) => {
+      if (!dataSource.uploadSessionArtifacts || !e.target.files?.length) return;
+      const files = Array.from(e.target.files);
+      try {
+        const result = await dataSource.uploadSessionArtifacts(sessionId, files);
+        if ((result.artifacts || []).length > 0) {
+          setDropSuccessState();
+          void fetchArtifacts({ reset: true, manual: false });
+        }
+        setError(null);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : tRef.current("BiChat.Artifacts.FailedToLoad"));
+      } finally {
+        e.target.value = "";
+      }
+    },
+    [dataSource, fetchArtifacts, sessionId, setDropSuccessState]
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "aside",
     {
@@ -5722,12 +6710,38 @@ function SessionArtifactsPanel({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("header", { className: "flex items-center justify-between border-b border-gray-200 px-3 py-2 dark:border-gray-700/80", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "truncate text-sm font-semibold text-gray-900 dark:text-gray-100", children: [
-          t("BiChat.Artifacts.Title"),
-          " (",
-          artifacts.length,
-          ")"
-        ] }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex items-center justify-between border-b border-gray-200 px-3 py-2 dark:border-gray-700/80", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "truncate text-sm font-semibold text-gray-900 dark:text-gray-100", children: [
+            t("BiChat.Artifacts.Title"),
+            " (",
+            artifacts.length,
+            ")"
+          ] }) }),
+          canDropFiles && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleAttachClick,
+                className: "ml-2 flex-shrink-0 rounded-md p-1.5 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 dark:text-gray-500 dark:hover:bg-gray-800 dark:hover:text-gray-300",
+                "aria-label": t("BiChat.Artifacts.AttachFiles"),
+                title: t("BiChat.Artifacts.AttachFiles"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(react.Plus, { className: "h-4 w-4", weight: "bold" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                ref: fileInputRef,
+                type: "file",
+                multiple: true,
+                className: "hidden",
+                onChange: handleFileInputChange,
+                "aria-label": t("BiChat.Artifacts.AttachFiles")
+              }
+            )
+          ] })
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 py-3", children: fetching ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center text-sm text-gray-500 dark:text-gray-400", children: t("BiChat.Artifacts.Loading") }) : error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 rounded-lg border border-red-200 bg-red-50 p-3 dark:border-red-900/70 dark:bg-red-950/30", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-300", children: t("BiChat.Artifacts.FailedToLoad") }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-700 dark:text-red-400", children: error }),
@@ -5780,6 +6794,77 @@ function SessionArtifactsPanel({
     }
   );
 }
+
+// ui/src/bichat/components/StreamError.tsx
+init_useTranslation();
+function StreamError({
+  error,
+  onRetry,
+  onRegenerate,
+  onDismiss,
+  compact = false
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      initial: { opacity: 0, y: 10 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -10 },
+      className: `flex items-start gap-3 ${compact ? "px-3 py-2.5" : "px-4 py-3"} bg-red-50 dark:bg-red-950/40 border border-red-200/80 dark:border-red-900/60 rounded-xl shadow-sm`,
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 mt-0.5 flex items-center justify-center w-7 h-7 rounded-full bg-red-100 dark:bg-red-900/40", children: /* @__PURE__ */ jsxRuntime.jsx(
+          react.Warning,
+          {
+            className: "w-4 h-4 text-red-600 dark:text-red-400",
+            weight: "fill"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-200 leading-snug", children: t("BiChat.Error.Generic") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-red-600/80 dark:text-red-400/70 break-words leading-relaxed", children: error }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
+            onRetry && /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                onClick: onRetry,
+                className: "cursor-pointer inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-white bg-red-600 hover:bg-red-700 active:bg-red-800 dark:bg-red-700 dark:hover:bg-red-600 rounded-lg transition-colors shadow-sm",
+                type: "button",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(react.ArrowClockwise, { className: "w-3.5 h-3.5" }),
+                  t("BiChat.StreamError.Retry")
+                ]
+              }
+            ),
+            onRegenerate && /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                onClick: onRegenerate,
+                className: "cursor-pointer inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg transition-colors shadow-sm",
+                type: "button",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(react.ArrowsCounterClockwise, { className: "w-3.5 h-3.5" }),
+                  t("BiChat.StreamError.Regenerate")
+                ]
+              }
+            )
+          ] })
+        ] }),
+        onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: onDismiss,
+            className: "cursor-pointer flex-shrink-0 mt-0.5 inline-flex items-center justify-center w-6 h-6 text-red-400 dark:text-red-500 hover:text-red-600 dark:hover:text-red-300 hover:bg-red-100 dark:hover:bg-red-900/40 rounded-md transition-colors",
+            type: "button",
+            "aria-label": t("BiChat.Chat.DismissNotification"),
+            children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { className: "w-3.5 h-3.5" })
+          }
+        )
+      ]
+    }
+  );
+}
 var ARTIFACTS_PANEL_WIDTH_DEFAULT = 352;
 var ARTIFACTS_PANEL_WIDTH_MIN = 280;
 var ARTIFACTS_PANEL_WIDTH_MAX = 560;
@@ -5796,13 +6881,34 @@ function ChatSessionCore({
   actionsSlot,
   onBack,
   thinkingVerbs,
+  onSessionRestored,
   showArtifactsPanel = false,
   artifactsPanelDefaultExpanded = false,
   artifactsPanelStorageKey = "bichat.artifacts-panel.expanded"
 }) {
   const { t } = useTranslation();
-  const { session, fetching, error, debugMode, sessionDebugUsage, debugLimits, currentSessionId } = useChatSession();
-  const { turns, loading, isStreaming } = useChatMessaging();
+  const {
+    session,
+    fetching,
+    error,
+    errorRetryable,
+    debugMode,
+    sessionDebugUsage,
+    debugLimits,
+    currentSessionId,
+    setError,
+    retryFetchSession
+  } = useChatSession();
+  const {
+    turns,
+    loading,
+    isStreaming,
+    streamError,
+    streamErrorRetryable,
+    isCompacting,
+    retryLastMessage,
+    clearStreamError
+  } = useChatMessaging();
   const {
     inputError,
     message,
@@ -5810,9 +6916,23 @@ function ChatSessionCore({
     setInputError,
     handleSubmit,
     messageQueue,
-    handleUnqueue
+    handleUnqueue,
+    removeQueueItem,
+    updateQueueItem
   } = useChatInput();
-  const effectiveReadOnly = Boolean(readOnly ?? isReadOnly);
+  const isArchived = session?.status === "archived";
+  const effectiveReadOnly = Boolean(readOnly ?? isReadOnly) || isArchived;
+  const [restoring, setRestoring] = React.useState(false);
+  const handleRestore = React.useCallback(async () => {
+    if (!session?.id) return;
+    setRestoring(true);
+    try {
+      await dataSource.unarchiveSession(session.id);
+      onSessionRestored?.(session.id);
+    } finally {
+      setRestoring(false);
+    }
+  }, [dataSource, session?.id, onSessionRestored]);
   const [artifactsPanelExpanded, setArtifactsPanelExpanded] = React.useState(
     artifactsPanelDefaultExpanded
   );
@@ -5884,16 +7004,9 @@ function ChatSessionCore({
       document.body.style.userSelect = "";
     };
   }, [isResizingArtifactsPanel, artifactsPanelStorageKey]);
-  if (fetching) {
+  if (fetching && turns.length === 0 && !session) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-500 dark:text-gray-400", children: t("BiChat.Input.Processing") }) });
   }
-  if (error) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-red-500 dark:text-red-400", children: [
-      t("BiChat.Error.Generic"),
-      ": ",
-      error
-    ] }) });
-  }
   const showWelcome = !session && turns.length === 0;
   const activeSessionId = session?.id || (currentSessionId && currentSessionId !== "new" ? currentSessionId : void 0);
   const supportsArtifactsPanel = typeof dataSource.fetchSessionArtifacts === "function";
@@ -5950,6 +7063,16 @@ function ChatSessionCore({
             actionsSlot: headerActions
           }
         ),
+        error && /* @__PURE__ */ jsxRuntime.jsx(
+          Alert_default,
+          {
+            variant: errorRetryable ? "warning" : "error",
+            title: t("BiChat.Error.Generic"),
+            message: error,
+            onDismiss: () => setError(null),
+            onRetry: errorRetryable ? retryFetchSession : void 0
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
@@ -5958,6 +7081,15 @@ function ChatSessionCore({
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-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 }),
+                streamError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  StreamError,
+                  {
+                    error: streamError,
+                    compact: true,
+                    onRetry: streamErrorRetryable ? () => void retryLastMessage() : void 0,
+                    onDismiss: clearStreamError
+                  }
+                ) }),
                 !effectiveReadOnly && /* @__PURE__ */ jsxRuntime.jsx(
                   MessageInput,
                   {
@@ -5973,12 +7105,22 @@ function ChatSessionCore({
                     onSubmit: handleSubmit,
                     messageQueue,
                     onUnqueue: handleUnqueue,
+                    onRemoveQueueItem: removeQueueItem,
+                    onUpdateQueueItem: updateQueueItem,
                     containerClassName: "pt-6 px-6",
                     formClassName: "mx-auto"
                   }
                 ),
                 /* @__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") })
               ] }) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                isArchived && /* @__PURE__ */ jsxRuntime.jsx(
+                  ArchiveBanner_default,
+                  {
+                    show: true,
+                    onRestore: handleRestore,
+                    restoring
+                  }
+                ),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   MessageList,
                   {
@@ -5988,6 +7130,22 @@ function ChatSessionCore({
                     readOnly: effectiveReadOnly
                   }
                 ),
+                /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isCompacting && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center px-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  CompactionDoodle_default,
+                  {
+                    title: t("BiChat.Slash.CompactingTitle"),
+                    subtitle: t("BiChat.Slash.CompactingSubtitle")
+                  }
+                ) }) }),
+                streamError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  StreamError,
+                  {
+                    error: streamError,
+                    compact: true,
+                    onRetry: streamErrorRetryable ? () => void retryLastMessage() : void 0,
+                    onDismiss: clearStreamError
+                  }
+                ) }),
                 !effectiveReadOnly && /* @__PURE__ */ jsxRuntime.jsx(
                   MessageInput,
                   {
@@ -6002,7 +7160,9 @@ function ChatSessionCore({
                     onMessageChange: setMessage,
                     onSubmit: handleSubmit,
                     messageQueue,
-                    onUnqueue: handleUnqueue
+                    onUnqueue: handleUnqueue,
+                    onRemoveQueueItem: removeQueueItem,
+                    onUpdateQueueItem: updateQueueItem
                   }
                 )
               ] }) }),
@@ -6093,8 +7253,17 @@ function ChatSessionCore({
   );
 }
 function ChatSession(props) {
-  const { dataSource, sessionId, rateLimiter, ...coreProps } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(ChatSessionProvider, { dataSource, sessionId, rateLimiter, children: /* @__PURE__ */ jsxRuntime.jsx(ChatSessionCore, { dataSource, ...coreProps }) });
+  const { dataSource, sessionId, rateLimiter, onSessionCreated, ...coreProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ChatSessionProvider,
+    {
+      dataSource,
+      sessionId,
+      rateLimiter,
+      onSessionCreated,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ChatSessionCore, { dataSource, ...coreProps })
+    }
+  );
 }
 
 // ui/src/bichat/index.ts
@@ -6196,20 +7365,19 @@ var EditableText = React.forwardRef(
     onSave,
     maxLength = 100,
     isLoading = false,
-    placeholder = "Untitled",
+    placeholder,
     className = "",
     inputClassName = "",
     size = "sm"
   }, ref) => {
     const { t } = useTranslation();
+    const resolvedPlaceholder = placeholder ?? t("BiChat.Common.Untitled");
     const [isEditing, setIsEditing] = React.useState(false);
     const [editValue, setEditValue] = React.useState(value);
     const inputRef = React.useRef(null);
     React.useImperativeHandle(ref, () => ({
       startEditing: () => {
-        if (!isLoading) {
-          setIsEditing(true);
-        }
+        setIsEditing(true);
       },
       cancelEditing: () => {
         setEditValue(value);
@@ -6251,9 +7419,7 @@ var EditableText = React.forwardRef(
       }
     };
     const handleDoubleClick = () => {
-      if (!isLoading) {
-        setIsEditing(true);
-      }
+      setIsEditing(true);
     };
     const handleBlur = () => {
       handleSave();
@@ -6275,7 +7441,7 @@ var EditableText = React.forwardRef(
               onKeyDown: handleKeyDown,
               onBlur: handleBlur,
               maxLength,
-              placeholder,
+              placeholder: resolvedPlaceholder,
               className: `flex-1 px-2 py-1 ${sizeClass} bg-white dark:bg-gray-700 border border-primary-500 dark:border-primary-600 rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 dark:focus-visible:ring-primary-600/30 text-gray-900 dark:text-white ${inputClassName}`,
               "aria-label": t("BiChat.EditableText.AriaLabel")
             }
@@ -6283,7 +7449,7 @@ var EditableText = React.forwardRef(
         }
       );
     }
-    const displayValue = value || placeholder;
+    const displayValue = value || resolvedPlaceholder;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
@@ -6331,16 +7497,18 @@ var sizeClasses3 = {
 function SearchInput({
   value,
   onChange,
-  placeholder = "Search...",
+  placeholder,
   autoFocus = false,
   onSubmit,
   onEscape,
   className = "",
   size = "md",
   disabled = false,
-  ariaLabel = "Search"
+  ariaLabel
 }) {
   const { t } = useTranslation();
+  const resolvedPlaceholder = placeholder ?? t("BiChat.Common.Search");
+  const resolvedAriaLabel = ariaLabel ?? t("BiChat.Common.Search");
   const inputRef = React.useRef(null);
   const sizes = sizeClasses3[size];
   React.useEffect(() => {
@@ -6383,10 +7551,10 @@ function SearchInput({
         value,
         onChange: (e) => onChange(e.target.value),
         onKeyDown: handleKeyDown,
-        placeholder,
+        placeholder: resolvedPlaceholder,
         disabled,
         className: `w-full ${sizes.container} bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-gray-700/50 rounded-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 focus-visible:border-primary-400 dark:focus-visible:border-primary-600 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed`,
-        "aria-label": ariaLabel
+        "aria-label": resolvedAriaLabel
       }
     ),
     value && !disabled && /* @__PURE__ */ jsxRuntime.jsx(
@@ -6586,26 +7754,37 @@ var LoadingSpinner_default = MemoizedLoadingSpinner;
 // ui/src/bichat/index.ts
 init_TableExportButton();
 init_TableWithExport();
+
+// ui/src/bichat/components/Toast.tsx
+init_useTranslation();
 var typeConfig = {
   success: {
-    bgColor: "bg-green-700",
-    darkBgColor: "dark:bg-green-800",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(react.CheckCircle, { size: 20, className: "w-5 h-5 flex-shrink-0", weight: "fill" })
+    accent: "text-emerald-600 dark:text-emerald-400",
+    bg: "bg-emerald-50 dark:bg-emerald-950/40 border-emerald-200/80 dark:border-emerald-800/50",
+    icon: "bg-emerald-100 dark:bg-emerald-900/50",
+    progress: "bg-emerald-500 dark:bg-emerald-400",
+    iconEl: react.CheckCircle
   },
   error: {
-    bgColor: "bg-red-700",
-    darkBgColor: "dark:bg-red-800",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(react.XCircle, { size: 20, className: "w-5 h-5 flex-shrink-0", weight: "fill" })
+    accent: "text-red-600 dark:text-red-400",
+    bg: "bg-red-50 dark:bg-red-950/40 border-red-200/80 dark:border-red-800/50",
+    icon: "bg-red-100 dark:bg-red-900/50",
+    progress: "bg-red-500 dark:bg-red-400",
+    iconEl: react.XCircle
   },
   info: {
-    bgColor: "bg-blue-700",
-    darkBgColor: "dark:bg-blue-800",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(react.Info, { size: 20, className: "w-5 h-5 flex-shrink-0", weight: "fill" })
+    accent: "text-blue-600 dark:text-blue-400",
+    bg: "bg-blue-50 dark:bg-blue-950/40 border-blue-200/80 dark:border-blue-800/50",
+    icon: "bg-blue-100 dark:bg-blue-900/50",
+    progress: "bg-blue-500 dark:bg-blue-400",
+    iconEl: react.Info
   },
   warning: {
-    bgColor: "bg-amber-700",
-    darkBgColor: "dark:bg-amber-800",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(react.Warning, { size: 20, className: "w-5 h-5 flex-shrink-0", weight: "fill" })
+    accent: "text-amber-600 dark:text-amber-400",
+    bg: "bg-amber-50 dark:bg-amber-950/40 border-amber-200/80 dark:border-amber-800/50",
+    icon: "bg-amber-100 dark:bg-amber-900/50",
+    progress: "bg-amber-500 dark:bg-amber-400",
+    iconEl: react.Warning
   }
 };
 function Toast({
@@ -6614,55 +7793,117 @@ function Toast({
   message,
   duration = 5e3,
   onDismiss,
-  dismissLabel = "Dismiss notification"
+  dismissLabel
 }) {
+  const { t } = useTranslation();
+  const resolvedDismissLabel = dismissLabel ?? t("BiChat.Chat.DismissNotification");
   const config = typeConfig[type];
+  const Icon = config.iconEl;
+  const [show, setShow] = React.useState(false);
+  const [paused, setPaused] = React.useState(false);
+  const remainingRef = React.useRef(duration);
+  const startRef = React.useRef(Date.now());
+  React.useEffect(() => {
+    const frame = requestAnimationFrame(() => setShow(true));
+    return () => cancelAnimationFrame(frame);
+  }, []);
+  React.useEffect(() => {
+    if (paused) return;
+    startRef.current = Date.now();
+    const timer = setTimeout(() => {
+      setShow(false);
+      setTimeout(() => onDismiss(id), 200);
+    }, remainingRef.current);
+    return () => {
+      const elapsed = Date.now() - startRef.current;
+      remainingRef.current = Math.max(0, remainingRef.current - elapsed);
+      clearTimeout(timer);
+    };
+  }, [id, paused, onDismiss]);
+  const handleDismiss = React.useCallback(() => {
+    setShow(false);
+    setTimeout(() => onDismiss(id), 200);
+  }, [id, onDismiss]);
   const ariaLive = type === "error" ? "assertive" : "polite";
   const role = type === "error" || type === "warning" ? "alert" : "status";
-  React.useEffect(() => {
-    const timer = setTimeout(() => onDismiss(id), duration);
-    return () => clearTimeout(timer);
-  }, [id, duration, onDismiss]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    framerMotion.motion.div,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react$1.Transition,
     {
-      initial: { opacity: 0, y: -50, scale: 0.95 },
-      animate: { opacity: 1, y: 0, scale: 1 },
-      exit: { opacity: 0, scale: 0.95 },
-      transition: { duration: 0.2 },
-      className: `flex items-center gap-3 px-4 py-3 rounded-lg shadow-lg backdrop-blur-sm min-w-[300px] max-w-[400px] text-white ${config.bgColor} ${config.darkBgColor}`,
-      role,
-      "aria-live": ariaLive,
-      "aria-atomic": "true",
-      children: [
-        config.icon,
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex-1 text-sm font-medium", children: message }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: () => onDismiss(id),
-            className: "cursor-pointer ml-2 text-white hover:bg-white/20 p-1 rounded transition-colors flex-shrink-0",
-            "aria-label": dismissLabel,
-            children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 16, className: "w-4 h-4", weight: "bold" })
-          }
-        )
-      ]
+      show,
+      enter: "transition duration-200 ease-out",
+      enterFrom: "-translate-y-2 opacity-0 scale-95",
+      enterTo: "translate-y-0 opacity-100 scale-100",
+      leave: "transition duration-150 ease-in",
+      leaveFrom: "translate-y-0 opacity-100 scale-100",
+      leaveTo: "-translate-y-2 opacity-0 scale-95",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: `relative flex items-start gap-3 rounded-xl border px-4 py-3 shadow-lg shadow-black/5 dark:shadow-black/20 backdrop-blur-sm min-w-[320px] max-w-[420px] overflow-hidden ${config.bg}`,
+          role,
+          "aria-live": ariaLive,
+          "aria-atomic": "true",
+          onMouseEnter: () => setPaused(true),
+          onMouseLeave: () => setPaused(false),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: `mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-lg ${config.icon}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 16, className: config.accent, weight: "fill" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex-1 pt-0.5 text-sm font-medium leading-snug text-gray-800 dark:text-gray-100", children: message }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: handleDismiss,
+                className: "mt-0.5 -mr-1 cursor-pointer shrink-0 rounded-lg p-1 text-gray-400 hover:text-gray-600 hover:bg-gray-200/60 dark:text-gray-500 dark:hover:text-gray-300 dark:hover:bg-gray-700/60 transition-colors duration-100",
+                "aria-label": resolvedDismissLabel,
+                children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 14, weight: "bold" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 bottom-0 h-0.5 bg-black/5 dark:bg-white/5", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: `h-full ${config.progress} origin-left`,
+                style: {
+                  animation: `bichat-toast-progress ${duration}ms linear forwards`,
+                  animationPlayState: paused ? "paused" : "running"
+                }
+              }
+            ) })
+          ]
+        }
+      )
     }
   );
 }
+
+// ui/src/bichat/components/ToastContainer.tsx
+init_useTranslation();
 function ToastContainer({ toasts, onDismiss, dismissLabel }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed top-4 right-4 sm:top-6 sm:right-6 z-50 flex flex-col gap-2 pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: toasts.map((toast) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsxRuntime.jsx(Toast, { ...toast, onDismiss, dismissLabel }) }, toast.id)) }) });
+  const { t } = useTranslation();
+  if (toasts.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "aria-label": t("BiChat.Common.Notifications"),
+      className: "fixed top-6 right-6 z-[var(--bichat-z-toast,60)] flex flex-col gap-2 pointer-events-none",
+      children: toasts.map((toast) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsxRuntime.jsx(Toast, { ...toast, onDismiss, dismissLabel }) }, toast.id))
+    }
+  );
 }
+
+// ui/src/bichat/components/ConfirmModal.tsx
+init_useTranslation();
 function ConfirmModalBase({
   isOpen,
   title,
   message,
   onConfirm,
   onCancel,
-  confirmText = "Confirm",
-  cancelText = "Cancel",
+  confirmText,
+  cancelText,
   isDanger = false
 }) {
+  const { t } = useTranslation();
+  const resolvedConfirmText = confirmText ?? t("BiChat.Common.Confirm");
+  const resolvedCancelText = cancelText ?? t("BiChat.Common.Cancel");
   return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Dialog, { open: isOpen, onClose: onCancel, className: "relative z-40", children: [
     /* @__PURE__ */ jsxRuntime.jsx(react$1.DialogBackdrop, { className: "fixed inset-0 bg-black/40 dark:bg-black/60 backdrop-blur-sm transition-opacity duration-200" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-center justify-center z-50 p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.DialogPanel, { className: "bg-white dark:bg-gray-800 rounded-2xl shadow-xl dark:shadow-2xl dark:shadow-black/30 max-w-sm w-full overflow-hidden", children: [
@@ -6679,9 +7920,9 @@ function ConfirmModalBase({
           {
             onClick: onCancel,
             className: "cursor-pointer px-4 py-2 text-sm font-medium rounded-xl text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-700/60 hover:bg-gray-200 dark:hover:bg-gray-700 active:bg-gray-250 dark:active:bg-gray-600 transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-800",
-            "aria-label": `Cancel ${title.toLowerCase()}`,
+            "aria-label": resolvedCancelText,
             "data-testid": "confirm-modal-cancel",
-            children: cancelText
+            children: resolvedCancelText
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -6694,9 +7935,9 @@ function ConfirmModalBase({
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-800",
               isDanger ? "bg-red-600 hover:bg-red-700 active:bg-red-800 focus-visible:ring-red-500/50" : "bg-primary-600 hover:bg-primary-700 active:bg-primary-800 focus-visible:ring-primary-500/50"
             ].join(" "),
-            "aria-label": `Confirm ${title.toLowerCase()}`,
+            "aria-label": resolvedConfirmText,
             "data-testid": "confirm-modal-confirm",
-            children: confirmText
+            children: resolvedConfirmText
           }
         )
       ] })
@@ -6786,28 +8027,44 @@ function PermissionGuard({
   const permitted = mode === "all" ? permissions.every((p) => hasPermission2(p)) : permissions.some((p) => hasPermission2(p));
   return permitted ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
 }
+
+// ui/src/bichat/components/ErrorBoundary.tsx
+init_useTranslation();
 function DefaultErrorContent({
   error,
   onReset,
-  resetLabel = "Try Again",
-  errorTitle = "Something went wrong"
+  resetLabel,
+  errorTitle
 }) {
+  const { t } = useTranslation();
+  const resolvedResetLabel = resetLabel ?? t("BiChat.Common.TryAgain");
+  const resolvedErrorTitle = errorTitle ?? t("BiChat.Error.SomethingWentWrong");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center p-8 text-center min-h-[200px]", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.WarningCircle, { size: 48, className: "text-red-500 mb-4", weight: "fill" }),
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: errorTitle }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-4 max-w-md", children: error?.message || "An unexpected error occurred. Please try again." }),
-    onReset && /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: onReset,
-        className: "flex items-center gap-2 px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.ArrowClockwise, { size: 16, weight: "bold" }),
-          resetLabel
-        ]
-      }
-    )
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-hidden pointer-events-none opacity-[0.03] dark:opacity-[0.04]", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "absolute -top-8 -right-8 w-64 h-64 text-red-500", viewBox: "0 0 200 200", fill: "currentColor", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "100", cy: "100", r: "80", opacity: "0.5" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "100", cy: "100", r: "50", opacity: "0.3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "100", cy: "100", r: "25", opacity: "0.2" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mb-5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 rounded-full bg-red-100 dark:bg-red-900/30 scale-150 blur-md" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex items-center justify-center w-14 h-14 rounded-full bg-red-50 dark:bg-red-900/20 border border-red-200/60 dark:border-red-800/40", children: /* @__PURE__ */ jsxRuntime.jsx(react.WarningCircle, { size: 28, className: "text-red-500 dark:text-red-400", weight: "fill" }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-1.5", children: resolvedErrorTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-5 max-w-md leading-relaxed", children: error?.message || t("BiChat.Error.UnexpectedError") }),
+      onReset && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onReset,
+          className: "flex items-center gap-2 px-5 py-2.5 bg-red-600 hover:bg-red-700 active:bg-red-800 text-white rounded-lg transition-colors shadow-sm text-sm font-medium",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(react.ArrowClockwise, { size: 16, weight: "bold" }),
+            resolvedResetLabel
+          ]
+        }
+      )
+    ] })
   ] });
 }
 var ErrorBoundary = class extends React.Component {
@@ -6944,10 +8201,13 @@ var TouchContextMenu = ({
   const [focusedIndex, setFocusedIndex] = React.useState(-1);
   const menuRef = React.useRef(null);
   const itemRefs = React.useRef([]);
-  const enabledIndices = items.reduce((acc, item, i) => {
-    if (!item.disabled) acc.push(i);
-    return acc;
-  }, []);
+  const enabledIndices = React.useMemo(
+    () => items.reduce((acc, item, i) => {
+      if (!item.disabled) acc.push(i);
+      return acc;
+    }, []),
+    [items]
+  );
   const focusItem = React.useCallback((index) => {
     setFocusedIndex(index);
     itemRefs.current[index]?.focus();
@@ -6963,7 +8223,7 @@ var TouchContextMenu = ({
       }
     });
     return () => cancelAnimationFrame(timer);
-  }, [isOpen, enabledIndices.length, focusItem]);
+  }, [isOpen, enabledIndices, focusItem]);
   React.useEffect(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
@@ -7261,7 +8521,7 @@ var SessionItem = React.memo(
                           react$1.MenuItems,
                           {
                             anchor: "bottom start",
-                            className: "w-52 bg-white/95 dark:bg-gray-900/95 backdrop-blur rounded-xl shadow-xl border border-gray-200 dark:border-gray-700 z-30 [--anchor-gap:8px] mt-1 p-2 space-y-1",
+                            className: "w-52 bg-white dark:bg-gray-900 rounded-xl shadow-xl border border-gray-200 dark:border-gray-700 z-30 [--anchor-gap:8px] mt-1 p-2 space-y-1",
                             children: [
                               mode !== "archived" && onPin && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxRuntime.jsxs(
                                 "button",
@@ -7387,108 +8647,18 @@ var SessionItem = React.memo(
           onClose: () => setMenuOpen(false),
           anchorRect: menuAnchor
         }
-      )
-    ] });
-  }
-);
-SessionItem.displayName = "SessionItem";
-var SessionItem_default = SessionItem;
-function DateGroupHeader({ groupName, count }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-0 bg-surface-300 dark:bg-gray-900 px-4 py-2 text-sm font-medium z-10 border-b border-gray-100 dark:border-gray-800", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-700 dark:text-gray-300 font-semibold", children: groupName }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded-full", children: count })
-  ] }) });
-}
-function TabBar({ tabs, activeTab, onTabChange }) {
-  const tablistRef = React.useRef(null);
-  const handleKeyDown = React.useCallback(
-    (e) => {
-      const currentIndex = tabs.findIndex((tab) => tab.id === activeTab);
-      if (currentIndex < 0) return;
-      let nextIndex = null;
-      switch (e.key) {
-        case "ArrowRight":
-          e.preventDefault();
-          nextIndex = (currentIndex + 1) % tabs.length;
-          break;
-        case "ArrowLeft":
-          e.preventDefault();
-          nextIndex = (currentIndex - 1 + tabs.length) % tabs.length;
-          break;
-        case "Home":
-          e.preventDefault();
-          nextIndex = 0;
-          break;
-        case "End":
-          e.preventDefault();
-          nextIndex = tabs.length - 1;
-          break;
-      }
-      if (nextIndex !== null) {
-        onTabChange(tabs[nextIndex].id);
-        const tablist = tablistRef.current;
-        if (tablist) {
-          const buttons = tablist.querySelectorAll('[role="tab"]');
-          buttons[nextIndex]?.focus();
-        }
-      }
-    },
-    [tabs, activeTab, onTabChange]
-  );
-  if (tabs.length === 0) {
-    return null;
+      )
+    ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: tablistRef,
-      className: "flex justify-center gap-1 px-4 pt-4 pb-2 border-b border-gray-200 dark:border-gray-700",
-      role: "tablist",
-      onKeyDown: handleKeyDown,
-      children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
-        TabButton,
-        {
-          id: tab.id,
-          label: tab.label,
-          isActive: activeTab === tab.id,
-          onClick: () => onTabChange(tab.id)
-        },
-        tab.id
-      ))
-    }
-  );
-}
-function TabButton({ id, label, isActive, onClick }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      id,
-      role: "tab",
-      "aria-selected": isActive,
-      "aria-controls": `${id}-panel`,
-      tabIndex: isActive ? 0 : -1,
-      onClick,
-      className: `
-        cursor-pointer relative px-4 py-2 rounded-t-lg text-sm font-medium transition-smooth focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50
-        ${isActive ? "text-primary-700 dark:text-primary-400" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200"}
-      `,
-      children: [
-        label,
-        isActive && /* @__PURE__ */ jsxRuntime.jsx(
-          framerMotion.motion.div,
-          {
-            layoutId: "activeTab",
-            className: "absolute bottom-0 left-0 right-0 h-0.5 bg-primary-600 dark:bg-primary-500",
-            transition: { duration: 0.2, ease: [0.4, 0, 0.2, 1] }
-          }
-        )
-      ]
-    }
-  );
+);
+SessionItem.displayName = "SessionItem";
+var SessionItem_default = SessionItem;
+function DateGroupHeader({ groupName, count }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-0 bg-surface-300 dark:bg-gray-900 px-4 py-2 text-sm font-medium z-10 border-b border-gray-100 dark:border-gray-800", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-700 dark:text-gray-300 font-semibold", children: groupName }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded-full", children: count })
+  ] }) });
 }
-var MemoizedTabBar = React.memo(TabBar);
-MemoizedTabBar.displayName = "TabBar";
-var TabBar_default = MemoizedTabBar;
 init_useTranslation();
 function UserFilter({ users, selectedUser, onUserChange, loading }) {
   const { t } = useTranslation();
@@ -7824,12 +8994,32 @@ init_useTranslation();
 function generateId() {
   return Math.random().toString(36).substring(7);
 }
+var DEDUPE_WINDOW_MS = 2500;
+var MAX_ACTIVE_TOASTS = 5;
 function useToast() {
   const [toasts, setToasts] = React.useState([]);
+  const recentToastMapRef = React.useRef(/* @__PURE__ */ new Map());
   const showToast = React.useCallback(
     (type, message, duration) => {
+      const normalizedMessage = message.trim().toLowerCase();
+      const key2 = `${type}:${normalizedMessage}`;
+      const now = Date.now();
+      const lastShownAt = recentToastMapRef.current.get(key2);
+      if (lastShownAt && now - lastShownAt < DEDUPE_WINDOW_MS) {
+        return;
+      }
+      for (const [mapKey, ts] of recentToastMapRef.current.entries()) {
+        if (now - ts > DEDUPE_WINDOW_MS * 4) {
+          recentToastMapRef.current.delete(mapKey);
+        }
+      }
+      recentToastMapRef.current.set(key2, now);
       const id = generateId();
-      setToasts((prev) => [...prev, { id, type, message, duration }]);
+      setToasts((prev) => {
+        const next = [...prev, { id, type, message, duration }];
+        if (next.length <= MAX_ACTIVE_TOASTS) return next;
+        return next.slice(next.length - MAX_ACTIVE_TOASTS);
+      });
     },
     []
   );
@@ -7838,6 +9028,7 @@ function useToast() {
   }, []);
   const dismissAll = React.useCallback(() => {
     setToasts([]);
+    recentToastMapRef.current.clear();
   }, []);
   return {
     toasts,
@@ -7896,49 +9087,6 @@ function groupSessionsByDate(sessions, t) {
   });
   return groups;
 }
-
-// ui/src/bichat/utils/errorDisplay.ts
-function isPermissionDeniedError(error) {
-  if (!error) return false;
-  if (error instanceof Error) {
-    const msg = error.message.toLowerCase();
-    if (msg.includes("forbidden") || msg.includes("permission denied")) return true;
-  }
-  if (typeof error === "object" && error !== null) {
-    const obj = error;
-    if (obj.code === "forbidden" || obj.code === 403) return true;
-    if (obj.status === 403) return true;
-    if (obj.statusCode === 403) return true;
-    if (typeof obj.response === "object" && obj.response !== null) {
-      const resp = obj.response;
-      if (resp.status === 403) return true;
-    }
-  }
-  if (typeof error === "string") {
-    const lower = error.toLowerCase();
-    if (lower.includes("forbidden") || lower.includes("permission denied")) return true;
-  }
-  return false;
-}
-function toErrorDisplay(error, fallbackTitle) {
-  const permDenied = isPermissionDeniedError(error);
-  let title = fallbackTitle;
-  let description = "";
-  if (error instanceof Error) {
-    description = error.message;
-  } else if (typeof error === "object" && error !== null) {
-    const obj = error;
-    if (typeof obj.message === "string" && obj.message) description = obj.message;
-    if (typeof obj.title === "string" && obj.title) title = obj.title;
-    if (typeof obj.detail === "string" && obj.detail) description = obj.detail;
-  } else if (typeof error === "string") {
-    description = error;
-  }
-  if (permDenied && !description) {
-    description = "Your account does not have permission for this action.";
-  }
-  return { title, description, isPermissionDenied: permDenied };
-}
 function ErrorAlert({ error }) {
   const amber = error.isPermissionDenied;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -8022,7 +9170,7 @@ function Sidebar2({
   const shouldReduceMotion = framerMotion.useReducedMotion();
   const sessionListRef = React.useRef(null);
   const searchContainerRef = React.useRef(null);
-  const { isCollapsed, isCollapsedRef, toggle, expand, collapse } = useSidebarCollapse();
+  const { isCollapsed, toggle, collapse } = useSidebarCollapse();
   const collapsible = !onClose;
   const handleSidebarClick = React.useCallback(
     (e) => {
@@ -8033,17 +9181,6 @@ function Sidebar2({
     },
     [collapsible, toggle]
   );
-  const focusSearch = React.useCallback(() => {
-    if (!collapsible) return;
-    if (isCollapsedRef.current) {
-      expand();
-      setTimeout(() => {
-        searchContainerRef.current?.querySelector("input")?.focus();
-      }, 250);
-    } else {
-      searchContainerRef.current?.querySelector("input")?.focus();
-    }
-  }, [collapsible, expand, isCollapsedRef]);
   React.useEffect(() => {
     if (!collapsible) return;
     const handleKeyDown = (e) => {
@@ -8052,14 +9189,10 @@ function Sidebar2({
         e.preventDefault();
         toggle();
       }
-      if (isMod && e.key === "k") {
-        e.preventDefault();
-        focusSearch();
-      }
     };
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [collapsible, toggle, focusSearch]);
+  }, [collapsible, toggle]);
   React.useEffect(() => {
     if (!collapsible) return;
     const handler = (e) => {
@@ -8082,13 +9215,6 @@ function Sidebar2({
   const [refreshKey, setRefreshKey] = React.useState(0);
   const [showConfirm, setShowConfirm] = React.useState(false);
   const [sessionToArchive, setSessionToArchive] = React.useState(null);
-  const tabs = React.useMemo(() => {
-    const items = [{ id: "my-chats", label: t("BiChat.Sidebar.MyChats") }];
-    if (showAllChatsTab) {
-      items.push({ id: "all-chats", label: t("BiChat.Sidebar.AllChats") });
-    }
-    return items;
-  }, [showAllChatsTab, t]);
   const fetchSessions = React.useCallback(async () => {
     try {
       setLoading(true);
@@ -8301,14 +9427,6 @@ function Sidebar2({
                     }
                   )
                 ] }),
-                showAllChatsTab && /* @__PURE__ */ jsxRuntime.jsx(
-                  TabBar_default,
-                  {
-                    tabs,
-                    activeTab,
-                    onTabChange: (id) => setActiveTab(id)
-                  }
-                ),
                 activeTab === "all-chats" && showAllChatsTab ? /* @__PURE__ */ jsxRuntime.jsx(
                   AllChatsList,
                   {
@@ -8929,232 +10047,73 @@ function BiChatLayout({
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [closeMobile, isMobile, isMobileOpen]);
   const handleDrawerDragEnd = (_, info) => {
-    if (info.offset.x < -80) {
-      closeMobile();
-    }
-  };
-  const content = routeKey ? /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsxRuntime.jsx(
-    framerMotion.motion.div,
-    {
-      className: "flex flex-1 min-h-0",
-      initial: { opacity: 0, y: 4 },
-      animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0, y: -4 },
-      transition: { duration: 0.15, ease: "easeOut" },
-      children
-    },
-    routeKey
-  ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 min-h-0", children });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex flex-1 w-full h-full min-h-0 overflow-hidden ${className}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SkipLink, {}),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:block", children: renderSidebar({}) }),
-    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isMobile && isMobileOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        framerMotion.motion.div,
-        {
-          className: "fixed inset-0 z-40 bg-black/40",
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          exit: { opacity: 0 },
-          onClick: closeMobile,
-          "aria-hidden": "true"
-        },
-        "sidebar-backdrop"
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        framerMotion.motion.div,
-        {
-          className: "fixed inset-y-0 left-0 z-50 w-[18rem] max-w-[85vw] shadow-2xl",
-          initial: { x: "-100%" },
-          animate: { x: 0 },
-          exit: { x: "-100%" },
-          transition: { type: "spring", stiffness: 320, damping: 32 },
-          drag: "x",
-          dragDirectionLock: true,
-          dragConstraints: { left: -120, right: 0 },
-          dragElastic: { left: 0.2, right: 0 },
-          onDragEnd: handleDrawerDragEnd,
-          onClick: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: drawerRef, className: "h-full bg-white dark:bg-gray-900", children: renderSidebar({ onClose: closeMobile }) })
-        },
-        "sidebar-drawer"
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("main", { id: "main-content", className: "relative flex-1 flex flex-col min-h-0 overflow-hidden", children: [
-      isMobile && !isMobileOpen && /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          ref: menuButtonRef,
-          onClick: openMobile,
-          className: "md:hidden absolute top-3 left-3 z-30 w-10 h-10 rounded-xl bg-white/90 dark:bg-gray-900/90 text-gray-700 dark:text-gray-200 border border-gray-200/60 dark:border-gray-800/80 shadow-sm flex items-center justify-center hover:bg-white dark:hover:bg-gray-900 transition-colors cursor-pointer focus-visible:ring-2 focus-visible:ring-primary-400/50",
-          "aria-label": t("BiChat.Layout.OpenSidebar"),
-          title: t("BiChat.Layout.OpenSidebar"),
-          children: /* @__PURE__ */ jsxRuntime.jsx(react.List, { size: 20, weight: "bold" })
-        }
-      ),
-      content
-    ] })
-  ] });
-}
-init_useTranslation();
-var variantStyles = {
-  error: {
-    container: "border-red-200 bg-red-50 dark:bg-red-900/20",
-    title: "text-red-800 dark:text-red-300",
-    message: "text-red-700 dark:text-red-400",
-    icon: "text-red-600 dark:text-red-400",
-    button: "text-red-400 hover:text-red-600 dark:hover:text-red-300",
-    retryButton: "bg-red-600 dark:bg-red-700 hover:bg-red-700 dark:hover:bg-red-800 text-white",
-    Icon: react.XCircle
-  },
-  success: {
-    container: "border-green-200 bg-green-50 dark:bg-green-900/20",
-    title: "text-green-800 dark:text-green-300",
-    message: "text-green-700 dark:text-green-400",
-    icon: "text-green-600 dark:text-green-400",
-    button: "text-green-400 hover:text-green-600 dark:hover:text-green-300",
-    retryButton: "bg-green-600 dark:bg-green-700 hover:bg-green-700 dark:hover:bg-green-800 text-white",
-    Icon: react.CheckCircle
-  },
-  warning: {
-    container: "border-yellow-200 bg-yellow-50 dark:bg-yellow-900/20",
-    title: "text-yellow-800 dark:text-yellow-300",
-    message: "text-yellow-700 dark:text-yellow-400",
-    icon: "text-yellow-600 dark:text-yellow-400",
-    button: "text-yellow-400 hover:text-yellow-600 dark:hover:text-yellow-300",
-    retryButton: "bg-yellow-600 dark:bg-yellow-700 hover:bg-yellow-700 dark:hover:bg-yellow-800 text-white",
-    Icon: react.Warning
-  },
-  info: {
-    container: "border-blue-200 bg-blue-50 dark:bg-blue-900/20",
-    title: "text-blue-800 dark:text-blue-300",
-    message: "text-blue-700 dark:text-blue-400",
-    icon: "text-blue-600 dark:text-blue-400",
-    button: "text-blue-400 hover:text-blue-600 dark:hover:text-blue-300",
-    retryButton: "bg-blue-600 dark:bg-blue-700 hover:bg-blue-700 dark:hover:bg-blue-800 text-white",
-    Icon: react.Info
-  }
-};
-function Alert({
-  variant = "info",
-  message,
-  title,
-  onDismiss,
-  onRetry,
-  show = true,
-  dismissible = true
-}) {
-  const { t } = useTranslation();
-  const styles = variantStyles[variant];
-  const IconComponent = styles.Icon;
-  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: show && /* @__PURE__ */ jsxRuntime.jsx(
-    framerMotion.motion.div,
-    {
-      variants: errorMessageVariants,
-      initial: "initial",
-      animate: "animate",
-      exit: "exit",
-      className: `border-t border ${styles.container} px-4 py-3`,
-      role: "alert",
-      "aria-live": "assertive",
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex items-start justify-between px-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 20, className: `w-5 h-5 ${styles.icon} flex-shrink-0 mt-0.5` }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-            title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-sm ${styles.title} font-medium`, children: title }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-sm ${styles.message} ${title ? "mt-1" : ""}`, children: message }),
-            onRetry && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: onRetry,
-                className: `mt-2 text-xs px-3 py-1.5 rounded ${styles.retryButton} transition-colors font-medium`,
-                children: t("BiChat.Chat.Retry")
-              }
-            )
-          ] })
-        ] }),
-        dismissible && onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: onDismiss,
-            className: `${styles.button} transition-colors flex-shrink-0`,
-            "aria-label": t("BiChat.Chat.DismissNotification"),
-            children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 20, className: "w-5 h-5" })
-          }
-        )
-      ] })
-    }
-  ) });
-}
-var Alert_default = React.memo(Alert);
-init_useTranslation();
-function ArchiveBanner({
-  show = true,
-  onRestore,
-  restoring = false,
-  onRestoreComplete
-}) {
-  const { t } = useTranslation();
-  const [error, setError] = React.useState(null);
-  const handleRestore = async () => {
-    try {
-      setError(null);
-      if (onRestore) {
-        await onRestore();
-      }
-      if (onRestoreComplete) {
-        onRestoreComplete();
-      }
-    } catch (err) {
-      const message = err instanceof Error ? err.message : t("BiChat.Archive.RestoreFailed");
-      setError(message);
+    if (info.offset.x < -80) {
+      closeMobile();
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: show && /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.div,
-      {
-        variants: errorMessageVariants,
-        initial: "initial",
-        animate: "animate",
-        exit: "exit",
-        className: "border-t border border-blue-200 bg-blue-50 dark:bg-blue-900/20 px-4 py-3",
-        role: "region",
-        "aria-label": t("BiChat.Archive.Banner"),
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex items-start justify-between px-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 20, className: "w-5 h-5 text-blue-600 dark:text-blue-400 flex-shrink-0 mt-0.5" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-blue-700 dark:text-blue-400", children: t("BiChat.Archive.Archived") }) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: handleRestore,
-              disabled: restoring,
-              className: "ml-2 flex-shrink-0 px-3 py-1.5 text-xs font-medium bg-blue-600 dark:bg-blue-700 hover:bg-blue-700 dark:hover:bg-blue-800 text-white rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1.5",
-              "aria-label": t("BiChat.Archive.Restore"),
-              children: restoring ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(react.Spinner, { size: 16, className: "w-4 h-4 animate-spin" }),
-                t("BiChat.Archive.Restoring")
-              ] }) : t("BiChat.Archive.Restore")
-            }
-          )
-        ] })
-      }
-    ) }),
-    error && /* @__PURE__ */ jsxRuntime.jsx(
-      Alert_default,
-      {
-        variant: "error",
-        message: error,
-        title: t("BiChat.Archive.RestoreFailed"),
-        onDismiss: () => setError(null),
-        dismissible: true
-      }
-    )
+  const content = routeKey ? /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      className: "flex flex-1 min-h-0",
+      initial: { opacity: 0, y: 4 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -4 },
+      transition: { duration: 0.15, ease: "easeOut" },
+      children
+    },
+    routeKey
+  ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 min-h-0", children });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex flex-1 w-full h-full min-h-0 overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SkipLink, {}),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:block", children: renderSidebar({}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isMobile && isMobileOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          className: "fixed inset-0 z-40 bg-black/40",
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          onClick: closeMobile,
+          "aria-hidden": "true"
+        },
+        "sidebar-backdrop"
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          className: "fixed inset-y-0 left-0 z-50 w-[18rem] max-w-[85vw] shadow-2xl",
+          initial: { x: "-100%" },
+          animate: { x: 0 },
+          exit: { x: "-100%" },
+          transition: { type: "spring", stiffness: 320, damping: 32 },
+          drag: "x",
+          dragDirectionLock: true,
+          dragConstraints: { left: -120, right: 0 },
+          dragElastic: { left: 0.2, right: 0 },
+          onDragEnd: handleDrawerDragEnd,
+          onClick: (e) => e.stopPropagation(),
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: drawerRef, className: "h-full bg-white dark:bg-gray-900", children: renderSidebar({ onClose: closeMobile }) })
+        },
+        "sidebar-drawer"
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("main", { id: "main-content", className: "relative flex-1 flex flex-col min-h-0 overflow-hidden", children: [
+      isMobile && !isMobileOpen && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          ref: menuButtonRef,
+          onClick: openMobile,
+          className: "md:hidden absolute top-3 left-3 z-30 w-10 h-10 rounded-xl bg-white/90 dark:bg-gray-900/90 text-gray-700 dark:text-gray-200 border border-gray-200/60 dark:border-gray-800/80 shadow-sm flex items-center justify-center hover:bg-white dark:hover:bg-gray-900 transition-colors cursor-pointer focus-visible:ring-2 focus-visible:ring-primary-400/50",
+          "aria-label": t("BiChat.Layout.OpenSidebar"),
+          title: t("BiChat.Layout.OpenSidebar"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(react.List, { size: 20, weight: "bold" })
+        }
+      ),
+      content
+    ] })
   ] });
 }
-var ArchiveBanner_default = React.memo(ArchiveBanner);
 
 // ui/src/bichat/components/RetryActionArea.tsx
 init_useTranslation();
@@ -9208,66 +10167,6 @@ var RetryActionArea = React.memo(function RetryActionArea2({
     )
   );
 });
-
-// ui/src/bichat/components/StreamError.tsx
-init_useTranslation();
-function StreamError({
-  error,
-  onRetry,
-  onRegenerate,
-  compact = false
-}) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    framerMotion.motion.div,
-    {
-      initial: { opacity: 0, y: 10 },
-      animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0, y: -10 },
-      className: `flex items-center gap-3 ${compact ? "p-3" : "p-4"} bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg`,
-      role: "alert",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          react.Warning,
-          {
-            className: "w-5 h-5 text-red-500 dark:text-red-400 flex-shrink-0",
-            weight: "fill"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-200", children: t("BiChat.Error.Generic") }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-600 dark:text-red-300 break-words", children: error })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-          onRetry && /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              onClick: onRetry,
-              className: "cursor-pointer inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-red-700 dark:text-red-200 bg-red-100 dark:bg-red-800/50 hover:bg-red-200 dark:hover:bg-red-800 rounded-md transition-colors",
-              type: "button",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(react.ArrowClockwise, { className: "w-4 h-4" }),
-                t("BiChat.StreamError.Retry")
-              ]
-            }
-          ),
-          onRegenerate && /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              onClick: onRegenerate,
-              className: "cursor-pointer inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-gray-700 dark:text-gray-200 bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-md transition-colors",
-              type: "button",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(react.ArrowsCounterClockwise, { className: "w-4 h-4" }),
-                t("BiChat.StreamError.Regenerate")
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
 init_useTranslation();
 function MessageActions({
   message,
@@ -10666,9 +11565,10 @@ function useMarkdownCopy(options = {}) {
   const [copiedStates, setCopiedStates] = React.useState(/* @__PURE__ */ new Map());
   const timeoutsRef = React.useRef(/* @__PURE__ */ new Map());
   React.useEffect(() => {
+    const timeouts = timeoutsRef.current;
     return () => {
-      timeoutsRef.current.forEach((timeout) => clearTimeout(timeout));
-      timeoutsRef.current.clear();
+      timeouts.forEach((timeout) => clearTimeout(timeout));
+      timeouts.clear();
     };
   }, []);
   const isCopied = React.useCallback(
@@ -10791,8 +11691,9 @@ function ConfigProvider({ config, useGlobalConfig = false, children }) {
   if (config) {
     resolvedConfig = config;
   } else if (useGlobalConfig && typeof window !== "undefined") {
-    const globalContext = window.__BICHAT_CONTEXT__;
-    const globalCSRF = window.__CSRF_TOKEN__;
+    const w = window;
+    const globalContext = w.__APPLET_CONTEXT__;
+    const globalCSRF = w.__CSRF_TOKEN__;
     if (globalContext) {
       resolvedConfig = {
         user: {
@@ -10989,98 +11890,6 @@ function createHeadersWithCSRF(init) {
   return addCSRFHeader(headers);
 }
 
-// ui/src/applet-devtools/enabled.ts
-function shouldEnableAppletDevtools() {
-  if (typeof window === "undefined") return false;
-  const url = new URL(window.location.href);
-  if (url.searchParams.get("appletDebug") === "1") return true;
-  try {
-    return window.localStorage.getItem("iotaAppletDevtools") === "1";
-  } catch {
-    return false;
-  }
-}
-
-// ui/src/applet-host/rpc.ts
-var AppletRPCException = class extends Error {
-  constructor(args) {
-    super(args.message);
-    this.name = "AppletRPCException";
-    this.code = args.code;
-    this.details = args.details;
-    this.cause = args.cause;
-  }
-};
-function createAppletRPCClient(options) {
-  const fetcher = options.fetcher ?? fetch;
-  async function call(method, params) {
-    const req = { id: crypto.randomUUID(), method, params };
-    const startedAt = typeof performance !== "undefined" ? performance.now() : Date.now();
-    maybeDispatchRPCEvent({
-      id: req.id,
-      method: req.method,
-      status: "start"
-    });
-    try {
-      const resp = await fetcher(options.endpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(req)
-      });
-      if (!resp.ok) {
-        throw new AppletRPCException({
-          code: "http_error",
-          message: `HTTP ${resp.status}`,
-          details: { status: resp.status }
-        });
-      }
-      const json = await resp.json();
-      if (json.error) {
-        throw new AppletRPCException({
-          code: json.error.code,
-          message: json.error.message,
-          details: json.error.details
-        });
-      }
-      if (json.result === void 0) {
-        throw new AppletRPCException({
-          code: "invalid_response",
-          message: "Missing result in successful response"
-        });
-      }
-      maybeDispatchRPCEvent({
-        id: req.id,
-        method: req.method,
-        status: "success",
-        durationMs: elapsedMs(startedAt)
-      });
-      return json.result;
-    } catch (err) {
-      maybeDispatchRPCEvent({
-        id: req.id,
-        method: req.method,
-        status: "error",
-        durationMs: elapsedMs(startedAt),
-        error: err
-      });
-      throw err;
-    }
-  }
-  async function callTyped(method, params) {
-    return call(method, params);
-  }
-  return { call, callTyped };
-}
-function maybeDispatchRPCEvent(detail) {
-  if (typeof window === "undefined") return;
-  if (!shouldEnableAppletDevtools()) return;
-  window.dispatchEvent(new CustomEvent("iota:applet-rpc", { detail }));
-}
-function elapsedMs(startedAt) {
-  const now = typeof performance !== "undefined" ? performance.now() : Date.now();
-  return Math.max(0, Math.round(now - startedAt));
-}
-
 // ui/src/bichat/data/HttpDataSource.ts
 init_chartSpec();
 
@@ -11126,7 +11935,9 @@ async function* parseSSEStream(reader) {
     reader.releaseLock();
   }
 }
+var TERMINAL_TYPES = /* @__PURE__ */ new Set(["done", "error"]);
 async function* parseBichatStream(reader) {
+  let yieldedTerminal = false;
   for await (const event of parseSSEStream(reader)) {
     const parsed = event;
     const inferredType = parsed.type || (parsed.content ? "content" : "error");
@@ -11134,11 +11945,50 @@ async function* parseBichatStream(reader) {
       ...parsed,
       type: inferredType
     };
+    if (TERMINAL_TYPES.has(inferredType)) {
+      yieldedTerminal = true;
+    }
     yield normalized;
   }
+  if (!yieldedTerminal) {
+    yield { type: "done" };
+  }
+}
+async function* parseBichatStreamEvents(reader) {
+  for await (const chunk of parseBichatStream(reader)) {
+    const event = toStreamEvent(chunk);
+    if (event) yield event;
+  }
+}
+function toStreamEvent(chunk) {
+  switch (chunk.type) {
+    case "chunk":
+    case "content":
+      return { type: "content", content: chunk.content ?? "" };
+    case "tool_start":
+      return chunk.tool ? { type: "tool_start", tool: chunk.tool } : null;
+    case "tool_end":
+      return chunk.tool ? { type: "tool_end", tool: chunk.tool } : null;
+    case "usage":
+      return chunk.usage ? { type: "usage", usage: chunk.usage } : null;
+    case "user_message":
+      return chunk.sessionId ? { type: "user_message", sessionId: chunk.sessionId } : null;
+    case "interrupt":
+      return chunk.interrupt ? { type: "interrupt", interrupt: chunk.interrupt, sessionId: chunk.sessionId } : null;
+    case "done":
+      return { type: "done", sessionId: chunk.sessionId, generationMs: chunk.generationMs };
+    case "error":
+      return { type: "error", error: chunk.error ?? "Unknown error" };
+    default:
+      return null;
+  }
 }
 
 // ui/src/bichat/data/HttpDataSource.ts
+function isSessionNotFoundError(err) {
+  if (!(err instanceof AppletRPCException)) return false;
+  return err.code === "not_found" || err.code === "session_not_found";
+}
 function toSession(session) {
   return {
     ...session,
@@ -11326,34 +12176,18 @@ function attachArtifactsToTurns(turns, artifacts) {
       }
     };
   });
-  const assistantPositions = [];
   const turnIndexByMessageID = /* @__PURE__ */ new Map();
   nextTurns.forEach((turn, index) => {
     turnIndexByMessageID.set(turn.userTurn.id, index);
     const assistantTurn = turn.assistantTurn;
     if (!assistantTurn) return;
     turnIndexByMessageID.set(assistantTurn.id, index);
-    assistantPositions.push({
-      index,
-      createdAtMs: toMillis(assistantTurn.createdAt || turn.createdAt)
-    });
   });
-  if (assistantPositions.length === 0) return turns;
-  const findFallbackAssistantIndex = (artifactCreatedAt) => {
-    const artifactMs = toMillis(artifactCreatedAt);
-    if (!Number.isFinite(artifactMs)) {
-      return assistantPositions[assistantPositions.length - 1].index;
-    }
-    for (const pos of assistantPositions) {
-      if (Number.isFinite(pos.createdAtMs) && pos.createdAtMs >= artifactMs) {
-        return pos.index;
-      }
-    }
-    return assistantPositions[assistantPositions.length - 1].index;
-  };
   for (const entry of downloadArtifacts) {
     const messageID = entry.raw.messageId;
-    const targetIndex = (messageID ? turnIndexByMessageID.get(messageID) : void 0) ?? findFallbackAssistantIndex(entry.raw.createdAt);
+    if (!messageID) continue;
+    const targetIndex = turnIndexByMessageID.get(messageID);
+    if (targetIndex === void 0) continue;
     const assistantTurn = nextTurns[targetIndex]?.assistantTurn;
     if (!assistantTurn) continue;
     const exists = assistantTurn.artifacts.some(
@@ -11365,7 +12199,9 @@ function attachArtifactsToTurns(turns, artifacts) {
   }
   for (const raw of chartArtifacts) {
     const messageID = raw.messageId;
-    const targetIndex = (messageID ? turnIndexByMessageID.get(messageID) : void 0) ?? findFallbackAssistantIndex(raw.createdAt);
+    if (!messageID) continue;
+    const targetIndex = turnIndexByMessageID.get(messageID);
+    if (targetIndex === void 0) continue;
     const assistantTurn = nextTurns[targetIndex]?.assistantTurn;
     if (!assistantTurn) continue;
     if (assistantTurn.chartData) continue;
@@ -11391,7 +12227,8 @@ var HttpDataSource = class {
       this.navigateToSession = config.navigateToSession;
     }
     this.rpc = createAppletRPCClient({
-      endpoint: `${this.config.baseUrl}${this.config.rpcEndpoint}`
+      endpoint: `${this.config.baseUrl}${this.config.rpcEndpoint}`,
+      timeoutMs: this.config.timeout
     });
   }
   /**
@@ -11447,8 +12284,11 @@ var HttpDataSource = class {
         pendingQuestion: toPendingQuestion(data.pendingQuestion)
       };
     } catch (err) {
+      if (isSessionNotFoundError(err)) {
+        return null;
+      }
       console.error("Failed to fetch session:", err);
-      return null;
+      throw err instanceof Error ? err : new Error("Failed to fetch session");
     }
   }
   async fetchSessionArtifacts(sessionId, options) {
@@ -11537,15 +12377,28 @@ var HttpDataSource = class {
         url: a.url
       }))
     };
+    let connectionTimeoutID;
+    let connectionTimedOut = false;
     try {
+      const timeoutMs = this.config.timeout ?? 0;
+      if (timeoutMs > 0) {
+        connectionTimeoutID = setTimeout(() => {
+          connectionTimedOut = true;
+          this.abortController?.abort();
+        }, timeoutMs);
+      }
       const response = await fetch(url, {
         method: "POST",
         headers: this.createHeaders(),
         body: JSON.stringify(payload),
         signal: this.abortController.signal
       });
+      if (connectionTimeoutID !== void 0) {
+        clearTimeout(connectionTimeoutID);
+        connectionTimeoutID = void 0;
+      }
       if (!response.ok) {
-        throw new Error(`Stream request failed: ${response.statusText}`);
+        throw new Error(`Stream request failed: HTTP ${response.status}`);
       }
       if (!response.body) {
         throw new Error("Response body is null");
@@ -11562,7 +12415,7 @@ var HttpDataSource = class {
         if (err.name === "AbortError") {
           yield {
             type: "error",
-            error: "Stream cancelled"
+            error: connectionTimedOut ? `Stream request timed out after ${this.config.timeout}ms` : "Stream cancelled"
           };
         } else {
           yield {
@@ -11577,6 +12430,9 @@ var HttpDataSource = class {
         };
       }
     } finally {
+      if (connectionTimeoutID !== void 0) {
+        clearTimeout(connectionTimeoutID);
+      }
       if (signal && onExternalAbort) {
         signal.removeEventListener("abort", onExternalAbort);
       }
@@ -11708,6 +12564,7 @@ exports.Bubble = Bubble;
 exports.CHART_VISUAL = CHART_VISUAL;
 exports.ChartCard = ChartCard;
 exports.ChatHeader = ChatHeader;
+exports.ChatMachine = ChatMachine;
 exports.ChatSession = ChatSession;
 exports.ChatSessionProvider = ChatSessionProvider;
 exports.CodeOutputsPanel = CodeOutputsPanel;
@@ -11757,7 +12614,6 @@ exports.SourcesPanel = SourcesPanel;
 exports.StreamError = StreamError;
 exports.StreamingCursor = StreamingCursor;
 exports.SystemMessage = SystemMessage;
-exports.TabBar = MemoizedTabBar;
 exports.ThemeProvider = ThemeProvider;
 exports.Toast = Toast;
 exports.ToastContainer = ToastContainer;
@@ -11795,11 +12651,13 @@ exports.lightTheme = lightTheme;
 exports.listItemVariants = listItemVariants;
 exports.messageContainerVariants = messageContainerVariants;
 exports.messageVariants = messageVariants;
+exports.parseBichatStream = parseBichatStream;
+exports.parseBichatStreamEvents = parseBichatStreamEvents;
+exports.parseSSEStream = parseSSEStream;
 exports.scaleFadeVariants = scaleFadeVariants;
 exports.sessionItemVariants = sessionItemVariants;
 exports.staggerContainerVariants = staggerContainerVariants;
 exports.toErrorDisplay = toErrorDisplay;
-exports.toastVariants = toastVariants;
 exports.typingDotVariants = typingDotVariants;
 exports.useActionButtonContext = useActionButtonContext;
 exports.useAttachments = useAttachments;