@iota-uz/sdk 0.3.4 → 0.4.7

package/dist/bichat/index.cjs

@@ -95,7 +95,7 @@ function ChartCard({ chartData }) {
         title,
         ": "
       ] }),
-      t("chart.noData")
+      t("Chart.NoData")
     ] }) });
   }
   const apexSeries = chartType === "pie" || chartType === "donut" ? series[0]?.data ?? [] : series.map((s) => ({ name: s.name, data: s.data }));
@@ -171,10 +171,10 @@ function ChartCard({ chartData }) {
         onClick: handleExportPNG,
         disabled: isExporting,
         className: "inline-flex items-center gap-1.5 rounded-lg px-2.5 py-1.5 text-xs font-medium text-gray-400 opacity-0 transition-all duration-150 hover:bg-gray-100 hover:text-gray-600 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 group-hover/chart:opacity-100 disabled:opacity-50 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-gray-300",
-        title: t("chart.download"),
-        children: isExporting ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 dark:text-gray-400", children: t("chart.exporting") }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        title: t("Chart.Download"),
+        children: isExporting ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 dark:text-gray-400", children: t("Chart.Exporting") }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(react.DownloadSimple, { className: "h-3.5 w-3.5", weight: "bold" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("chart.downloadPNG") })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("Chart.DownloadPNG") })
         ] })
       }
     ) })
@@ -662,15 +662,6 @@ var init_MarkdownRenderer = __esm({
   }
 });
 
-// ui/src/bichat/types/index.ts
-var MessageRole = /* @__PURE__ */ ((MessageRole2) => {
-  MessageRole2["User"] = "user";
-  MessageRole2["Assistant"] = "assistant";
-  MessageRole2["System"] = "system";
-  MessageRole2["Tool"] = "tool";
-  return MessageRole2;
-})(MessageRole || {});
-
 // ui/src/bichat/utils/RateLimiter.ts
 var RateLimiter = class {
   constructor(config) {
@@ -804,13 +795,17 @@ function loadQueue(sessionId) {
 
 // ui/src/bichat/context/ChatContext.tsx
 init_IotaContext();
-var SessionCtx = React.createContext(null);
-var MessagingCtx = React.createContext(null);
-var InputCtx = React.createContext(null);
-var DEFAULT_RATE_LIMIT_CONFIG = {
-  maxRequests: 20,
-  windowMs: 6e4
-};
+
+// ui/src/bichat/types/index.ts
+var MessageRole = /* @__PURE__ */ ((MessageRole2) => {
+  MessageRole2["User"] = "user";
+  MessageRole2["Assistant"] = "assistant";
+  MessageRole2["System"] = "system";
+  MessageRole2["Tool"] = "tool";
+  return MessageRole2;
+})(MessageRole || {});
+
+// ui/src/bichat/context/chatHelpers.ts
 var ARTIFACT_TOOL_NAMES = /* @__PURE__ */ new Set([
   "code_interpreter",
   "draw_chart",
@@ -896,10 +891,18 @@ 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);
@@ -924,7 +927,7 @@ function ChatSessionProvider({
   const [inputError, setInputError] = React.useState(null);
   const [messageQueue, setMessageQueue] = React.useState([]);
   const rateLimiterRef = React.useRef(
-    externalRateLimiter || new RateLimiter(DEFAULT_RATE_LIMIT_CONFIG)
+    externalRateLimiter || new RateLimiter(rateLimitConfig || DEFAULT_RATE_LIMIT_CONFIG)
   );
   const sessionRef = React.useRef({ currentSessionId, debugMode, debugSessionKey });
   sessionRef.current = { currentSessionId, debugMode, debugSessionKey };
@@ -1108,7 +1111,6 @@ function ChatSessionProvider({
         const timeUntilNext = rateLimiterRef.current.getTimeUntilNextRequest();
         const seconds = Math.ceil(timeUntilNext / 1e3);
         setError(`Rate limit exceeded. Please wait ${seconds} seconds before sending another message.`);
-        setTimeout(() => setError(null), 5e3);
         return;
       }
       setMessage("");
@@ -1128,6 +1130,9 @@ function ChatSessionProvider({
         }
         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];
@@ -1208,7 +1213,7 @@ function ChatSessionProvider({
           return;
         }
         setTurns((prev) => prev.filter((t) => t.id !== tempTurn.id));
-        const errorMessage = err instanceof Error ? err.message : "error.networkError";
+        const errorMessage = err instanceof Error ? err.message : "Error.NetworkError";
         setInputError(errorMessage);
         console.error("Send message error:", err);
       } finally {
@@ -1234,7 +1239,7 @@ function ChatSessionProvider({
       if (!message.trim() && attachments.length === 0) return;
       setInputError(null);
       const convertedAttachments = attachments.map((att) => ({
-        id: "",
+        clientKey: att.clientKey || crypto.randomUUID(),
         filename: att.filename,
         mimeType: att.mimeType,
         sizeBytes: att.sizeBytes,
@@ -1461,16 +1466,6 @@ function useChatInput() {
   }
   return context;
 }
-function useChat() {
-  const s = useChatSession();
-  const m = useChatMessaging();
-  const i = useChatInput();
-  return React.useMemo(() => ({
-    ...s,
-    ...m,
-    ...i
-  }), [s, m, i]);
-}
 
 // ui/src/bichat/components/ChatHeader.tsx
 init_useTranslation();
@@ -1511,8 +1506,8 @@ function useBranding() {
       appName: customBranding.appName || "BiChat",
       logoUrl: customBranding.logoUrl,
       welcome: {
-        title: customBranding.welcome?.title || t("welcome.title"),
-        description: customBranding.welcome?.description || t("welcome.description"),
+        title: customBranding.welcome?.title || t("Welcome.Title"),
+        description: customBranding.welcome?.description || t("Welcome.Description"),
         examplePrompts
       },
       theme: customBranding.theme
@@ -1528,7 +1523,7 @@ function ChatHeader({ session, onBack, readOnly, logoSlot, actionsSlot }) {
     {
       onClick: onBack,
       className: "cursor-pointer p-2 hover:bg-gray-100 dark:hover:bg-gray-700 active:bg-gray-200 dark:active:bg-gray-600 rounded-lg transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50",
-      "aria-label": t("chat.goBack"),
+      "aria-label": t("Chat.GoBack"),
       children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
     }
   ) : null;
@@ -1538,7 +1533,7 @@ function ChatHeader({ session, onBack, readOnly, logoSlot, actionsSlot }) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
         BackButton,
         Logo,
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg font-semibold text-[var(--bichat-text)]", children: t("chat.newChat") })
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg font-semibold text-[var(--bichat-text)]", children: t("Chat.NewChat") })
       ] }),
       actionsSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: actionsSlot })
     ] }) });
@@ -1554,14 +1549,14 @@ function ChatHeader({ session, onBack, readOnly, logoSlot, actionsSlot }) {
           className: "w-4 h-4 text-[var(--bichat-primary)]",
           fill: "currentColor",
           viewBox: "0 0 20 20",
-          "aria-label": t("chat.pinned"),
+          "aria-label": t("Chat.Pinned"),
           children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 6.477V16h2a1 1 0 110 2H7a1 1 0 110-2h2V6.477L6.237 7.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 015 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L9 4.323V3a1 1 0 011-1z" })
         }
       )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      readOnly && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 text-xs bg-amber-100 dark:bg-amber-900/30 text-amber-800 dark:text-amber-200 rounded", children: t("chat.readOnly") }),
-      session.status === "archived" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 text-xs bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded", children: t("chat.archived") }),
+      readOnly && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 text-xs bg-amber-100 dark:bg-amber-900/30 text-amber-800 dark:text-amber-200 rounded", children: t("Chat.ReadOnly") }),
+      session.status === "archived" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 text-xs bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded", children: t("Chat.Archived") }),
       actionsSlot
     ] })
   ] }) });
@@ -1900,7 +1895,7 @@ function FileCard({ attachment, index, onRemove }) {
     onRemove && /* @__PURE__ */ jsxRuntime.jsx(RemoveButton, { index, onRemove, filename: attachment.filename })
   ] });
 }
-var attachmentEq = (a, b) => a.id === b.id && a.filename === b.filename && a.preview === b.preview && a.base64Data === b.base64Data && a.url === b.url;
+var attachmentEq = (a, b) => a.clientKey === b.clientKey && a.id === b.id && a.filename === b.filename && a.preview === b.preview && a.base64Data === b.base64Data && a.url === b.url;
 var MemoizedImageItem = React__default.default.memo(
   ImageItem,
   (prev, next) => attachmentEq(prev.attachment, next.attachment) && prev.index === next.index && prev.onRemove === next.onRemove && prev.onView === next.onView
@@ -1950,7 +1945,7 @@ function AttachmentGrid({
             onRemove: isEditable ? onRemove : void 0,
             onView
           },
-          `${attachment.id || attachment.filename}-${index}`
+          attachment.clientKey
         ) : /* @__PURE__ */ jsxRuntime.jsx(
           MemoizedFileCard,
           {
@@ -1958,7 +1953,7 @@ function AttachmentGrid({
             index,
             onRemove: isEditable ? onRemove : void 0
           },
-          `${attachment.id || attachment.filename}-${index}`
+          attachment.clientKey
         );
       }),
       Array.from({ length: pendingCount }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(ShimmerCard, {}, `pending-${i}`))
@@ -2366,7 +2361,7 @@ function UserMessage({
               onClick: handleCopyClick,
               className: `cursor-pointer ${classes.actionButton} ${isCopied ? "text-green-600 dark:text-green-400" : ""}`,
               "aria-label": "Copy message",
-              title: isCopied ? t("message.copied") : t("message.copy"),
+              title: isCopied ? t("Message.Copied") : t("Message.Copy"),
               children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 14, weight: "bold" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Copy, { size: 14, weight: "regular" })
             }
           ),
@@ -2408,7 +2403,7 @@ function UserTurnView({
   hideTimestamp,
   allowEdit
 }) {
-  const { handleEdit, handleCopy } = useChat();
+  const { handleEdit, handleCopy } = useChatMessaging();
   return /* @__PURE__ */ jsxRuntime.jsx(
     UserMessage,
     {
@@ -2533,7 +2528,7 @@ function SourcesPanel({ citations }) {
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 w-5 h-5 bg-[var(--bichat-primary)] text-white rounded-full flex items-center justify-center text-xs", children: index + 1 }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: citation.title || citation.source }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: citation.title }),
             citation.url && /* @__PURE__ */ jsxRuntime.jsx(
               "a",
               {
@@ -2609,7 +2604,7 @@ function DownloadCard({ artifact }) {
   );
 }
 function InlineQuestionForm({ pendingQuestion }) {
-  const { handleSubmitQuestionAnswers, handleRejectPendingQuestion, loading } = useChat();
+  const { handleSubmitQuestionAnswers, handleRejectPendingQuestion, loading } = useChatMessaging();
   const [currentStep, setCurrentStep] = React.useState(0);
   const [answers, setAnswers] = React.useState({});
   const [otherTexts, setOtherTexts] = React.useState({});
@@ -3043,13 +3038,13 @@ function ToolCard({ tool }) {
             children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden min-h-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 pb-3 pt-1 space-y-2", children: [
               tool.arguments && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg bg-[#1a1b26] dark:bg-gray-950 overflow-hidden ring-1 ring-gray-800/10 dark:ring-white/5", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-3 py-1.5 bg-[#1e1f2e] dark:bg-gray-900/80 border-b border-white/5", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] uppercase tracking-wider font-medium text-gray-500", children: t("slash.debugArguments") }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] uppercase tracking-wider font-medium text-gray-500", children: t("Slash.DebugArguments") }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     CopyPill,
                     {
                       text: tool.arguments,
-                      label: t("slash.debugCopyTrace"),
-                      copiedLabel: t("slash.debugCopied")
+                      label: t("Slash.DebugCopyTrace"),
+                      copiedLabel: t("Slash.DebugCopied")
                     }
                   )
                 ] }),
@@ -3057,20 +3052,20 @@ function ToolCard({ tool }) {
               ] }),
               tool.result && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg bg-[#1a1b26] dark:bg-gray-950 overflow-hidden ring-1 ring-gray-800/10 dark:ring-white/5", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-3 py-1.5 bg-[#1e1f2e] dark:bg-gray-900/80 border-b border-white/5", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] uppercase tracking-wider font-medium text-gray-500", children: t("slash.debugResult") }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] uppercase tracking-wider font-medium text-gray-500", children: t("Slash.DebugResult") }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     CopyPill,
                     {
                       text: tool.result,
-                      label: t("slash.debugCopyTrace"),
-                      copiedLabel: t("slash.debugCopied")
+                      label: t("Slash.DebugCopyTrace"),
+                      copiedLabel: t("Slash.DebugCopied")
                     }
                   )
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-3 text-[11px] font-mono text-gray-300 overflow-x-auto max-h-60 overflow-y-auto whitespace-pre-wrap break-all leading-relaxed", children: tool.result })
               ] }),
               tool.error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg bg-red-950/80 dark:bg-red-950/40 overflow-hidden ring-1 ring-red-800/20", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-1.5 border-b border-red-800/20", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] uppercase tracking-wider font-medium text-red-400", children: t("slash.debugError") }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-1.5 border-b border-red-800/20", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] uppercase tracking-wider font-medium text-red-400", children: t("Slash.DebugError") }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-3 text-[11px] font-mono text-red-300 overflow-x-auto whitespace-pre-wrap break-all leading-relaxed", children: tool.error })
               ] })
             ] }) })
@@ -3090,7 +3085,7 @@ function DebugPanel({ trace }) {
       metrics.push({
         icon: /* @__PURE__ */ jsxRuntime.jsx(react.Timer, { size: 14, weight: "duotone", className: "text-amber-600 dark:text-amber-400" }),
         value: formatGenerationDuration(trace.generationMs),
-        label: t("slash.debugGeneration"),
+        label: t("Slash.DebugGeneration"),
         accentBorder: "border-l-amber-400 dark:border-l-amber-500",
         accentBg: "bg-amber-50 dark:bg-amber-950/30"
       });
@@ -3099,7 +3094,7 @@ function DebugPanel({ trace }) {
       metrics.push({
         icon: /* @__PURE__ */ jsxRuntime.jsx(react.Lightning, { size: 14, weight: "fill", className: "text-orange-500 dark:text-orange-400" }),
         value: `${tokensPerSecond.toFixed(1)}/s`,
-        label: t("slash.debugTokensPerSecond"),
+        label: t("Slash.DebugTokensPerSecond"),
         accentBorder: "border-l-orange-400 dark:border-l-orange-500",
         accentBg: "bg-orange-50 dark:bg-orange-950/30"
       });
@@ -3109,21 +3104,21 @@ function DebugPanel({ trace }) {
         {
           icon: /* @__PURE__ */ jsxRuntime.jsx(react.Stack, { size: 14, weight: "duotone", className: "text-violet-600 dark:text-violet-400" }),
           value: trace.usage.totalTokens.toLocaleString(),
-          label: t("slash.debugTotalTokens"),
+          label: t("Slash.DebugTotalTokens"),
           accentBorder: "border-l-violet-400 dark:border-l-violet-500",
           accentBg: "bg-violet-50 dark:bg-violet-950/30"
         },
         {
           icon: /* @__PURE__ */ jsxRuntime.jsx(react.ArrowUp, { size: 14, weight: "bold", className: "text-blue-600 dark:text-blue-400" }),
           value: trace.usage.promptTokens.toLocaleString(),
-          label: t("slash.debugPromptTokens"),
+          label: t("Slash.DebugPromptTokens"),
           accentBorder: "border-l-blue-400 dark:border-l-blue-500",
           accentBg: "bg-blue-50 dark:bg-blue-950/30"
         },
         {
           icon: /* @__PURE__ */ jsxRuntime.jsx(react.ArrowDown, { size: 14, weight: "bold", className: "text-indigo-600 dark:text-indigo-400" }),
           value: trace.usage.completionTokens.toLocaleString(),
-          label: t("slash.debugCompletionTokens"),
+          label: t("Slash.DebugCompletionTokens"),
           accentBorder: "border-l-indigo-400 dark:border-l-indigo-500",
           accentBg: "bg-indigo-50 dark:bg-indigo-950/30"
         }
@@ -3132,7 +3127,7 @@ function DebugPanel({ trace }) {
         metrics.push({
           icon: /* @__PURE__ */ jsxRuntime.jsx(react.Database, { size: 14, weight: "duotone", className: "text-pink-600 dark:text-pink-400" }),
           value: trace.usage.cachedTokens.toLocaleString(),
-          label: t("slash.debugCachedTokens"),
+          label: t("Slash.DebugCachedTokens"),
           accentBorder: "border-l-pink-400 dark:border-l-pink-500",
           accentBg: "bg-pink-50 dark:bg-pink-950/30"
         });
@@ -3143,14 +3138,14 @@ function DebugPanel({ trace }) {
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-6 h-6 rounded-lg bg-gray-100 dark:bg-gray-800", children: /* @__PURE__ */ jsxRuntime.jsx(react.Bug, { size: 14, weight: "duotone", className: "text-gray-500 dark:text-gray-400" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-[11px] uppercase tracking-widest font-semibold text-gray-400 dark:text-gray-500", children: t("slash.debugPanelTitle") })
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-[11px] uppercase tracking-widest font-semibold text-gray-400 dark:text-gray-500", children: t("Slash.DebugPanelTitle") })
       ] }),
       hasData && trace && /* @__PURE__ */ jsxRuntime.jsx(
         CopyPill,
         {
           text: JSON.stringify(trace, null, 2),
-          label: t("slash.debugCopyTrace"),
-          copiedLabel: t("slash.debugCopied")
+          label: t("Slash.DebugCopyTrace"),
+          copiedLabel: t("Slash.DebugCopied")
         }
       )
     ] }),
@@ -3159,12 +3154,12 @@ function DebugPanel({ trace }) {
       trace.tools.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-2.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx(react.Wrench, { size: 13, weight: "duotone", className: "text-gray-400 dark:text-gray-500" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-medium text-gray-500 dark:text-gray-400", children: t("slash.debugToolCalls") }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-medium text-gray-500 dark:text-gray-400", children: t("Slash.DebugToolCalls") }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-1.5 py-0.5 rounded-full bg-gray-100 dark:bg-gray-800 text-[10px] font-mono font-medium text-gray-500 dark:text-gray-400 tabular-nums", children: trace.tools.length })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: trace.tools.map((tool, idx) => /* @__PURE__ */ jsxRuntime.jsx(ToolCard, { tool }, `${tool.callId || tool.name}-${idx}`)) })
       ] })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500 italic", children: t("slash.debugUnavailable") })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500 italic", children: t("Slash.DebugUnavailable") })
   ] });
 }
 
@@ -3370,7 +3365,7 @@ function AssistantMessage({
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: t("assistant.explanation") })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: t("Assistant.Explanation") })
                 ]
               }
             ),
@@ -3396,7 +3391,7 @@ function AssistantMessage({
               onClick: handleCopyClick,
               className: `cursor-pointer ${classes.actionButton} ${isCopied ? "text-green-600 dark:text-green-400" : ""}`,
               "aria-label": "Copy message",
-              title: isCopied ? t("message.copied") : t("message.copy"),
+              title: isCopied ? t("Message.Copied") : t("Message.Copy"),
               children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 14, weight: "bold" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Copy, { size: 14, weight: "regular" })
             }
           ),
@@ -3490,7 +3485,7 @@ function SystemMessage({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-4 pt-3 pb-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-gray-400 dark:text-gray-500", children: [
         /* @__PURE__ */ jsxRuntime.jsx(react.ClockCounterClockwise, { size: 13, weight: "bold" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wider", children: t("system.conversationSummary") })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wider", children: t("System.ConversationSummary") })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
       !hideActions && !hideTimestamp && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-gray-400 dark:text-gray-500 tabular-nums", children: timestamp }),
@@ -3504,7 +3499,7 @@ function SystemMessage({
                   ${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",
-          title: isCopied ? t("message.copied") : t("message.copy"),
+          title: isCopied ? t("Message.Copied") : t("Message.Copy"),
           children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 13, weight: "bold" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Copy, { size: 13, weight: "regular" })
         }
       )
@@ -3522,7 +3517,7 @@ function SystemMessage({
             {
               fallback: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-400 dark:text-gray-500 py-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-3.5 h-3.5 border-[1.5px] border-gray-300 dark:border-gray-600 border-t-transparent rounded-full animate-spin" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: t("system.loadingSummary") })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: t("System.LoadingSummary") })
               ] }),
               children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownRenderer3, { content, sendDisabled: true })
             }
@@ -3539,7 +3534,7 @@ function SystemMessage({
         "aria-expanded": isExpanded,
         className: "cursor-pointer group/toggle inline-flex items-center gap-1 px-3 py-1 rounded-full text-[11px] font-medium text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-200/60 dark:hover:bg-gray-700/50 transition-colors duration-150",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: isExpanded ? t("system.showLess") : t("system.showMore") }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: isExpanded ? t("System.ShowLess") : t("System.ShowMore") }),
           /* @__PURE__ */ jsxRuntime.jsx(
             react.CaretDown,
             {
@@ -3564,7 +3559,8 @@ function AssistantTurnView({
   hideActions,
   hideTimestamp
 }) {
-  const { handleCopy, handleRegenerate, pendingQuestion, sendMessage, loading, debugMode } = useChat();
+  const { debugMode } = useChatSession();
+  const { handleCopy, handleRegenerate, pendingQuestion, sendMessage, loading } = useChatMessaging();
   const assistantTurn = turn.assistantTurn;
   if (!assistantTurn) return null;
   if (assistantTurn.role === "system") {
@@ -4050,15 +4046,8 @@ var MarkdownRenderer4 = React.lazy(
 );
 function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readOnly }) {
   const { t } = useTranslation();
-  const {
-    turns,
-    streamingContent,
-    isStreaming,
-    loading,
-    isCompacting,
-    currentSessionId,
-    fetching
-  } = useChat();
+  const { currentSessionId, fetching } = useChatSession();
+  const { turns, streamingContent, isStreaming, loading, isCompacting } = useChatMessaging();
   const messagesEndRef = React.useRef(null);
   const containerRef = React.useRef(null);
   const initialScrollSessionRef = React.useRef(void 0);
@@ -4117,8 +4106,8 @@ function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readO
       isCompacting && /* @__PURE__ */ jsxRuntime.jsx(
         CompactionDoodle_default,
         {
-          title: t("slash.compactingTitle"),
-          subtitle: t("slash.compactingSubtitle")
+          title: t("Slash.CompactingTitle"),
+          subtitle: t("Slash.CompactingSubtitle")
         }
       ),
       fetching && turns.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", "aria-hidden": "true", children: [
@@ -4219,7 +4208,7 @@ var MessageInput = React.forwardRef(
     const [dropSuccess, setDropSuccess] = React.useState(false);
     const [pendingFileCount, setPendingFileCount] = React.useState(0);
     const [viewingImageIndex, setViewingImageIndex] = React.useState(null);
-    const placeholder = placeholderOverride || t("input.placeholder");
+    const placeholder = placeholderOverride || t("Input.Placeholder");
     const textareaRef = React.useRef(null);
     const fileInputRef = React.useRef(null);
     const containerRef = React.useRef(null);
@@ -4230,9 +4219,9 @@ var MessageInput = React.forwardRef(
     const commandQuery = message.trimStart().slice(1).split(/\s+/)[0]?.toLowerCase() || "";
     const slashCommands = React.useMemo(
       () => [
-        { name: "/clear", description: t("slash.clearDescription") },
-        { name: "/debug", description: t("slash.debugDescription") },
-        { name: "/compact", description: t("slash.compactDescription") }
+        { name: "/clear", description: t("Slash.ClearDescription") },
+        { name: "/debug", description: t("Slash.DebugDescription") },
+        { name: "/compact", description: t("Slash.CompactDescription") }
       ],
       [t]
     );
@@ -4315,7 +4304,7 @@ var MessageInput = React.forwardRef(
         const base64Results = await Promise.all(fileArray.map(convertToBase64));
         const newAttachments = fileArray.map((file, i) => {
           const attachment = {
-            id: "",
+            clientKey: crypto.randomUUID(),
             filename: file.name,
             mimeType: file.type,
             sizeBytes: file.size,
@@ -4522,12 +4511,12 @@ var MessageInput = React.forwardRef(
                   onClearCommandError?.();
                 },
                 className: "cursor-pointer ml-2 p-1 hover:bg-red-100 dark:hover:bg-red-800 rounded transition-colors",
-                "aria-label": t("input.dismissError"),
+                "aria-label": t("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("input.messagesQueued", { count: messageQueue.length }) }) }),
+          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("Input.MessagesQueued", { count: messageQueue.length }) }) }),
           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: [
@@ -4535,49 +4524,49 @@ var MessageInput = React.forwardRef(
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative inline-flex rounded-full h-1.5 w-1.5 bg-amber-500" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(react.Bug, { size: 12 }),
-              t("slash.debugBadge")
+              t("Slash.DebugBadge")
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-gray-200/60 dark:border-gray-700/40 bg-gray-50/50 dark:bg-gray-800/30 p-3 space-y-3", children: [
               hasUsage ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-1.5", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1 py-2 rounded-lg bg-white dark:bg-gray-800/60 border border-gray-100 dark:border-gray-700/30", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-[10px] text-gray-400 dark:text-gray-500", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(react.ArrowUp, { size: 10, weight: "bold", className: "text-blue-500 dark:text-blue-400" }),
-                    t("slash.debugPromptTokens")
+                    t("Slash.DebugPromptTokens")
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-semibold text-xs text-gray-900 dark:text-gray-100 tabular-nums", children: formatTokens(sessionPromptTokens) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1 py-2 rounded-lg bg-white dark:bg-gray-800/60 border border-gray-100 dark:border-gray-700/30", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-[10px] text-gray-400 dark:text-gray-500", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(react.ArrowDown, { size: 10, weight: "bold", className: "text-indigo-500 dark:text-indigo-400" }),
-                    t("slash.debugCompletionTokens")
+                    t("Slash.DebugCompletionTokens")
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-semibold text-xs text-gray-900 dark:text-gray-100 tabular-nums", children: formatTokens(sessionCompletionTokens) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1 py-2 rounded-lg bg-white dark:bg-gray-800/60 border border-gray-100 dark:border-gray-700/30", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-[10px] text-gray-400 dark:text-gray-500", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(react.Stack, { size: 10, weight: "bold", className: "text-violet-500 dark:text-violet-400" }),
-                    t("slash.debugTotalTokens")
+                    t("Slash.DebugTotalTokens")
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-semibold text-xs text-gray-900 dark:text-gray-100 tabular-nums", children: formatTokens(sessionTotalTokens) })
                 ] })
-              ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-gray-400 dark:text-gray-500 text-center py-1", children: t("slash.debugSessionUsageUnavailable") }),
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-gray-400 dark:text-gray-500 text-center py-1", children: t("Slash.DebugSessionUsageUnavailable") }),
               debugLimits && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-1.5", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 py-2 px-2 rounded-lg bg-white dark:bg-gray-800/60 border border-gray-100 dark:border-gray-700/30", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("slash.debugPolicyMaxContextWindow") }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("Slash.DebugPolicyMaxContextWindow") }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-semibold text-xs text-gray-900 dark:text-gray-100 tabular-nums", children: formatTokens(policyMaxTokens) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 py-2 px-2 rounded-lg bg-white dark:bg-gray-800/60 border border-gray-100 dark:border-gray-700/30", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("slash.debugModelMaxContextWindow") }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("Slash.DebugModelMaxContextWindow") }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-semibold text-xs text-gray-900 dark:text-gray-100 tabular-nums", children: formatTokens(modelMaxTokens) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 py-2 px-2 rounded-lg bg-white dark:bg-gray-800/60 border border-gray-100 dark:border-gray-700/30", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("slash.debugEffectiveContextWindow") }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("Slash.DebugEffectiveContextWindow") }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-semibold text-xs text-gray-900 dark:text-gray-100 tabular-nums", children: formatTokens(effectiveMaxTokens) })
                 ] })
               ] }),
               effectiveMaxTokens > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("slash.debugContextUsage") }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("Slash.DebugContextUsage") }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono text-[10px] text-gray-400 dark:text-gray-500 tabular-nums", children: [
                       formatTokens(latestPromptTokens),
@@ -4627,9 +4616,9 @@ var MessageInput = React.forwardRef(
               children: [
                 isDragging && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-10 bg-primary-50/95 dark:bg-primary-900/90 border-2 border-dashed border-primary-400 rounded-2xl flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-full bg-primary-100 dark:bg-primary-800 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(react.Paperclip, { size: 20, className: "text-primary-600 dark:text-primary-400" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-primary-700 dark:text-primary-300 font-medium", children: t("input.dropFiles") })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-primary-700 dark:text-primary-300 font-medium", children: t("Input.DropFiles") })
                 ] }) }),
-                dropSuccess && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-10 bg-green-50/95 dark:bg-green-900/90 border-2 border-green-400 rounded-2xl flex items-center justify-center animate-pulse pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-green-700 dark:text-green-300 font-medium", children: t("input.filesAdded") }) }),
+                dropSuccess && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-10 bg-green-50/95 dark:bg-green-900/90 border-2 border-green-400 rounded-2xl flex items-center justify-center animate-pulse pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-green-700 dark:text-green-300 font-medium", children: t("Input.FilesAdded") }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   "div",
                   {
@@ -4642,8 +4631,8 @@ var MessageInput = React.forwardRef(
                           onClick: () => fileInputRef.current?.click(),
                           disabled: loading || disabled || attachments.length >= maxFiles,
                           className: "cursor-pointer flex-shrink-0 self-center p-2 text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
-                          "aria-label": t("input.attachFiles"),
-                          title: t("input.attachFiles"),
+                          "aria-label": t("Input.AttachFiles"),
+                          title: t("Input.AttachFiles"),
                           children: /* @__PURE__ */ jsxRuntime.jsx(react.Paperclip, { size: 20 })
                         }
                       ),
@@ -4656,7 +4645,7 @@ var MessageInput = React.forwardRef(
                           multiple: true,
                           onChange: handleFileInputChange,
                           className: "hidden",
-                          "aria-label": t("input.fileInput")
+                          "aria-label": t("Input.FileInput")
                         }
                       ),
                       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 self-stretch flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -4686,7 +4675,7 @@ var MessageInput = React.forwardRef(
                           rows: 1,
                           disabled: loading || disabled,
                           "aria-busy": loading,
-                          "aria-label": t("input.messageInput")
+                          "aria-label": t("Input.MessageInput")
                         }
                       ) }),
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -4695,15 +4684,15 @@ var MessageInput = React.forwardRef(
                           type: "submit",
                           disabled: !canSubmit,
                           className: "cursor-pointer flex-shrink-0 self-center p-2 rounded-lg bg-primary-600 hover:bg-primary-700 active:bg-primary-800 active:scale-95 text-white shadow-sm transition-all disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-primary-600",
-                          "aria-label": loading ? t("input.processing") : t("input.sendMessage"),
+                          "aria-label": loading ? t("Input.Processing") : t("Input.SendMessage"),
                           children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[18px] h-[18px] border-2 border-white/60 border-t-transparent rounded-full animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(react.PaperPlaneRight, { size: 18, weight: "fill" })
                         }
                       )
                     ]
                   }
                 ),
-                isFocused && !message && !loading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block absolute -bottom-5 left-14 text-[10px] text-gray-400 dark:text-gray-500 select-none animate-fade-in", children: t("input.shiftEnterHint") }),
-                isCommandListVisible && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 right-0 bottom-full mb-1.5 z-20 overflow-hidden rounded-lg border border-gray-200/70 bg-white/98 shadow-md backdrop-blur-xl dark:border-gray-700/70 dark:bg-gray-900/98 dark:shadow-black/20", children: filteredCommands.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "listbox", "aria-label": t("slash.commandsList"), className: "py-1 px-1", children: filteredCommands.map((command, index) => {
+                isFocused && !message && !loading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block absolute -bottom-5 left-14 text-[10px] text-gray-400 dark:text-gray-500 select-none animate-fade-in", children: t("Input.ShiftEnterHint") }),
+                isCommandListVisible && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 right-0 bottom-full mb-1.5 z-20 overflow-hidden rounded-lg border border-gray-200/70 bg-white/98 shadow-md backdrop-blur-xl dark:border-gray-700/70 dark:bg-gray-900/98 dark:shadow-black/20", children: filteredCommands.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "listbox", "aria-label": t("Slash.CommandsList"), className: "py-1 px-1", children: filteredCommands.map((command, index) => {
                   const isActive = index === activeCommandIndex;
                   return /* @__PURE__ */ jsxRuntime.jsxs(
                     "li",
@@ -4729,7 +4718,7 @@ var MessageInput = React.forwardRef(
                     },
                     command.name
                   );
-                }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2.5 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-gray-400 dark:text-gray-500", children: t("slash.noMatches") }) }) })
+                }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2.5 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-gray-400 dark:text-gray-500", children: t("Slash.NoMatches") }) }) })
               ]
             }
           ),
@@ -4833,8 +4822,8 @@ function WelcomeContent({
 }) {
   const { t } = useTranslation();
   const shouldReduceMotion = framerMotion.useReducedMotion();
-  const resolvedTitle = title || t("welcome.title");
-  const resolvedDescription = description || t("welcome.description");
+  const resolvedTitle = title || t("Welcome.Title");
+  const resolvedDescription = description || t("Welcome.Description");
   const handlePromptClick = (prompt) => {
     if (onPromptSelect && !disabled) {
       onPromptSelect(prompt);
@@ -4877,7 +4866,7 @@ function WelcomeContent({
         /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.motion.div, { variants: activeItemVariants, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 mb-5", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent to-gray-200 dark:to-gray-700/70" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.12em] text-gray-400 dark:text-gray-500 select-none", children: t("welcome.quickStart") }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.12em] text-gray-400 dark:text-gray-500 select-none", children: t("Welcome.QuickStart") }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px flex-1 bg-gradient-to-l from-transparent to-gray-200 dark:to-gray-700/70" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: EXAMPLE_PROMPTS.map((prompt, index) => {
@@ -4932,11 +4921,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: "Artifacts.GroupCharts",
+  code_output: "Artifacts.GroupCodeOutputs",
+  export: "Artifacts.GroupExports",
+  attachment: "Artifacts.GroupAttachments",
+  other: "Artifacts.GroupOther"
 };
 function getGroupIcon(type) {
   const cls = "h-3.5 w-3.5";
@@ -5011,8 +5000,8 @@ function SessionArtifactList({
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-3 px-4 py-12 text-center", children: [
       /* @__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("artifacts.empty") }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-gray-400 dark:text-gray-500", children: t("artifacts.emptySubtitle") })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: t("Artifacts.Empty") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-gray-400 dark:text-gray-500", children: t("Artifacts.EmptySubtitle") })
       ] })
     ] });
   }
@@ -5124,7 +5113,7 @@ function ArtifactActions({ url }) {
         className: "inline-flex items-center gap-2 rounded-lg border border-gray-200 px-3 py-1.5 text-xs font-medium text-gray-700 transition-colors hover:bg-gray-50 dark:border-gray-700 dark:text-gray-200 dark:hover:bg-gray-800",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(react.ArrowSquareOut, { className: "h-3.5 w-3.5", weight: "bold" }),
-          t("artifacts.openInNewTab")
+          t("Artifacts.OpenInNewTab")
         ]
       }
     ),
@@ -5138,7 +5127,7 @@ function ArtifactActions({ url }) {
         className: "inline-flex items-center gap-2 rounded-lg bg-primary-600 px-3 py-1.5 text-xs font-medium text-white shadow-sm transition-colors hover:bg-primary-700",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(react.DownloadSimple, { className: "h-3.5 w-3.5", weight: "bold" }),
-          t("artifacts.download")
+          t("Artifacts.Download")
         ]
       }
     )
@@ -5153,7 +5142,7 @@ function TextArtifactPreview({ artifact }) {
   React.useEffect(() => {
     if (!artifact.url) {
       setLoading(false);
-      setError(t("artifacts.textPreviewFailed"));
+      setError(t("Artifacts.TextPreviewFailed"));
       return;
     }
     const controller = new AbortController();
@@ -5176,7 +5165,7 @@ function TextArtifactPreview({ artifact }) {
       if (err instanceof Error && err.name === "AbortError") {
         return;
       }
-      setError(t("artifacts.textPreviewFailed"));
+      setError(t("Artifacts.TextPreviewFailed"));
     }).finally(() => {
       setLoading(false);
     });
@@ -5187,15 +5176,15 @@ function TextArtifactPreview({ artifact }) {
   if (loading) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-[320px] items-center justify-center rounded-xl border border-gray-200 bg-gray-50 text-sm text-gray-500 dark:border-gray-700/60 dark:bg-gray-800/30 dark:text-gray-400", children: [
       /* @__PURE__ */ jsxRuntime.jsx(react.SpinnerGap, { className: "mr-2 h-4 w-4 animate-spin" }),
-      t("artifacts.previewLoading")
+      t("Artifacts.PreviewLoading")
     ] });
   }
   if (error) {
     return /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: error });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "max-h-[70vh] overflow-auto rounded-xl border border-gray-200 bg-gray-50 p-3 text-xs leading-relaxed text-gray-800 dark:border-gray-700/60 dark:bg-gray-900 dark:text-gray-100", children: content || t("artifacts.previewUnavailable") }),
-    truncated && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("artifacts.textPreviewTruncated") })
+    /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "max-h-[70vh] overflow-auto rounded-xl border border-gray-200 bg-gray-50 p-3 text-xs leading-relaxed text-gray-800 dark:border-gray-700/60 dark:bg-gray-900 dark:text-gray-100", children: content || t("Artifacts.PreviewUnavailable") }),
+    truncated && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("Artifacts.TextPreviewTruncated") })
   ] });
 }
 function SessionArtifactPreview({ artifact }) {
@@ -5211,11 +5200,11 @@ function SessionArtifactPreview({ artifact }) {
     if (chartData) {
       return /* @__PURE__ */ jsxRuntime.jsx(ChartCard, { chartData });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("artifacts.chartUnavailable") });
+    return /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("Artifacts.ChartUnavailable") });
   }
   if (isImageArtifact2(artifact)) {
     if (!artifact.url) {
-      return /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("artifacts.imageUnavailable") });
+      return /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("Artifacts.ImageUnavailable") });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-gray-200/80 bg-gray-50/50 dark:border-gray-700/60 dark:bg-gray-800/30", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -5232,7 +5221,7 @@ function SessionArtifactPreview({ artifact }) {
   }
   if (isPDFArtifact(artifact)) {
     if (!artifact.url) {
-      return /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("artifacts.downloadUnavailable") });
+      return /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("Artifacts.DownloadUnavailable") });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-gray-200/80 bg-gray-50 dark:border-gray-700/60 dark:bg-gray-900", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -5248,7 +5237,7 @@ function SessionArtifactPreview({ artifact }) {
   }
   if (isOfficeDocumentArtifact(artifact)) {
     if (!artifact.url) {
-      return /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("artifacts.downloadUnavailable") });
+      return /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("Artifacts.DownloadUnavailable") });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
       officeViewerURL ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-gray-200/80 bg-gray-50 dark:border-gray-700/60 dark:bg-gray-900", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -5258,7 +5247,7 @@ function SessionArtifactPreview({ artifact }) {
           title: artifact.name,
           className: "h-[72vh] w-full"
         }
-      ) }) : /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("artifacts.officePreviewUnavailable") }),
+      ) }) : /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("Artifacts.OfficePreviewUnavailable") }),
       /* @__PURE__ */ jsxRuntime.jsx(ArtifactActions, { url: artifact.url })
     ] });
   }
@@ -5272,13 +5261,13 @@ function SessionArtifactPreview({ artifact }) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-[240px] flex-col items-center justify-center rounded-xl border border-gray-200/80 bg-gray-50/60 p-6 text-center dark:border-gray-700/60 dark:bg-gray-900", children: [
         /* @__PURE__ */ jsxRuntime.jsx(react.FileText, { className: "h-8 w-8 text-gray-400 dark:text-gray-500", weight: "duotone" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-sm font-medium text-gray-800 dark:text-gray-100", children: t("artifacts.previewUnavailable") }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: t("artifacts.previewNotSupported") })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-sm font-medium text-gray-800 dark:text-gray-100", children: t("Artifacts.PreviewUnavailable") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: t("Artifacts.PreviewNotSupported") })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(ArtifactActions, { url: artifact.url })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("artifacts.downloadUnavailable") });
+  return /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("Artifacts.DownloadUnavailable") });
 }
 function SessionArtifactPreviewModal({
   isOpen,
@@ -5324,7 +5313,7 @@ function SessionArtifactPreviewModal({
       await onRename(artifact, nextName);
       setIsEditingName(false);
     } catch (err) {
-      setError(err instanceof Error ? err.message : t("artifacts.renameFailed"));
+      setError(err instanceof Error ? err.message : t("Artifacts.RenameFailed"));
     } finally {
       setSubmittingRename(false);
     }
@@ -5333,7 +5322,7 @@ function SessionArtifactPreviewModal({
     if (!artifact || !onDelete) {
       return;
     }
-    if (!window.confirm(t("artifacts.deleteConfirm"))) {
+    if (!window.confirm(t("Artifacts.DeleteConfirm"))) {
       return;
     }
     setSubmittingDelete(true);
@@ -5342,7 +5331,7 @@ function SessionArtifactPreviewModal({
       await onDelete(artifact);
       onClose();
     } catch (err) {
-      setError(err instanceof Error ? err.message : t("artifacts.deleteFailed"));
+      setError(err instanceof Error ? err.message : t("Artifacts.DeleteFailed"));
     } finally {
       setSubmittingDelete(false);
     }
@@ -5373,7 +5362,7 @@ function SessionArtifactPreviewModal({
                   }
                 },
                 className: "w-full rounded-lg border border-gray-300 px-3 py-1.5 text-sm text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100",
-                "aria-label": t("artifacts.rename"),
+                "aria-label": t("Artifacts.Rename"),
                 autoFocus: true
               }
             ),
@@ -5388,7 +5377,7 @@ function SessionArtifactPreviewModal({
                 className: "cursor-pointer inline-flex items-center gap-1 rounded-lg bg-primary-600 px-2.5 py-1.5 text-xs font-medium text-white transition-colors hover:bg-primary-700 disabled:cursor-not-allowed disabled:opacity-60",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(react.FloppyDisk, { className: "h-3.5 w-3.5", weight: "bold" }),
-                  t("message.save")
+                  t("Message.Save")
                 ]
               }
             ),
@@ -5402,7 +5391,7 @@ function SessionArtifactPreviewModal({
                 },
                 disabled: submittingRename,
                 className: "cursor-pointer rounded-lg border border-gray-200 px-2.5 py-1.5 text-xs font-medium text-gray-700 transition-colors hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-60 dark:border-gray-700 dark:text-gray-200 dark:hover:bg-gray-800",
-                children: t("message.cancel")
+                children: t("Message.Cancel")
               }
             )
           ] }) : /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "truncate text-base font-semibold text-gray-900 dark:text-gray-100", children: artifact.name }),
@@ -5418,8 +5407,8 @@ function SessionArtifactPreviewModal({
                 setIsEditingName(true);
               },
               className: "cursor-pointer rounded-lg border border-gray-200 p-2 text-gray-600 transition-colors hover:bg-gray-50 hover:text-gray-900 dark:border-gray-700 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-100",
-              "aria-label": t("artifacts.rename"),
-              title: t("artifacts.rename"),
+              "aria-label": t("Artifacts.Rename"),
+              title: t("Artifacts.Rename"),
               children: /* @__PURE__ */ jsxRuntime.jsx(react.PencilSimple, { className: "h-4 w-4", weight: "regular" })
             }
           ),
@@ -5432,8 +5421,8 @@ function SessionArtifactPreviewModal({
               },
               disabled: submittingDelete,
               className: "cursor-pointer rounded-lg border border-red-200 p-2 text-red-600 transition-colors hover:bg-red-50 hover:text-red-700 disabled:cursor-not-allowed disabled:opacity-60 dark:border-red-900/60 dark:text-red-400 dark:hover:bg-red-950/30 dark:hover:text-red-300",
-              "aria-label": t("artifacts.delete"),
-              title: t("artifacts.delete"),
+              "aria-label": t("Artifacts.Delete"),
+              title: t("Artifacts.Delete"),
               children: /* @__PURE__ */ jsxRuntime.jsx(react.Trash, { className: "h-4 w-4", weight: "regular" })
             }
           ),
@@ -5443,8 +5432,8 @@ function SessionArtifactPreviewModal({
               type: "button",
               onClick: handleClose,
               className: "cursor-pointer rounded-lg border border-gray-200 p-2 text-gray-600 transition-colors hover:bg-gray-50 hover:text-gray-900 dark:border-gray-700 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-100",
-              "aria-label": t("common.close"),
-              title: t("common.close"),
+              "aria-label": t("Common.Close"),
+              title: t("Common.Close"),
               children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { className: "h-4 w-4", weight: "bold" })
             }
           )
@@ -5548,7 +5537,7 @@ function SessionArtifactsPanel({
         if (requestID !== requestSeq.current) {
           return;
         }
-        setError(err instanceof Error ? err.message : tRef.current("artifacts.failedToLoad"));
+        setError(err instanceof Error ? err.message : tRef.current("Artifacts.FailedToLoad"));
       } finally {
         if (requestID === requestSeq.current) {
           setFetching(false);
@@ -5663,7 +5652,7 @@ function SessionArtifactsPanel({
       }
       setError(null);
     } catch (err) {
-      setError(err instanceof Error ? err.message : tRef.current("artifacts.failedToLoad"));
+      setError(err instanceof Error ? err.message : tRef.current("Artifacts.FailedToLoad"));
     }
   }, [canDropFiles, dataSource, fetchArtifacts, hasDragFiles, sessionId, setDropSuccessState]);
   const canRenameArtifacts = typeof dataSource.renameSessionArtifact === "function";
@@ -5712,7 +5701,7 @@ function SessionArtifactsPanel({
         isDragging ? "bg-primary-50/40 dark:bg-primary-950/20" : "",
         className
       ].join(" "),
-      "aria-label": t("artifacts.title"),
+      "aria-label": t("Artifacts.Title"),
       onDragEnter: handleDragEnter,
       onDragOver: handleDragOver,
       onDragLeave: handleDragLeave,
@@ -5727,18 +5716,18 @@ function SessionArtifactsPanel({
             ].join(" "),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(react.Paperclip, { className: "h-5 w-5", weight: "bold" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: dropSuccess ? t("input.filesAdded") : t("input.dropFiles") })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: dropSuccess ? t("Input.FilesAdded") : t("Input.DropFiles") })
             ]
           }
         ) }),
         /* @__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("artifacts.title"),
+          t("Artifacts.Title"),
           " (",
           artifacts.length,
           ")"
         ] }) }) }),
-        /* @__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("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("artifacts.failedToLoad") }),
+        /* @__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("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("Artifacts.FailedToLoad") }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-700 dark:text-red-400", children: error }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
@@ -5748,10 +5737,10 @@ function SessionArtifactsPanel({
                 void fetchArtifacts({ reset: true, manual: true });
               },
               className: "cursor-pointer rounded-md border border-red-300 px-2 py-1 text-xs font-medium text-red-700 hover:bg-red-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-400/50 dark:border-red-800 dark:text-red-300 dark:hover:bg-red-900/40",
-              children: t("alert.retry")
+              children: t("Alert.Retry")
             }
           )
-        ] }) : !canFetchArtifacts ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-amber-200 bg-amber-50 p-3 text-sm text-amber-800 dark:border-amber-900/70 dark:bg-amber-950/30 dark:text-amber-200", children: t("artifacts.unsupported") }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        ] }) : !canFetchArtifacts ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-amber-200 bg-amber-50 p-3 text-sm text-amber-800 dark:border-amber-900/70 dark:bg-amber-950/30 dark:text-amber-200", children: t("Artifacts.Unsupported") }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             SessionArtifactList,
             {
@@ -5769,7 +5758,7 @@ function SessionArtifactsPanel({
               },
               disabled: loadingMore || refreshing || fetching,
               className: "cursor-pointer rounded-md border border-gray-200 px-3 py-1.5 text-xs font-medium text-gray-700 transition-colors hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-700 dark:text-gray-200 dark:hover:bg-gray-800",
-              children: loadingMore ? t("artifacts.loadingMore") : t("artifacts.loadMore")
+              children: loadingMore ? t("Artifacts.LoadingMore") : t("Artifacts.LoadMore")
             }
           ) })
         ] }) }),
@@ -5810,25 +5799,17 @@ function ChatSessionCore({
   artifactsPanelStorageKey = "bichat.artifacts-panel.expanded"
 }) {
   const { t } = useTranslation();
+  const { session, fetching, error, debugMode, sessionDebugUsage, debugLimits, currentSessionId } = useChatSession();
+  const { turns, loading, isStreaming } = useChatMessaging();
   const {
-    session,
-    turns,
-    fetching,
-    error,
     inputError,
     message,
     setMessage,
     setInputError,
-    loading,
     handleSubmit,
     messageQueue,
-    handleUnqueue,
-    debugMode,
-    sessionDebugUsage,
-    debugLimits,
-    currentSessionId,
-    isStreaming
-  } = useChat();
+    handleUnqueue
+  } = useChatInput();
   const effectiveReadOnly = Boolean(readOnly ?? isReadOnly);
   const [artifactsPanelExpanded, setArtifactsPanelExpanded] = React.useState(
     artifactsPanelDefaultExpanded
@@ -5902,11 +5883,11 @@ function ChatSessionCore({
     };
   }, [isResizingArtifactsPanel, artifactsPanelStorageKey]);
   if (fetching) {
-    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("input.processing") }) });
+    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("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("error.generic"),
+      t("Error.Generic"),
       ": ",
       error
     ] }) });
@@ -5942,11 +5923,11 @@ function ChatSessionCore({
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50",
           artifactsPanelExpanded ? "bg-primary-50 text-primary-700 hover:bg-primary-100 dark:bg-primary-950/30 dark:text-primary-300 dark:hover:bg-primary-900/40" : "text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
         ].join(" "),
-        "aria-label": artifactsPanelExpanded ? t("artifacts.toggleHide") : t("artifacts.toggleShow"),
-        title: artifactsPanelExpanded ? t("artifacts.toggleHide") : t("artifacts.toggleShow"),
+        "aria-label": artifactsPanelExpanded ? t("Artifacts.ToggleHide") : t("Artifacts.ToggleShow"),
+        title: artifactsPanelExpanded ? t("Artifacts.ToggleHide") : t("Artifacts.ToggleShow"),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(react.Sidebar, { className: "h-4 w-4", weight: artifactsPanelExpanded ? "duotone" : "regular" }),
-          t("artifacts.title")
+          t("Artifacts.Title")
         ]
       }
     ),
@@ -5994,7 +5975,7 @@ function ChatSessionCore({
                     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("welcome.disclaimer") })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 pb-1 text-center text-xs text-gray-500 dark:text-gray-400", children: t("Welcome.Disclaimer") })
               ] }) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   MessageList,
@@ -6044,7 +6025,7 @@ function ChatSessionCore({
                           "div",
                           {
                             role: "separator",
-                            "aria-label": t("artifacts.resize"),
+                            "aria-label": t("Artifacts.Resize"),
                             onMouseDown: handleArtifactsResizeStart,
                             className: "relative flex shrink-0 cursor-col-resize touch-none items-center justify-center w-2 transition-colors lg:flex group/resize after:absolute after:inset-y-0 after:left-0 after:w-0.5 after:bg-gray-300 dark:after:bg-gray-600 after:transition-colors group-hover/resize:after:bg-primary-400 dark:group-hover/resize:after:bg-primary-500",
                             children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute h-10 w-1.5 cursor-col-resize rounded-full bg-gray-400 transition-colors group-hover/resize:bg-primary-400 dark:bg-gray-500 dark:group-hover/resize:bg-primary-500" })
@@ -6085,7 +6066,7 @@ function ChatSessionCore({
                         animate: { opacity: 1 },
                         exit: { opacity: 0 },
                         onClick: handleToggleArtifactsPanel,
-                        "aria-label": t("common.close")
+                        "aria-label": t("Common.Close")
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -6785,14 +6766,14 @@ MemoizedUserAvatar.displayName = "UserAvatar";
 function PermissionGuard({
   permissions,
   mode = "all",
-  hasPermission: hasPermission3,
+  hasPermission: hasPermission2,
   fallback = null,
   children
 }) {
   if (permissions.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  const permitted = mode === "all" ? permissions.every((p) => hasPermission3(p)) : permissions.some((p) => hasPermission3(p));
+  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 });
 }
 function DefaultErrorContent({
@@ -7097,8 +7078,8 @@ var SessionItem = React.memo(
     React.useEffect(() => {
       setIsTouch("ontouchend" in document);
     }, []);
-    const isTitleGenerating = !session.title || session.title === t("chat.newChat");
-    const displayTitle = isTitleGenerating ? t("common.generating") : session.title ?? t("common.untitled");
+    const isTitleGenerating = !session.title || session.title === t("Chat.NewChat");
+    const displayTitle = isTitleGenerating ? t("Common.Generating") : session.title ?? t("Common.Untitled");
     const { handlers: longPressHandlers } = useLongPress({
       delay: 500,
       onLongPress: (e) => {
@@ -7127,45 +7108,45 @@ var SessionItem = React.memo(
     const contextMenuItems = mode === "archived" ? [
       ...onRestore ? [{
         id: "restore",
-        label: t("archived.restoreButton"),
+        label: t("Archived.RestoreButton"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(react.ArrowUUpLeft, { size: 20 }),
         onClick: () => onRestore()
       }] : [],
       ...onRename ? [{
         id: "rename",
-        label: t("sidebar.renameChat"),
+        label: t("Sidebar.RenameChat"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(react.PencilSimple, { size: 20 }),
         onClick: () => editableTitleRef.current?.startEditing()
       }] : []
     ] : [
       ...onPin ? [{
         id: "pin",
-        label: session.pinned ? t("sidebar.unpinChat") : t("sidebar.pinChat"),
+        label: session.pinned ? t("Sidebar.UnpinChat") : t("Sidebar.PinChat"),
         icon: session.pinned ? /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(react.Bookmark, { size: 20 }),
         onClick: () => onPin()
       }] : [],
       ...onRename ? [{
         id: "rename",
-        label: t("sidebar.renameChat"),
+        label: t("Sidebar.RenameChat"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(react.PencilSimple, { size: 20 }),
         onClick: () => editableTitleRef.current?.startEditing()
       }] : [],
       ...onRegenerateTitle ? [{
         id: "regenerate",
-        label: t("sidebar.regenerateTitle"),
+        label: t("Sidebar.RegenerateTitle"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(react.ArrowsClockwise, { size: 20 }),
         onClick: () => onRegenerateTitle()
       }] : [],
       ...onArchive ? [{
         id: "archive",
-        label: t("sidebar.archiveChat"),
+        label: t("Sidebar.ArchiveChat"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 20 }),
         onClick: () => onArchive(),
         variant: "danger"
       }] : [],
       ...onDelete ? [{
         id: "delete",
-        label: t("sidebar.deleteChat"),
+        label: t("Sidebar.DeleteChat"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(react.Trash, { size: 20 }),
         onClick: () => onDelete(),
         variant: "danger"
@@ -7211,7 +7192,7 @@ var SessionItem = React.memo(
                         e.stopPropagation();
                       },
                       className: "opacity-0 group-hover:opacity-100 p-1.5 rounded hover:bg-gray-200 dark:hover:bg-gray-700 transition-smooth flex-shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50",
-                      "aria-label": t("sidebar.chatOptions"),
+                      "aria-label": t("Sidebar.ChatOptions"),
                       "data-testid": `${testIdPrefix}-session-options-${session.id}`,
                       children: /* @__PURE__ */ jsxRuntime.jsx(react.DotsThree, { size: 16, className: "w-4 h-4", weight: "bold" })
                     }
@@ -7231,11 +7212,11 @@ var SessionItem = React.memo(
                               onPin();
                             },
                             className: `cursor-pointer flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 transition-smooth ${focus ? "bg-gray-100 dark:bg-gray-800/70 ring-1 ring-gray-200/80 dark:ring-gray-700/80" : "hover:bg-gray-50 dark:hover:bg-gray-800"}`,
-                            "aria-label": session.pinned ? t("sidebar.unpinChat") : t("sidebar.pinChat"),
+                            "aria-label": session.pinned ? t("Sidebar.UnpinChat") : t("Sidebar.PinChat"),
                             "data-testid": `${testIdPrefix}-session-pin-${session.id}`,
                             children: [
                               session.pinned ? /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 16, className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Bookmark, { size: 16, className: "w-4 h-4" }),
-                              session.pinned ? t("sidebar.unpinChat") : t("sidebar.pinChat")
+                              session.pinned ? t("Sidebar.UnpinChat") : t("Sidebar.PinChat")
                             ]
                           }
                         ) }),
@@ -7249,11 +7230,11 @@ var SessionItem = React.memo(
                               close();
                             },
                             className: `cursor-pointer flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 transition-smooth ${focus ? "bg-gray-100 dark:bg-gray-800/70 ring-1 ring-gray-200/80 dark:ring-gray-700/80" : "hover:bg-gray-50 dark:hover:bg-gray-800"}`,
-                            "aria-label": t("sidebar.renameChat"),
+                            "aria-label": t("Sidebar.RenameChat"),
                             "data-testid": `${testIdPrefix}-session-rename-${session.id}`,
                             children: [
                               /* @__PURE__ */ jsxRuntime.jsx(react.PencilSimple, { size: 16, className: "w-4 h-4" }),
-                              t("sidebar.renameChat")
+                              t("Sidebar.RenameChat")
                             ]
                           }
                         ) }),
@@ -7267,11 +7248,11 @@ var SessionItem = React.memo(
                               close();
                             },
                             className: `cursor-pointer flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 transition-smooth ${focus ? "bg-gray-100 dark:bg-gray-800/70 ring-1 ring-gray-200/80 dark:ring-gray-700/80" : "hover:bg-gray-50 dark:hover:bg-gray-800"}`,
-                            "aria-label": t("sidebar.regenerateTitle"),
+                            "aria-label": t("Sidebar.RegenerateTitle"),
                             "data-testid": `${testIdPrefix}-session-regenerate-${session.id}`,
                             children: [
                               /* @__PURE__ */ jsxRuntime.jsx(react.ArrowsClockwise, { size: 16, className: "w-4 h-4" }),
-                              t("sidebar.regenerateTitle")
+                              t("Sidebar.RegenerateTitle")
                             ]
                           }
                         ) }),
@@ -7284,11 +7265,11 @@ var SessionItem = React.memo(
                               onRestore();
                             },
                             className: `cursor-pointer flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-smooth ${focus ? "text-green-700 dark:text-green-300 bg-green-50 dark:bg-green-900/20 ring-1 ring-green-200/70 dark:ring-green-500/30" : "text-green-700 dark:text-green-300 hover:bg-green-50/70 dark:hover:bg-green-900/10"}`,
-                            "aria-label": t("archived.restoreButton"),
+                            "aria-label": t("Archived.RestoreButton"),
                             "data-testid": `${testIdPrefix}-session-restore-${session.id}`,
                             children: [
                               /* @__PURE__ */ jsxRuntime.jsx(react.ArrowUUpLeft, { size: 16, className: "w-4 h-4" }),
-                              t("archived.restoreButton")
+                              t("Archived.RestoreButton")
                             ]
                           }
                         ) }),
@@ -7301,11 +7282,11 @@ var SessionItem = React.memo(
                               onArchive();
                             },
                             className: `cursor-pointer flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-smooth ${focus ? "text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 ring-1 ring-amber-200/70 dark:ring-amber-500/30" : "text-amber-600 dark:text-amber-400 hover:bg-amber-50/70 dark:hover:bg-amber-900/10"}`,
-                            "aria-label": t("sidebar.archiveChat"),
+                            "aria-label": t("Sidebar.ArchiveChat"),
                             "data-testid": `${testIdPrefix}-session-archive-${session.id}`,
                             children: [
                               /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 16, className: "w-4 h-4" }),
-                              t("sidebar.archiveChat")
+                              t("Sidebar.ArchiveChat")
                             ]
                           }
                         ) }),
@@ -7318,11 +7299,11 @@ var SessionItem = React.memo(
                               onDelete();
                             },
                             className: `cursor-pointer flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-smooth ${focus ? "text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20 ring-1 ring-red-200/70 dark:ring-red-500/30" : "text-red-600 dark:text-red-400 hover:bg-red-50/70 dark:hover:bg-red-900/10"}`,
-                            "aria-label": t("sidebar.deleteChat"),
+                            "aria-label": t("Sidebar.DeleteChat"),
                             "data-testid": `${testIdPrefix}-session-delete-${session.id}`,
                             children: [
                               /* @__PURE__ */ jsxRuntime.jsx(react.Trash, { size: 16, className: "w-4 h-4" }),
-                              t("sidebar.deleteChat")
+                              t("Sidebar.DeleteChat")
                             ]
                           }
                         ) })
@@ -7491,7 +7472,7 @@ function UserFilter({ users, selectedUser, onUserChange, loading }) {
                   onUserChange(null);
                 },
                 className: "cursor-pointer p-1 rounded hover:bg-gray-200 dark:hover:bg-gray-600 transition-smooth",
-                "aria-label": t("common.clear"),
+                "aria-label": t("Common.Clear"),
                 children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 14, className: "w-3.5 h-3.5 text-gray-600 dark:text-gray-400" })
               }
             ),
@@ -7736,7 +7717,7 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
                         }
                       ),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: chat.title || t("common.untitled") }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: chat.title || t("Common.Untitled") }),
                         /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: [
                           chat.owner.firstName,
                           " ",
@@ -7744,7 +7725,7 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
                         ] }),
                         chat.status === "archived" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 mt-1 px-2 py-0.5 bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 rounded-full text-xs", children: [
                           /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 12, className: "w-3 h-3" }),
-                          t("chat.archived")
+                          t("Chat.Archived")
                         ] })
                       ] })
                     ] })
@@ -7811,11 +7792,11 @@ function groupSessionsByDate(sessions, t) {
   const today = dateFns.startOfDay(now);
   const translate = t || ((key2) => key2);
   const dateLabels = {
-    "Today": translate("dateGroup.today"),
-    "Yesterday": translate("dateGroup.yesterday"),
-    "Last 7 Days": translate("dateGroup.last7Days"),
-    "Last 30 Days": translate("dateGroup.last30Days"),
-    "Older": translate("dateGroup.older")
+    "Today": translate("DateGroup.Today"),
+    "Yesterday": translate("DateGroup.Yesterday"),
+    "Last 7 Days": translate("DateGroup.Last7Days"),
+    "Last 30 Days": translate("DateGroup.Last30Days"),
+    "Older": translate("DateGroup.Older")
   };
   const groupMap = /* @__PURE__ */ new Map([
     ["Today", []],
@@ -7879,9 +7860,9 @@ function Sidebar2({
   const [showConfirm, setShowConfirm] = React.useState(false);
   const [sessionToArchive, setSessionToArchive] = React.useState(null);
   const tabs = React.useMemo(() => {
-    const items = [{ id: "my-chats", label: t("sidebar.myChats") }];
+    const items = [{ id: "my-chats", label: t("Sidebar.MyChats") }];
     if (showAllChatsTab) {
-      items.push({ id: "all-chats", label: t("sidebar.allChats") });
+      items.push({ id: "all-chats", label: t("Sidebar.AllChats") });
     }
     return items;
   }, [showAllChatsTab, t]);
@@ -7893,7 +7874,7 @@ function Sidebar2({
       setSessions(result.sessions);
     } catch (err) {
       console.error("Failed to load sessions:", err);
-      setError(t("sidebar.failedToLoadSessions"));
+      setError(t("Sidebar.FailedToLoadSessions"));
     } finally {
       setLoading(false);
     }
@@ -7901,11 +7882,9 @@ function Sidebar2({
   React.useEffect(() => {
     fetchSessions();
   }, [fetchSessions, refreshKey]);
-  const sessionsRef = React.useRef(sessions);
-  sessionsRef.current = sessions;
   const hasPlaceholderTitles = React.useMemo(() => {
-    const newChatLabel = t("chat.newChat");
-    return sessions.some((s) => s && (!s.title || s.title === newChatLabel));
+    const newChatLabel = t("Chat.NewChat");
+    return Array.isArray(sessions) && sessions.some((s) => s && (!s.title || s.title === newChatLabel));
   }, [sessions, t]);
   React.useEffect(() => {
     if (!hasPlaceholderTitles) return;
@@ -7918,8 +7897,6 @@ function Sidebar2({
         const result = await dataSource.listSessions({ limit: 50 });
         setSessions(result.sessions);
       } catch {
-        clearInterval(intervalId);
-        return;
       }
       if (pollCount >= maxPolls) {
         clearInterval(intervalId);
@@ -7942,7 +7919,7 @@ function Sidebar2({
       }
     } catch (err) {
       console.error("Failed to archive session:", err);
-      toast.error(t("sidebar.failedToArchiveChat"));
+      toast.error(t("Sidebar.FailedToArchiveChat"));
     } finally {
       setShowConfirm(false);
       setSessionToArchive(null);
@@ -7958,27 +7935,27 @@ function Sidebar2({
       setRefreshKey((k) => k + 1);
     } catch (err) {
       console.error("Failed to toggle pin:", err);
-      toast.error(t("sidebar.failedToTogglePin"));
+      toast.error(t("Sidebar.FailedToTogglePin"));
     }
   };
   const handleRenameSession = async (sessionId, newTitle) => {
     try {
       await dataSource.renameSession(sessionId, newTitle);
-      toast.success(t("sidebar.chatRenamedSuccessfully"));
+      toast.success(t("Sidebar.ChatRenamedSuccessfully"));
       setRefreshKey((k) => k + 1);
     } catch (err) {
       console.error("Failed to update session title:", err);
-      toast.error(t("sidebar.failedToRenameChat"));
+      toast.error(t("Sidebar.FailedToRenameChat"));
     }
   };
   const handleRegenerateTitle = async (sessionId) => {
     try {
       await dataSource.regenerateSessionTitle(sessionId);
-      toast.success(t("sidebar.titleRegenerated"));
+      toast.success(t("Sidebar.TitleRegenerated"));
       setRefreshKey((k) => k + 1);
     } catch (err) {
       console.error("Failed to regenerate title:", err);
-      toast.error(t("sidebar.failedToRegenerateTitle"));
+      toast.error(t("Sidebar.FailedToRegenerateTitle"));
     }
   };
   const filteredSessions = React.useMemo(() => {
@@ -8043,7 +8020,7 @@ function Sidebar2({
       {
         className: `w-64 bg-surface-300 dark:bg-gray-900 border-r border-gray-200 dark:border-gray-700 h-full min-h-0 flex flex-col overflow-hidden ${className}`,
         role: "navigation",
-        "aria-label": t("sidebar.chatSessions"),
+        "aria-label": t("Sidebar.ChatSessions"),
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between", children: [
             headerSlot,
@@ -8052,8 +8029,8 @@ function Sidebar2({
               {
                 onClick: onClose,
                 className: "cursor-pointer p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-smooth text-gray-600 dark:text-gray-400",
-                title: t("sidebar.closeSidebar"),
-                "aria-label": t("sidebar.closeSidebar"),
+                title: t("Sidebar.CloseSidebar"),
+                "aria-label": t("Sidebar.CloseSidebar"),
                 whileHover: "hover",
                 whileTap: "tap",
                 variants: buttonVariants,
@@ -8082,7 +8059,7 @@ function Sidebar2({
               {
                 value: searchQuery,
                 onChange: setSearchQuery,
-                placeholder: t("sidebar.searchChats")
+                placeholder: t("Sidebar.SearchChats")
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -8091,13 +8068,13 @@ function Sidebar2({
                 onClick: onNewChat,
                 disabled: creating || loading,
                 className: "cursor-pointer w-full px-4 py-3 bg-primary-600 dark:bg-primary-700 text-white rounded-lg hover:bg-primary-700 dark:hover:bg-primary-800 transition-smooth font-medium disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center",
-                title: t("chat.newChat"),
-                "aria-label": t("sidebar.createNewChat"),
+                title: t("Chat.NewChat"),
+                "aria-label": t("Sidebar.CreateNewChat"),
                 whileHover: shouldReduceMotion ? {} : { scale: 1.02 },
                 whileTap: shouldReduceMotion ? {} : { scale: 0.95 },
                 children: creating ? /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { variant: "spinner", size: "sm" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(react.Plus, { size: 20, className: "w-5 h-5" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: t("chat.newChat") })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: t("Chat.NewChat") })
                 ] })
               }
             ) }),
@@ -8106,10 +8083,10 @@ function Sidebar2({
               {
                 onClick: onArchivedView,
                 className: "cursor-pointer flex items-center gap-2 px-3 py-2 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 transition-smooth text-sm font-medium w-full",
-                title: t("sidebar.archivedChats"),
+                title: t("Sidebar.ArchivedChats"),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 18, className: "w-4.5 h-4.5" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("sidebar.archivedChats") })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("Sidebar.ArchivedChats") })
                 ]
               }
             ) }),
@@ -8126,7 +8103,7 @@ function Sidebar2({
                       /* @__PURE__ */ jsxRuntime.jsx(
                         DateGroupHeader,
                         {
-                          groupName: t("common.pinned"),
+                          groupName: t("Common.Pinned"),
                           count: pinnedSessions.length
                         }
                       ),
@@ -8138,7 +8115,7 @@ function Sidebar2({
                           initial: "hidden",
                           animate: "visible",
                           role: "list",
-                          "aria-label": t("sidebar.pinnedChats"),
+                          "aria-label": t("Sidebar.PinnedChats"),
                           children: pinnedSessions.map((session) => /* @__PURE__ */ jsxRuntime.jsx(
                             SessionItem_default,
                             {
@@ -8192,14 +8169,14 @@ function Sidebar2({
                     filteredSessions.length === 0 && !loading && /* @__PURE__ */ jsxRuntime.jsx(
                       MemoizedEmptyState,
                       {
-                        title: searchQuery ? t("sidebar.noChatsFound", { query: searchQuery }) : t("sidebar.noChatsYet"),
-                        description: searchQuery ? void 0 : t("sidebar.createOneToGetStarted"),
+                        title: searchQuery ? t("Sidebar.NoChatsFound", { query: searchQuery }) : t("Sidebar.NoChatsYet"),
+                        description: searchQuery ? void 0 : t("Sidebar.CreateOneToGetStarted"),
                         action: searchQuery ? /* @__PURE__ */ jsxRuntime.jsx(
                           "button",
                           {
                             onClick: () => setSearchQuery(""),
                             className: "cursor-pointer text-sm text-primary-600 dark:text-primary-400 hover:underline",
-                            children: t("common.clear")
+                            children: t("Common.Clear")
                           }
                         ) : void 0
                       }
@@ -8218,10 +8195,10 @@ function Sidebar2({
       ConfirmModal_default,
       {
         isOpen: showConfirm,
-        title: t("sidebar.archiveChatSession"),
-        message: t("sidebar.archiveChatMessage"),
-        confirmText: t("sidebar.archiveButton"),
-        cancelText: t("common.cancel"),
+        title: t("Sidebar.ArchiveChatSession"),
+        message: t("Sidebar.ArchiveChatMessage"),
+        confirmText: t("Sidebar.ArchiveButton"),
+        cancelText: t("Common.Cancel"),
         isDanger: false,
         onConfirm: confirmArchive,
         onCancel: () => {
@@ -8278,10 +8255,10 @@ function ArchivedChatList({
     try {
       await dataSource.unarchiveSession(sessionToRestore);
       setRefreshKey((k) => k + 1);
-      toast.success(t("archived.chatRestoredSuccessfully"));
+      toast.success(t("Archived.ChatRestoredSuccessfully"));
     } catch (err) {
       console.error("Failed to restore session:", err);
-      toast.error(t("archived.failedToRestoreChat"));
+      toast.error(t("Archived.FailedToRestoreChat"));
     } finally {
       setShowConfirm(false);
       setSessionToRestore(null);
@@ -8290,11 +8267,11 @@ function ArchivedChatList({
   const handleRenameSession = async (sessionId, newTitle) => {
     try {
       await dataSource.renameSession(sessionId, newTitle);
-      toast.success(t("sidebar.chatRenamedSuccessfully"));
+      toast.success(t("Sidebar.ChatRenamedSuccessfully"));
       setRefreshKey((k) => k + 1);
     } catch (err) {
       console.error("Failed to update session title:", err);
-      toast.error(t("sidebar.failedToRenameChat"));
+      toast.error(t("Sidebar.FailedToRenameChat"));
     }
   };
   const filteredSessions = React.useMemo(() => {
@@ -8322,10 +8299,10 @@ function ArchivedChatList({
             {
               onClick: onBack,
               className: "inline-flex items-center gap-2 px-3 py-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors text-gray-600 dark:text-gray-400",
-              "aria-label": t("archived.backToChats"),
+              "aria-label": t("Archived.BackToChats"),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(react.ArrowLeft, { size: 20, className: "w-5 h-5" }),
-                t("common.back")
+                t("Common.Back")
               ]
             }
           ) }),
@@ -8337,14 +8314,14 @@ function ArchivedChatList({
                 className: "w-6 h-6 text-gray-600 dark:text-gray-400"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("archived.title") })
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("Archived.Title") })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             SearchInput_default,
             {
               value: searchQuery,
               onChange: setSearchQuery,
-              placeholder: t("archived.searchArchivedChats")
+              placeholder: t("Archived.SearchArchivedChats")
             }
           )
         ] }),
@@ -8358,8 +8335,8 @@ function ArchivedChatList({
                 className: "text-gray-400 dark:text-gray-500"
               }
             ),
-            title: t("archived.noArchivedChats"),
-            description: t("archived.noArchivedChatsDescription")
+            title: t("Archived.NoArchivedChats"),
+            description: t("Archived.NoArchivedChatsDescription")
           }
         ) }) : isEmptyAfterSearch ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full px-6", children: /* @__PURE__ */ jsxRuntime.jsx(
           MemoizedEmptyState,
@@ -8371,8 +8348,8 @@ function ArchivedChatList({
                 className: "text-gray-400 dark:text-gray-500"
               }
             ),
-            title: t("archived.noResults"),
-            description: t("archived.noResultsDescription", {
+            title: t("Archived.NoResults"),
+            description: t("Archived.NoResultsDescription", {
               query: searchQuery
             })
           }
@@ -8410,10 +8387,10 @@ function ArchivedChatList({
           ConfirmModal_default,
           {
             isOpen: showConfirm,
-            title: t("archived.restoreChat"),
-            message: t("archived.restoreChatMessage"),
-            confirmText: t("archived.restoreButton"),
-            cancelText: t("common.cancel"),
+            title: t("Archived.RestoreChat"),
+            message: t("Archived.RestoreChatMessage"),
+            confirmText: t("Archived.RestoreButton"),
+            cancelText: t("Common.Cancel"),
             isDanger: false,
             onConfirm: confirmRestore,
             onCancel: () => {
@@ -8499,7 +8476,7 @@ function Alert({
               {
                 onClick: onRetry,
                 className: `mt-2 text-xs px-3 py-1.5 rounded ${styles.retryButton} transition-colors font-medium`,
-                children: t("chat.retry")
+                children: t("Chat.Retry")
               }
             )
           ] })
@@ -8509,7 +8486,7 @@ function Alert({
           {
             onClick: onDismiss,
             className: `${styles.button} transition-colors flex-shrink-0`,
-            "aria-label": t("chat.dismissNotification"),
+            "aria-label": t("Chat.DismissNotification"),
             children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 20, className: "w-5 h-5" })
           }
         )
@@ -8616,17 +8593,17 @@ var RetryActionArea = React.memo(function RetryActionArea2({
                     weight: "fill"
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: t("retry.description") })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: t("Retry.Description") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
                 "button",
                 {
                   onClick: onRetry,
                   className: "cursor-pointer inline-flex items-center gap-1.5 px-4 py-2 text-sm font-medium text-white bg-primary-600 hover:bg-primary-700 dark:bg-primary-700 dark:hover:bg-primary-600 rounded-lg transition-colors 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": t("retry.title"),
+                  "aria-label": t("Retry.Title"),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(react.ArrowClockwise, { size: 16, className: "w-4 h-4" }),
-                    t("retry.button")
+                    t("Retry.Button")
                   ]
                 }
               ) })
@@ -8664,7 +8641,7 @@ function StreamError({
           }
         ),
         /* @__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("error.generic") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-200", children: t("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: [
@@ -8860,7 +8837,7 @@ var AttachmentUpload = React.memo(
         setIsLoading(true);
         try {
           if (files.length > maxAttachments) {
-            toast.error(t("error.maxFiles", { max: maxAttachments, selected: files.length }));
+            toast.error(t("Error.MaxFiles", { max: maxAttachments, selected: files.length }));
             setIsLoading(false);
             return;
           }
@@ -8876,7 +8853,7 @@ var AttachmentUpload = React.memo(
             try {
               const base64Data = await convertToBase64(file);
               const attachment = {
-                id: "",
+                clientKey: crypto.randomUUID(),
                 filename: file.name,
                 mimeType: file.type,
                 sizeBytes: file.size,
@@ -8900,10 +8877,10 @@ var AttachmentUpload = React.memo(
           }
           if (attachments.length > 0) {
             onAttachmentsSelected(attachments);
-            const message = attachments.length === 1 ? t("attachment.fileAdded", { size: formatFileSize(attachments[0].sizeBytes) }) : t("attachment.fileAdded", { size: `${attachments.length} files` });
+            const message = attachments.length === 1 ? t("Attachment.FileAdded", { size: formatFileSize(attachments[0].sizeBytes) }) : t("Attachment.FileAdded", { size: `${attachments.length} files` });
             toast.success(message);
           } else if (errors.length > 0) {
-            toast.error(t("attachment.invalidFile"));
+            toast.error(t("Attachment.InvalidFile"));
           }
         } finally {
           setIsLoading(false);
@@ -8926,7 +8903,7 @@ var AttachmentUpload = React.memo(
           onChange: handleFileSelect,
           disabled: isDisabled,
           className: "sr-only",
-          "aria-label": t("attachment.selectFiles")
+          "aria-label": t("Attachment.SelectFiles")
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -8936,7 +8913,7 @@ var AttachmentUpload = React.memo(
           onClick: handleClick,
           disabled: isDisabled,
           className: "\n            flex items-center justify-center\n            w-8 h-8\n            text-gray-600 dark:text-gray-400\n            hover:text-gray-800 dark:hover:text-gray-200\n            hover:bg-gray-100 dark:hover:bg-gray-700\n            disabled:text-gray-400 dark:disabled:text-gray-600\n            disabled:opacity-50 disabled:cursor-not-allowed\n            rounded-lg\n            transition-all\n            duration-200\n            active:scale-95\n            focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50\n          ",
-          "aria-label": t("attachment.selectFiles"),
+          "aria-label": t("Attachment.SelectFiles"),
           "aria-busy": isLoading,
           children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(react.CircleNotch, { size: 20, className: "w-5 h-5 animate-spin", weight: "fill" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Paperclip, { size: 20, className: "w-5 h-5", weight: "fill" })
         }
@@ -9024,7 +9001,7 @@ function QuestionStep({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: question.text }) }),
-    isMultiSelect && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-500 italic", children: t("question.selectMulti") }),
+    isMultiSelect && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-500 italic", children: t("Question.SelectMulti") }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: (question.options || []).map((option) => {
       const isSelected = selectedOptions.includes(option.label);
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -9064,7 +9041,7 @@ function QuestionStep({
     }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: "other-input", className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: [
-        t("question.specifyOther"),
+        t("Question.SpecifyOther"),
         ":"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -9073,7 +9050,7 @@ function QuestionStep({
           id: "other-input",
           value: otherText,
           onChange: (e) => handleOtherTextChange(e.target.value),
-          placeholder: t("question.other"),
+          placeholder: t("Question.Other"),
           rows: 3,
           className: "w-full px-4 py-3 border-2 border-gray-200 dark:border-gray-700 rounded-lg\n            bg-white dark:bg-gray-800 text-gray-900 dark:text-white\n            placeholder-gray-400 dark:placeholder-gray-500\n            focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500\n            resize-none"
         }
@@ -9116,7 +9093,7 @@ function ConfirmationStep({
               )),
               customText && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center px-3 py-1 rounded-lg text-sm font-medium border border-amber-500 bg-amber-500/10 text-amber-600 dark:border-amber-400 dark:bg-amber-400/10 dark:text-amber-400", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold mr-1", children: [
-                  t("question.other"),
+                  t("Question.Other"),
                   ":"
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "italic", children: customText })
@@ -9138,12 +9115,12 @@ function isQuestionAnswered(data) {
 function validateAnswers(questions, answers, t) {
   const allAnswered = questions.every((q) => isQuestionAnswered(answers[q.id]));
   if (!allAnswered) {
-    return t ? t("error.allQuestionsRequired") : "Please answer all questions before submitting";
+    return t ? t("Error.AllQuestionsRequired") : "Please answer all questions before submitting";
   }
   for (const q of questions) {
     const data = answers[q.id];
     if (data && (data.options?.length ?? 0) === 0 && data.customText === "") {
-      return t ? t("error.customTextRequired", { question: q.text }) : `Please enter custom text for question: ${q.text}`;
+      return t ? t("Error.CustomTextRequired", { question: q.text }) : `Please enter custom text for question: ${q.text}`;
     }
   }
   return null;
@@ -9196,7 +9173,7 @@ function QuestionForm({
     try {
       await onSubmit(answers);
     } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : t("error.generic");
+      const errorMessage = err instanceof Error ? err.message : t("Error.Generic");
       setError(errorMessage);
       setIsSubmitting(false);
     }
@@ -9213,7 +9190,7 @@ function QuestionForm({
             onClick: onCancel,
             disabled: isSubmitting,
             className: "cursor-pointer text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 disabled:opacity-50",
-            "aria-label": t("common.close"),
+            "aria-label": t("Common.Close"),
             children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { className: "w-6 h-6" })
           }
         )
@@ -9258,7 +9235,7 @@ function QuestionForm({
             onClick: onCancel,
             disabled: isSubmitting,
             className: "cursor-pointer px-6 py-2 text-gray-700 dark:text-gray-300 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 disabled:opacity-50 font-medium transition-colors",
-            children: t("message.cancel")
+            children: t("Message.Cancel")
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -9606,10 +9583,12 @@ function useStreaming(options = {}) {
       setError(null);
       setContent("");
       abortControllerRef.current = new AbortController();
+      let onExternalAbort;
       if (signal) {
-        signal.addEventListener("abort", () => {
+        onExternalAbort = () => {
           abortControllerRef.current?.abort();
-        });
+        };
+        signal.addEventListener("abort", onExternalAbort);
       }
       try {
         for await (const chunk of stream) {
@@ -9641,6 +9620,9 @@ function useStreaming(options = {}) {
         setError(errorObj);
         options.onError?.(errorObj.message);
       } finally {
+        if (signal && onExternalAbort) {
+          signal.removeEventListener("abort", onExternalAbort);
+        }
         setIsStreaming(false);
         abortControllerRef.current = null;
       }
@@ -9981,9 +9963,6 @@ function useMessageActions(options = {}) {
 var DEFAULT_MAX_FILES = 10;
 var DEFAULT_MAX_FILE_SIZE = 20 * 1024 * 1024;
 var DEFAULT_ALLOWED_TYPES = [];
-function generateId2() {
-  return `attachment-${Date.now()}-${Math.random().toString(36).substring(7)}`;
-}
 function useAttachments(options = {}) {
   const {
     maxFiles = DEFAULT_MAX_FILES,
@@ -10079,7 +10058,7 @@ function useAttachments(options = {}) {
           continue;
         }
         const attachment = {
-          id: generateId2(),
+          clientKey: crypto.randomUUID(),
           filename: file.name,
           mimeType: file.type,
           sizeBytes: file.size
@@ -10348,12 +10327,6 @@ function useRequiredConfig() {
   }
   return config;
 }
-function hasPermission2(config, permission) {
-  if (!config) {
-    return false;
-  }
-  return config.user.permissions.includes(permission);
-}
 
 // ui/src/bichat/theme/themes.ts
 var lightTheme = {
@@ -10605,6 +10578,62 @@ function elapsedMs(startedAt) {
 
 // ui/src/bichat/data/HttpDataSource.ts
 init_chartSpec();
+
+// ui/src/bichat/utils/sseParser.ts
+function* processDataLines(lines) {
+  for (const line of lines) {
+    if (line.startsWith(":")) continue;
+    if (line.startsWith("data: ")) {
+      const jsonStr = line.slice(6);
+      if (jsonStr === "[DONE]") continue;
+      try {
+        const parsed = JSON.parse(jsonStr);
+        yield parsed;
+      } catch (err) {
+        console.error("SSE parse error:", err, "Data:", jsonStr);
+        yield {
+          type: "error",
+          error: "Failed to parse SSE event"
+        };
+      }
+    }
+  }
+}
+async function* parseSSEStream(reader) {
+  const decoder = new TextDecoder();
+  let buffer = "";
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      buffer += decoder.decode(value, { stream: true });
+      const events = buffer.split("\n\n");
+      buffer = events.pop() || "";
+      for (const event of events) {
+        if (!event.trim()) continue;
+        yield* processDataLines(event.split("\n"));
+      }
+    }
+    if (buffer.trim()) {
+      yield* processDataLines(buffer.split("\n"));
+    }
+  } finally {
+    reader.releaseLock();
+  }
+}
+async function* parseBichatStream(reader) {
+  for await (const event of parseSSEStream(reader)) {
+    const parsed = event;
+    const inferredType = parsed.type || (parsed.content ? "content" : "error");
+    const normalized = {
+      ...parsed,
+      type: inferredType
+    };
+    yield normalized;
+  }
+}
+
+// ui/src/bichat/data/HttpDataSource.ts
 function toSession(session) {
   return {
     ...session,
@@ -10702,6 +10731,24 @@ function toDownloadArtifact(artifact) {
     description: artifact.description
   };
 }
+function normalizeAssistantTurn(turn) {
+  return {
+    ...turn,
+    role: turn.role || "assistant" /* Assistant */,
+    citations: turn.citations || [],
+    artifacts: turn.artifacts || [],
+    codeOutputs: turn.codeOutputs || []
+  };
+}
+function normalizeTurns(raw) {
+  return raw.map((turn) => {
+    if (!turn.assistantTurn) return turn;
+    return {
+      ...turn,
+      assistantTurn: normalizeAssistantTurn(turn.assistantTurn)
+    };
+  });
+}
 function toMillis(value) {
   const parsed = Date.parse(value);
   return Number.isFinite(parsed) ? parsed : Number.NaN;
@@ -10837,7 +10884,7 @@ var HttpDataSource = class {
           return { artifacts: [], hasMore: false, nextOffset: 0 };
         })
       ]);
-      const turns = attachArtifactsToTurns(data.turns, artifactsData.artifacts || []);
+      const turns = attachArtifactsToTurns(normalizeTurns(data.turns), artifactsData.artifacts || []);
       return {
         session: toSession(data.session),
         turns,
@@ -10875,6 +10922,7 @@ var HttpDataSource = class {
       validateAttachmentFile(file);
       const base64Data = await convertToBase64(file);
       attachments.push({
+        clientKey: crypto.randomUUID(),
         filename: file.name,
         mimeType: file.type,
         sizeBytes: file.size,
@@ -10885,6 +10933,7 @@ var HttpDataSource = class {
       sessionId,
       attachments: attachments.map((a) => ({
         id: "",
+        // Backend will assign ID
         filename: a.filename,
         mimeType: a.mimeType,
         sizeBytes: a.sizeBytes,
@@ -10911,10 +10960,12 @@ var HttpDataSource = class {
    */
   async *sendMessage(sessionId, content, attachments = [], signal, options) {
     this.abortController = new AbortController();
+    let onExternalAbort;
     if (signal) {
-      signal.addEventListener("abort", () => {
+      onExternalAbort = () => {
         this.abortController?.abort();
-      });
+      };
+      signal.addEventListener("abort", onExternalAbort);
     }
     const url = `${this.config.baseUrl}${this.config.streamEndpoint}`;
     const payload = {
@@ -10944,48 +10995,11 @@ var HttpDataSource = class {
         throw new Error("Response body is null");
       }
       const reader = response.body.getReader();
-      const decoder = new TextDecoder();
-      let buffer = "";
-      try {
-        while (true) {
-          const { done, value } = await reader.read();
-          if (done) {
-            break;
-          }
-          buffer += decoder.decode(value, { stream: true });
-          const lines = buffer.split("\n");
-          buffer = lines.pop() || "";
-          for (const line of lines) {
-            if (!line.trim() || line.startsWith(":")) {
-              continue;
-            }
-            if (line.startsWith("data: ")) {
-              const data = line.slice(6);
-              try {
-                const parsed = JSON.parse(data);
-                const inferredType = parsed.type || (parsed.content || parsed.chunk ? "content" : "error");
-                const normalized = {
-                  ...parsed,
-                  type: inferredType,
-                  content: parsed.content ?? parsed.chunk
-                };
-                yield normalized;
-                if (normalized.type === "done" || normalized.type === "error") {
-                  return;
-                }
-              } catch (parseErr) {
-                console.error("Failed to parse SSE data:", parseErr);
-                yield {
-                  type: "error",
-                  error: "Failed to parse stream data"
-                };
-                return;
-              }
-            }
-          }
+      for await (const chunk of parseBichatStream(reader)) {
+        yield chunk;
+        if (chunk.type === "done" || chunk.type === "error") {
+          return;
         }
-      } finally {
-        reader.releaseLock();
       }
     } catch (err) {
       if (err instanceof Error) {
@@ -11007,6 +11021,9 @@ var HttpDataSource = class {
         };
       }
     } finally {
+      if (signal && onExternalAbort) {
+        signal.removeEventListener("abort", onExternalAbort);
+      }
       this.abortController = null;
     }
   }
@@ -11118,72 +11135,6 @@ function createHttpDataSource(config) {
   return new HttpDataSource(config);
 }
 
-// ui/src/bichat/index.ts
-init_citationProcessor();
-
-// ui/src/bichat/utils/sseParser.ts
-function* processDataLines(lines) {
-  for (const line of lines) {
-    if (line.startsWith(":")) continue;
-    if (line.startsWith("data: ")) {
-      const jsonStr = line.slice(6);
-      if (jsonStr === "[DONE]") continue;
-      try {
-        const parsed = JSON.parse(jsonStr);
-        yield parsed;
-      } catch (err) {
-        console.error("SSE parse error:", err, "Data:", jsonStr);
-        yield {
-          type: "error",
-          error: "Failed to parse SSE event"
-        };
-      }
-    }
-  }
-}
-async function* parseSSEStream(reader) {
-  const decoder = new TextDecoder();
-  let buffer = "";
-  try {
-    while (true) {
-      const { done, value } = await reader.read();
-      if (done) break;
-      buffer += decoder.decode(value, { stream: true });
-      const events = buffer.split("\n\n");
-      buffer = events.pop() || "";
-      for (const event of events) {
-        if (!event.trim()) continue;
-        yield* processDataLines(event.split("\n"));
-      }
-    }
-    if (buffer.trim()) {
-      yield* processDataLines(buffer.split("\n"));
-    }
-  } finally {
-    reader.releaseLock();
-  }
-}
-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("relativeTime.justNow") : "Just now";
-  }
-  if (diffMins < 60) {
-    return t ? t("relativeTime.minutesAgo", { count: diffMins }) : `${diffMins}m ago`;
-  }
-  if (diffHours < 24) {
-    return t ? t("relativeTime.hoursAgo", { count: diffHours }) : `${diffHours}h ago`;
-  }
-  if (diffDays <= 7) {
-    return t ? t("relativeTime.daysAgo", { count: diffDays }) : `${diffDays}d ago`;
-  }
-  return dateFns.format(messageDate, "HH:mm");
-}
-
 exports.ATTACHMENT_ACCEPT_ATTRIBUTE = ATTACHMENT_ACCEPT_ATTRIBUTE;
 exports.ActionButton = ActionButton;
 exports.Alert = Alert_default;
@@ -11276,22 +11227,16 @@ exports.fadeInUpVariants = fadeInUpVariants;
 exports.fadeInVariants = fadeInVariants;
 exports.floatingButtonVariants = floatingButtonVariants;
 exports.formatFileSize = formatFileSize;
-exports.formatRelativeTime = formatRelativeTime;
 exports.getCSRFToken = getCSRFToken;
 exports.getFileVisual = getFileVisual;
 exports.getValidChildren = getValidChildren;
 exports.groupSessionsByDate = groupSessionsByDate;
-exports.hasConfigPermission = hasPermission2;
 exports.hasPermission = hasPermission;
 exports.isImageMimeType = isImageMimeType;
-exports.isQuestionAnswered = isQuestionAnswered;
 exports.lightTheme = lightTheme;
 exports.listItemVariants = listItemVariants;
 exports.messageContainerVariants = messageContainerVariants;
 exports.messageVariants = messageVariants;
-exports.normalizeStreamingMarkdown = normalizeStreamingMarkdown;
-exports.parseSSEStream = parseSSEStream;
-exports.processCitations = processCitations;
 exports.scaleFadeVariants = scaleFadeVariants;
 exports.sessionItemVariants = sessionItemVariants;
 exports.staggerContainerVariants = staggerContainerVariants;
@@ -11302,7 +11247,6 @@ exports.useAttachments = useAttachments;
 exports.useAutoScroll = useAutoScroll;
 exports.useAvatarContext = useAvatarContext;
 exports.useBubbleContext = useBubbleContext;
-exports.useChat = useChat;
 exports.useChatInput = useChatInput;
 exports.useChatMessaging = useChatMessaging;
 exports.useChatSession = useChatSession;
@@ -11323,7 +11267,6 @@ exports.useTheme = useTheme;
 exports.useToast = useToast;
 exports.useTranslation = useTranslation;
 exports.useTurnContext = useTurnContext;
-exports.validateAnswers = validateAnswers;
 exports.validateAttachmentFile = validateAttachmentFile;
 exports.validateFileCount = validateFileCount;
 exports.validateImageFile = validateImageFile;