@iota-uz/sdk 0.4.9 → 0.4.11

package/dist/bichat/index.cjs

@@ -59,23 +59,25 @@ var init_IotaContext = __esm({
     IotaContext = React.createContext(null);
   }
 });
-
-// ui/src/bichat/hooks/useTranslation.ts
 function useTranslation() {
   const { locale } = useIotaContext();
-  const t = (key2, params) => {
-    let text = locale.translations[key2] || key2;
-    if (params) {
-      Object.keys(params).forEach((paramKey) => {
-        const value = params[paramKey];
-        text = text.replace(new RegExp(`{{${paramKey}}}`, "g"), String(value));
-      });
-    }
-    return text;
-  };
+  const { translations, language } = locale;
+  const t = React.useCallback(
+    (key2, params) => {
+      let text = translations[key2] || key2;
+      if (params) {
+        Object.keys(params).forEach((paramKey) => {
+          const value = params[paramKey];
+          text = text.replace(new RegExp(`{{${paramKey}}}`, "g"), String(value));
+        });
+      }
+      return text;
+    },
+    [translations]
+  );
   return {
     t,
-    locale: locale.language
+    locale: language
   };
 }
 var init_useTranslation = __esm({
@@ -95,7 +97,7 @@ function ChartCard({ chartData }) {
         title,
         ": "
       ] }),
-      t("Chart.NoData")
+      t("BiChat.Chart.NoData")
     ] }) });
   }
   const apexSeries = chartType === "pie" || chartType === "donut" ? series[0]?.data ?? [] : series.map((s) => ({ name: s.name, data: s.data }));
@@ -171,10 +173,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("BiChat.Chart.Download"),
+        children: isExporting ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 dark:text-gray-400", children: t("BiChat.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("BiChat.Chart.DownloadPNG") })
         ] })
       }
     ) })
@@ -1506,8 +1508,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("BiChat.Welcome.Title"),
+        description: customBranding.welcome?.description || t("BiChat.Welcome.Description"),
         examplePrompts
       },
       theme: customBranding.theme
@@ -1523,7 +1525,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("BiChat.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;
@@ -1533,7 +1535,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("BiChat.Chat.NewChat") })
       ] }),
       actionsSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: actionsSlot })
     ] }) });
@@ -1549,14 +1551,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("BiChat.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("BiChat.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("BiChat.Chat.Archived") }),
       actionsSlot
     ] })
   ] }) });
@@ -1973,6 +1975,7 @@ function AttachmentGrid({
 var MemoizedAttachmentGrid = React__default.default.memo(AttachmentGrid);
 MemoizedAttachmentGrid.displayName = "AttachmentGrid";
 var AttachmentGrid_default = MemoizedAttachmentGrid;
+init_useTranslation();
 function ImageModal({
   isOpen,
   onClose,
@@ -1981,6 +1984,7 @@ function ImageModal({
   currentIndex = 0,
   onNavigate
 }) {
+  const { t } = useTranslation();
   const [isImageLoaded, setIsImageLoaded] = React.useState(false);
   const [imageError, setImageError] = React.useState(false);
   const [retryKey, setRetryKey] = React.useState(0);
@@ -2033,7 +2037,7 @@ function ImageModal({
           {
             onClick: onClose,
             className: "cursor-pointer flex items-center justify-center w-8 h-8 rounded-md bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400",
-            "aria-label": "Close modal",
+            "aria-label": t("BiChat.Image.Close"),
             type: "button",
             children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 18, weight: "bold" })
           }
@@ -2049,11 +2053,11 @@ function ImageModal({
           children: [
             !isImageLoaded && !imageError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-3", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 border-2 border-gray-300 dark:border-gray-700 border-t-gray-500 dark:border-t-gray-400 rounded-full animate-spin" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500", children: "Loading" })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.Loading") })
             ] }) }),
             imageError && /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: "flex flex-col items-center justify-center text-center max-w-xs", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-16 h-16 rounded-2xl bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 mb-5", children: /* @__PURE__ */ jsxRuntime.jsx(react.ImageBroken, { size: 28, className: "text-gray-400 dark:text-gray-500", weight: "duotone" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Failed to load image" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: t("BiChat.Image.FailedToLoad") }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500 mb-5 truncate max-w-full", children: attachment.filename }),
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "button",
@@ -2061,10 +2065,10 @@ function ImageModal({
                   type: "button",
                   onClick: handleRetry,
                   className: "cursor-pointer inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 border border-gray-200 dark:border-gray-700 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400",
-                  "aria-label": "Retry loading image",
+                  "aria-label": t("BiChat.Image.Retry"),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(react.ArrowClockwise, { size: 16, weight: "bold" }),
-                    "Retry"
+                    t("BiChat.Retry.Label")
                   ]
                 }
               )
@@ -2098,7 +2102,7 @@ function ImageModal({
                     "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400",
                     canNavigatePrev && isImageLoaded && !imageError ? "cursor-pointer bg-white/90 hover:bg-white dark:bg-gray-800/90 dark:hover:bg-gray-700 text-gray-700 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white shadow-sm" : "bg-white/40 dark:bg-gray-800/40 text-gray-300 dark:text-gray-700 cursor-not-allowed"
                   ].join(" "),
-                  "aria-label": "Previous image",
+                  "aria-label": t("BiChat.Image.Previous"),
                   type: "button",
                   children: /* @__PURE__ */ jsxRuntime.jsx(react.CaretLeft, { size: 20, weight: "bold" })
                 }
@@ -2114,7 +2118,7 @@ function ImageModal({
                     "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400",
                     canNavigateNext && isImageLoaded && !imageError ? "cursor-pointer bg-white/90 hover:bg-white dark:bg-gray-800/90 dark:hover:bg-gray-700 text-gray-700 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white shadow-sm" : "bg-white/40 dark:bg-gray-800/40 text-gray-300 dark:text-gray-700 cursor-not-allowed"
                   ].join(" "),
-                  "aria-label": "Next image",
+                  "aria-label": t("BiChat.Image.Next"),
                   type: "button",
                   children: /* @__PURE__ */ jsxRuntime.jsx(react.CaretRight, { size: 20, weight: "bold" })
                 }
@@ -2361,7 +2365,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("BiChat.Message.Copied") : t("BiChat.Message.Copy"),
               children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 14, weight: "bold" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Copy, { size: 14, weight: "regular" })
             }
           ),
@@ -2603,8 +2607,10 @@ function DownloadCard({ artifact }) {
     }
   );
 }
+init_useTranslation();
 function InlineQuestionForm({ pendingQuestion }) {
   const { handleSubmitQuestionAnswers, handleRejectPendingQuestion, loading } = useChatMessaging();
+  const { t } = useTranslation();
   const [currentStep, setCurrentStep] = React.useState(0);
   const [answers, setAnswers] = React.useState({});
   const [otherTexts, setOtherTexts] = React.useState({});
@@ -2707,11 +2713,11 @@ function InlineQuestionForm({ pendingQuestion }) {
   const options = currentQuestion.options || [];
   const isOtherSelected = currentAnswer?.customText !== void 0;
   const canProceed = isCurrentAnswerValid();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-slide-up rounded-2xl border border-primary-200 dark:border-primary-800/50 bg-gradient-to-b from-primary-50/80 to-white dark:from-primary-950/30 dark:to-gray-900/80 shadow-sm overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-slide-up rounded-2xl border border-gray-200 dark:border-gray-700/50 bg-gradient-to-b from-primary-50/80 to-white dark:from-primary-950/30 dark:to-gray-900/80 shadow-sm overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5 px-4 pt-4 pb-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-7 h-7 rounded-lg bg-primary-100 dark:bg-primary-900/40", children: /* @__PURE__ */ jsxRuntime.jsx(react.ChatCircleDots, { className: "w-4 h-4 text-primary-600 dark:text-primary-400", weight: "fill" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-primary-600 dark:text-primary-400", children: "Input needed" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-primary-600 dark:text-primary-400", children: t("BiChat.InlineQuestion.InputNeeded") }),
         totalSteps > 1 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] tabular-nums text-gray-400 dark:text-gray-500", children: [
           currentStep + 1,
           "/",
@@ -2725,7 +2731,7 @@ function InlineQuestionForm({ pendingQuestion }) {
           onClick: handleRejectPendingQuestion,
           disabled: loading,
           className: "cursor-pointer p-1 rounded-md text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors disabled:opacity-40",
-          "aria-label": "Dismiss",
+          "aria-label": t("BiChat.InlineQuestion.Dismiss"),
           children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 16, weight: "bold" })
         }
       )
@@ -2747,7 +2753,7 @@ function InlineQuestionForm({ pendingQuestion }) {
     }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 pb-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[15px] leading-relaxed text-gray-800 dark:text-gray-200", children: currentQuestion.text }),
-      isMultiSelect && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-gray-400 dark:text-gray-500", children: "Select all that apply" })
+      isMultiSelect && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.InlineQuestion.SelectAllThatApply") })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 pb-2 space-y-1.5", children: [
       options.map((option) => {
@@ -2826,18 +2832,17 @@ function InlineQuestionForm({ pendingQuestion }) {
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: [
               "text-sm transition-colors duration-150",
               isOtherSelected ? "text-gray-900 dark:text-gray-100 font-medium" : "text-gray-700 dark:text-gray-300"
-            ].join(" "), children: "Other" })
+            ].join(" "), children: t("BiChat.InlineQuestion.OtherOption") })
           ]
         }
       ),
-      isOtherSelected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-8 pr-1 pb-1 animate-slide-up", children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-8 pr-1 pb-1", children: /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
           type: "text",
           value: currentOtherText,
           onChange: (e) => handleOtherTextChange(e.target.value),
-          placeholder: "Type your answer...",
-          autoFocus: true,
+          placeholder: t("BiChat.InlineQuestion.TypeYourAnswer"),
           className: "w-full px-3 py-2 text-sm border border-gray-200 dark:border-gray-700 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-primary-500/40 focus:border-primary-400 dark:focus:border-primary-600 transition-shadow"
         }
       ) })
@@ -2851,7 +2856,7 @@ function InlineQuestionForm({ pendingQuestion }) {
           className: "cursor-pointer flex items-center gap-1 px-2.5 py-1.5 text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(react.ArrowLeft, { size: 14, weight: "bold" }),
-            "Back"
+            t("BiChat.InlineQuestion.Back")
           ]
         }
       ) }),
@@ -2866,10 +2871,10 @@ function InlineQuestionForm({ pendingQuestion }) {
             canProceed ? "cursor-pointer bg-primary-600 hover:bg-primary-700 active:bg-primary-800 text-white shadow-sm hover:shadow" : "bg-gray-100 dark:bg-gray-800 text-gray-400 dark:text-gray-600 cursor-not-allowed"
           ].join(" "),
           children: isLastStep ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            "Submit",
+            t("BiChat.Submit"),
             /* @__PURE__ */ jsxRuntime.jsx(react.PaperPlaneTilt, { size: 14, weight: "fill" })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            "Next",
+            t("BiChat.InlineQuestion.Next"),
             /* @__PURE__ */ jsxRuntime.jsx(react.ArrowRight, { size: 14, weight: "bold" })
           ] })
         }
@@ -3038,13 +3043,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("BiChat.Slash.DebugArguments") }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     CopyPill,
                     {
                       text: tool.arguments,
-                      label: t("Slash.DebugCopyTrace"),
-                      copiedLabel: t("Slash.DebugCopied")
+                      label: t("BiChat.Slash.DebugCopyTrace"),
+                      copiedLabel: t("BiChat.Slash.DebugCopied")
                     }
                   )
                 ] }),
@@ -3052,20 +3057,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("BiChat.Slash.DebugResult") }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     CopyPill,
                     {
                       text: tool.result,
-                      label: t("Slash.DebugCopyTrace"),
-                      copiedLabel: t("Slash.DebugCopied")
+                      label: t("BiChat.Slash.DebugCopyTrace"),
+                      copiedLabel: t("BiChat.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("BiChat.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 })
               ] })
             ] }) })
@@ -3085,7 +3090,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("BiChat.Slash.DebugGeneration"),
         accentBorder: "border-l-amber-400 dark:border-l-amber-500",
         accentBg: "bg-amber-50 dark:bg-amber-950/30"
       });
@@ -3094,7 +3099,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("BiChat.Slash.DebugTokensPerSecond"),
         accentBorder: "border-l-orange-400 dark:border-l-orange-500",
         accentBg: "bg-orange-50 dark:bg-orange-950/30"
       });
@@ -3104,21 +3109,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("BiChat.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("BiChat.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("BiChat.Slash.DebugCompletionTokens"),
           accentBorder: "border-l-indigo-400 dark:border-l-indigo-500",
           accentBg: "bg-indigo-50 dark:bg-indigo-950/30"
         }
@@ -3127,7 +3132,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("BiChat.Slash.DebugCachedTokens"),
           accentBorder: "border-l-pink-400 dark:border-l-pink-500",
           accentBg: "bg-pink-50 dark:bg-pink-950/30"
         });
@@ -3138,14 +3143,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("BiChat.Slash.DebugPanelTitle") })
       ] }),
       hasData && trace && /* @__PURE__ */ jsxRuntime.jsx(
         CopyPill,
         {
           text: JSON.stringify(trace, null, 2),
-          label: t("Slash.DebugCopyTrace"),
-          copiedLabel: t("Slash.DebugCopied")
+          label: t("BiChat.Slash.DebugCopyTrace"),
+          copiedLabel: t("BiChat.Slash.DebugCopied")
         }
       )
     ] }),
@@ -3154,12 +3159,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("BiChat.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("BiChat.Slash.DebugUnavailable") })
   ] });
 }
 
@@ -3365,7 +3370,7 @@ function AssistantMessage({
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: t("Assistant.Explanation") })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: t("BiChat.Assistant.Explanation") })
                 ]
               }
             ),
@@ -3391,7 +3396,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("BiChat.Message.Copied") : t("BiChat.Message.Copy"),
               children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 14, weight: "bold" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Copy, { size: 14, weight: "regular" })
             }
           ),
@@ -3485,7 +3490,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("BiChat.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 }),
@@ -3499,7 +3504,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("BiChat.Message.Copied") : t("BiChat.Message.Copy"),
           children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 13, weight: "bold" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Copy, { size: 13, weight: "regular" })
         }
       )
@@ -3517,7 +3522,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("BiChat.System.LoadingSummary") })
               ] }),
               children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownRenderer3, { content, sendDisabled: true })
             }
@@ -3534,7 +3539,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("BiChat.System.ShowLess") : t("BiChat.System.ShowMore") }),
           /* @__PURE__ */ jsxRuntime.jsx(
             react.CaretDown,
             {
@@ -3898,13 +3903,16 @@ var errorMessageVariants = {
     }
   }
 };
-var DEFAULT_VERBS = [
-  "Thinking",
-  "Processing",
-  "Analyzing",
-  "Synthesizing",
-  "Computing",
-  "Working on it"
+
+// ui/src/bichat/components/TypingIndicator.tsx
+init_useTranslation();
+var THINKING_KEYS = [
+  "BiChat.Thinking.Thinking",
+  "BiChat.Thinking.Processing",
+  "BiChat.Thinking.Analyzing",
+  "BiChat.Thinking.Synthesizing",
+  "BiChat.Thinking.Computing",
+  "BiChat.Thinking.WorkingOnIt"
 ];
 var prefersReducedMotion2 = () => {
   if (typeof window === "undefined") return false;
@@ -3918,10 +3926,15 @@ var getRandomVerb = (verbs, current) => {
   return available[Math.floor(Math.random() * available.length)];
 };
 function TypingIndicator({
-  verbs = DEFAULT_VERBS,
+  verbs: verbsProp,
   rotationInterval = 3e3,
   className = ""
 }) {
+  const { t } = useTranslation();
+  const verbs = React.useMemo(() => {
+    if (verbsProp) return verbsProp;
+    return THINKING_KEYS.map((key2) => t(key2));
+  }, [verbsProp, t]);
   const [verb, setVerb] = React.useState(() => verbs[Math.floor(Math.random() * verbs.length)]);
   React.useEffect(() => {
     if (prefersReducedMotion2()) return;
@@ -4106,8 +4119,8 @@ function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readO
       isCompacting && /* @__PURE__ */ jsxRuntime.jsx(
         CompactionDoodle_default,
         {
-          title: t("Slash.CompactingTitle"),
-          subtitle: t("Slash.CompactingSubtitle")
+          title: t("BiChat.Slash.CompactingTitle"),
+          subtitle: t("BiChat.Slash.CompactingSubtitle")
         }
       ),
       fetching && turns.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", "aria-hidden": "true", children: [
@@ -4208,7 +4221,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("BiChat.Input.Placeholder");
     const textareaRef = React.useRef(null);
     const fileInputRef = React.useRef(null);
     const containerRef = React.useRef(null);
@@ -4219,9 +4232,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("BiChat.Slash.ClearDescription") },
+        { name: "/debug", description: t("BiChat.Slash.DebugDescription") },
+        { name: "/compact", description: t("BiChat.Slash.CompactDescription") }
       ],
       [t]
     );
@@ -4511,12 +4524,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("BiChat.Input.DismissError"),
                 children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 14 })
               }
             )
           ] }),
-          messageQueue.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-xs text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2.5 py-1 bg-primary-50 dark:bg-primary-900/30 text-primary-600 dark:text-primary-400 rounded font-medium", children: t("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("BiChat.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: [
@@ -4524,49 +4537,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("BiChat.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("BiChat.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("BiChat.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("BiChat.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("BiChat.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("BiChat.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("BiChat.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("BiChat.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("BiChat.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),
@@ -4616,9 +4629,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("BiChat.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("BiChat.Input.FilesAdded") }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   "div",
                   {
@@ -4631,8 +4644,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("BiChat.Input.AttachFiles"),
+                          title: t("BiChat.Input.AttachFiles"),
                           children: /* @__PURE__ */ jsxRuntime.jsx(react.Paperclip, { size: 20 })
                         }
                       ),
@@ -4645,7 +4658,7 @@ var MessageInput = React.forwardRef(
                           multiple: true,
                           onChange: handleFileInputChange,
                           className: "hidden",
-                          "aria-label": t("Input.FileInput")
+                          "aria-label": t("BiChat.Input.FileInput")
                         }
                       ),
                       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 self-stretch flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -4675,7 +4688,7 @@ var MessageInput = React.forwardRef(
                           rows: 1,
                           disabled: loading || disabled,
                           "aria-busy": loading,
-                          "aria-label": t("Input.MessageInput")
+                          "aria-label": t("BiChat.Input.MessageInput")
                         }
                       ) }),
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -4684,15 +4697,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("BiChat.Input.Processing") : t("BiChat.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("BiChat.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("BiChat.Slash.CommandsList"), className: "py-1 px-1", children: filteredCommands.map((command, index) => {
                   const isActive = index === activeCommandIndex;
                   return /* @__PURE__ */ jsxRuntime.jsxs(
                     "li",
@@ -4718,7 +4731,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("BiChat.Slash.NoMatches") }) }) })
               ]
             }
           ),
@@ -4742,37 +4755,25 @@ MessageInput.displayName = "MessageInput";
 
 // ui/src/bichat/components/WelcomeContent.tsx
 init_useTranslation();
-var EXAMPLE_PROMPTS = [
-  {
-    category: "Data Analysis",
-    icon: react.ChartBar,
-    text: "Show me sales trends for the last quarter"
-  },
-  {
-    category: "Reports",
-    icon: react.FileText,
-    text: "Generate a summary of customer feedback"
-  },
-  {
-    category: "Insights",
-    icon: react.Lightbulb,
-    text: "What are the top performing products?"
-  }
+var PROMPT_DEFS = [
+  { categoryKey: "Welcome.Prompt1Category", textKey: "Welcome.Prompt1Text", icon: react.ChartBar, defaultCategory: "OSAGO Portfolio", defaultText: "What is the total amount of accrued OSAGO premiums for the reporting period?" },
+  { categoryKey: "Welcome.Prompt2Category", textKey: "Welcome.Prompt2Text", icon: react.FileText, defaultCategory: "Regional Analysis", defaultText: "Show me the top 5 regions by collected insurance premiums" },
+  { categoryKey: "Welcome.Prompt3Category", textKey: "Welcome.Prompt3Text", icon: react.Lightbulb, defaultCategory: "Loss Analysis", defaultText: "Calculate the loss ratio across the entire OSAGO portfolio" }
 ];
-var CATEGORY_STYLES = {
-  "Data Analysis": {
+var PROMPT_STYLES = [
+  {
     badge: "bg-sky-50 text-sky-600 ring-sky-600/10 dark:bg-sky-400/10 dark:text-sky-400 dark:ring-sky-400/20",
     icon: "text-sky-500 dark:text-sky-400"
   },
-  Reports: {
+  {
     badge: "bg-teal-50 text-teal-600 ring-teal-600/10 dark:bg-teal-400/10 dark:text-teal-400 dark:ring-teal-400/20",
     icon: "text-teal-500 dark:text-teal-400"
   },
-  Insights: {
+  {
     badge: "bg-amber-50 text-amber-600 ring-amber-600/10 dark:bg-amber-400/10 dark:text-amber-400 dark:ring-amber-400/20",
     icon: "text-amber-500 dark:text-amber-400"
   }
-};
+];
 var containerVariants = {
   hidden: { opacity: 0 },
   visible: {
@@ -4814,6 +4815,10 @@ var reducedItemVariants = {
     }
   }
 };
+function tOr(t, key2, defaultValue) {
+  const v = t(key2);
+  return v !== key2 ? v : defaultValue;
+}
 function WelcomeContent({
   onPromptSelect,
   title,
@@ -4822,8 +4827,13 @@ function WelcomeContent({
 }) {
   const { t } = useTranslation();
   const shouldReduceMotion = framerMotion.useReducedMotion();
-  const resolvedTitle = title || t("Welcome.Title");
-  const resolvedDescription = description || t("Welcome.Description");
+  const resolvedTitle = title || "";
+  const resolvedDescription = description || "";
+  const prompts = PROMPT_DEFS.map((def) => ({
+    category: tOr(t, def.categoryKey, def.defaultCategory),
+    text: tOr(t, def.textKey, def.defaultText),
+    icon: def.icon
+  }));
   const handlePromptClick = (prompt) => {
     if (onPromptSelect && !disabled) {
       onPromptSelect(prompt);
@@ -4839,15 +4849,7 @@ function WelcomeContent({
       initial: "hidden",
       animate: "visible",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "pointer-events-none absolute inset-x-0 -top-8 flex justify-center overflow-hidden h-56",
-            "aria-hidden": true,
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[420px] h-[260px] -mt-16 rounded-full bg-primary-300/[0.08] blur-[80px] dark:bg-primary-400/[0.05]" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        resolvedTitle && /* @__PURE__ */ jsxRuntime.jsx(
           framerMotion.motion.h1,
           {
             className: "relative text-2xl sm:text-3xl font-semibold text-gray-900 dark:text-white mb-4",
@@ -4855,7 +4857,7 @@ function WelcomeContent({
             children: resolvedTitle
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        resolvedDescription && /* @__PURE__ */ jsxRuntime.jsx(
           framerMotion.motion.p,
           {
             className: "text-base text-gray-500 dark:text-gray-400 mb-10 max-w-2xl mx-auto leading-relaxed",
@@ -4866,11 +4868,11 @@ 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("BiChat.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) => {
-            const style = CATEGORY_STYLES[prompt.category];
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: prompts.map((prompt, index) => {
+            const style = PROMPT_STYLES[index];
             return /* @__PURE__ */ jsxRuntime.jsxs(
               framerMotion.motion.button,
               {
@@ -5000,8 +5002,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("BiChat.Artifacts.Empty") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.Artifacts.EmptySubtitle") })
       ] })
     ] });
   }
@@ -5113,7 +5115,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("BiChat.Artifacts.OpenInNewTab")
         ]
       }
     ),
@@ -5127,7 +5129,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("BiChat.Artifacts.Download")
         ]
       }
     )
@@ -5142,7 +5144,7 @@ function TextArtifactPreview({ artifact }) {
   React.useEffect(() => {
     if (!artifact.url) {
       setLoading(false);
-      setError(t("Artifacts.TextPreviewFailed"));
+      setError(t("BiChat.Artifacts.TextPreviewFailed"));
       return;
     }
     const controller = new AbortController();
@@ -5165,7 +5167,7 @@ function TextArtifactPreview({ artifact }) {
       if (err instanceof Error && err.name === "AbortError") {
         return;
       }
-      setError(t("Artifacts.TextPreviewFailed"));
+      setError(t("BiChat.Artifacts.TextPreviewFailed"));
     }).finally(() => {
       setLoading(false);
     });
@@ -5176,15 +5178,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("BiChat.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("BiChat.Artifacts.PreviewUnavailable") }),
+    truncated && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.Artifacts.TextPreviewTruncated") })
   ] });
 }
 function SessionArtifactPreview({ artifact }) {
@@ -5200,11 +5202,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("BiChat.Artifacts.ChartUnavailable") });
   }
   if (isImageArtifact2(artifact)) {
     if (!artifact.url) {
-      return /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("Artifacts.ImageUnavailable") });
+      return /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { message: t("BiChat.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(
@@ -5221,7 +5223,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("BiChat.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(
@@ -5237,7 +5239,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("BiChat.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(
@@ -5247,7 +5249,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("BiChat.Artifacts.OfficePreviewUnavailable") }),
       /* @__PURE__ */ jsxRuntime.jsx(ArtifactActions, { url: artifact.url })
     ] });
   }
@@ -5261,13 +5263,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("BiChat.Artifacts.PreviewUnavailable") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.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("BiChat.Artifacts.DownloadUnavailable") });
 }
 function SessionArtifactPreviewModal({
   isOpen,
@@ -5313,7 +5315,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("BiChat.Artifacts.RenameFailed"));
     } finally {
       setSubmittingRename(false);
     }
@@ -5322,7 +5324,7 @@ function SessionArtifactPreviewModal({
     if (!artifact || !onDelete) {
       return;
     }
-    if (!window.confirm(t("Artifacts.DeleteConfirm"))) {
+    if (!window.confirm(t("BiChat.Artifacts.DeleteConfirm"))) {
       return;
     }
     setSubmittingDelete(true);
@@ -5331,7 +5333,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("BiChat.Artifacts.DeleteFailed"));
     } finally {
       setSubmittingDelete(false);
     }
@@ -5362,7 +5364,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("BiChat.Artifacts.Rename"),
                 autoFocus: true
               }
             ),
@@ -5377,7 +5379,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("BiChat.Message.Save")
                 ]
               }
             ),
@@ -5391,7 +5393,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("BiChat.Message.Cancel")
               }
             )
           ] }) : /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "truncate text-base font-semibold text-gray-900 dark:text-gray-100", children: artifact.name }),
@@ -5407,8 +5409,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("BiChat.Artifacts.Rename"),
+              title: t("BiChat.Artifacts.Rename"),
               children: /* @__PURE__ */ jsxRuntime.jsx(react.PencilSimple, { className: "h-4 w-4", weight: "regular" })
             }
           ),
@@ -5421,8 +5423,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("BiChat.Artifacts.Delete"),
+              title: t("BiChat.Artifacts.Delete"),
               children: /* @__PURE__ */ jsxRuntime.jsx(react.Trash, { className: "h-4 w-4", weight: "regular" })
             }
           ),
@@ -5432,8 +5434,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("BiChat.Common.Close"),
+              title: t("BiChat.Common.Close"),
               children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { className: "h-4 w-4", weight: "bold" })
             }
           )
@@ -5537,7 +5539,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("BiChat.Artifacts.FailedToLoad"));
       } finally {
         if (requestID === requestSeq.current) {
           setFetching(false);
@@ -5652,7 +5654,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("BiChat.Artifacts.FailedToLoad"));
     }
   }, [canDropFiles, dataSource, fetchArtifacts, hasDragFiles, sessionId, setDropSuccessState]);
   const canRenameArtifacts = typeof dataSource.renameSessionArtifact === "function";
@@ -5701,7 +5703,7 @@ function SessionArtifactsPanel({
         isDragging ? "bg-primary-50/40 dark:bg-primary-950/20" : "",
         className
       ].join(" "),
-      "aria-label": t("Artifacts.Title"),
+      "aria-label": t("BiChat.Artifacts.Title"),
       onDragEnter: handleDragEnter,
       onDragOver: handleDragOver,
       onDragLeave: handleDragLeave,
@@ -5716,18 +5718,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("BiChat.Input.FilesAdded") : t("BiChat.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("BiChat.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("BiChat.Artifacts.Loading") }) : error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 rounded-lg border border-red-200 bg-red-50 p-3 dark:border-red-900/70 dark:bg-red-950/30", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-300", children: t("BiChat.Artifacts.FailedToLoad") }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-700 dark:text-red-400", children: error }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
@@ -5737,10 +5739,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("BiChat.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("BiChat.Artifacts.Unsupported") }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             SessionArtifactList,
             {
@@ -5758,7 +5760,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("BiChat.Artifacts.LoadingMore") : t("BiChat.Artifacts.LoadMore")
             }
           ) })
         ] }) }),
@@ -5883,11 +5885,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("BiChat.Input.Processing") }) });
   }
   if (error) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-red-500 dark:text-red-400", children: [
-      t("Error.Generic"),
+      t("BiChat.Error.Generic"),
       ": ",
       error
     ] }) });
@@ -5923,11 +5925,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("BiChat.Artifacts.ToggleHide") : t("BiChat.Artifacts.ToggleShow"),
+        title: artifactsPanelExpanded ? t("BiChat.Artifacts.ToggleHide") : t("BiChat.Artifacts.ToggleShow"),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(react.Sidebar, { className: "h-4 w-4", weight: artifactsPanelExpanded ? "duotone" : "regular" }),
-          t("Artifacts.Title")
+          t("BiChat.Artifacts.Title")
         ]
       }
     ),
@@ -5975,7 +5977,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("BiChat.Welcome.Disclaimer") })
               ] }) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   MessageList,
@@ -6025,7 +6027,7 @@ function ChatSessionCore({
                           "div",
                           {
                             role: "separator",
-                            "aria-label": t("Artifacts.Resize"),
+                            "aria-label": t("BiChat.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" })
@@ -6066,7 +6068,7 @@ function ChatSessionCore({
                         animate: { opacity: 1 },
                         exit: { opacity: 0 },
                         onClick: handleToggleArtifactsPanel,
-                        "aria-label": t("Common.Close")
+                        "aria-label": t("BiChat.Common.Close")
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -6180,6 +6182,9 @@ function EmptyState({
 }
 var MemoizedEmptyState = React.memo(EmptyState);
 MemoizedEmptyState.displayName = "EmptyState";
+
+// ui/src/bichat/components/EditableText.tsx
+init_useTranslation();
 var sizeClasses2 = {
   sm: "text-sm",
   md: "text-base",
@@ -6196,6 +6201,7 @@ var EditableText = React.forwardRef(
     inputClassName = "",
     size = "sm"
   }, ref) => {
+    const { t } = useTranslation();
     const [isEditing, setIsEditing] = React.useState(false);
     const [editValue, setEditValue] = React.useState(value);
     const inputRef = React.useRef(null);
@@ -6271,7 +6277,7 @@ var EditableText = React.forwardRef(
               maxLength,
               placeholder,
               className: `flex-1 px-2 py-1 ${sizeClass} bg-white dark:bg-gray-700 border border-primary-500 dark:border-primary-600 rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 dark:focus-visible:ring-primary-600/30 text-gray-900 dark:text-white ${inputClassName}`,
-              "aria-label": "Edit text. Press Enter to save, Escape to cancel"
+              "aria-label": t("BiChat.EditableText.AriaLabel")
             }
           )
         }
@@ -6283,7 +6289,7 @@ var EditableText = React.forwardRef(
       {
         onDoubleClick: handleDoubleClick,
         className: `${sizeClass} font-medium truncate flex-1 cursor-pointer select-none hover:text-primary-600 dark:hover:text-primary-400 transition-colors ${className}`,
-        title: "Double-click to edit",
+        title: t("BiChat.EditableText.DoubleClickToEdit"),
         role: "button",
         tabIndex: 0,
         onKeyDown: (e) => {
@@ -6302,6 +6308,9 @@ var EditableText = React.forwardRef(
 );
 EditableText.displayName = "EditableText";
 var MemoizedEditableText = React.memo(EditableText);
+
+// ui/src/bichat/components/SearchInput.tsx
+init_useTranslation();
 var sizeClasses3 = {
   sm: {
     container: "py-1.5 pl-8 pr-8 text-xs",
@@ -6331,6 +6340,7 @@ function SearchInput({
   disabled = false,
   ariaLabel = "Search"
 }) {
+  const { t } = useTranslation();
   const inputRef = React.useRef(null);
   const sizes = sizeClasses3[size];
   React.useEffect(() => {
@@ -6385,8 +6395,8 @@ function SearchInput({
         type: "button",
         onClick: handleClear,
         className: `cursor-pointer absolute inset-y-0 right-2 flex items-center ${sizes.clearBtn} rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700 transition-all duration-200 text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300`,
-        "aria-label": "Clear search",
-        title: "Clear search",
+        "aria-label": t("BiChat.Search.Clear"),
+        title: t("BiChat.Search.Clear"),
         children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: sizes.icon - 2, weight: "bold" })
       }
     )
@@ -6921,12 +6931,16 @@ function useLongPress(options) {
     isPressed
   };
 }
+
+// ui/src/bichat/components/TouchContextMenu.tsx
+init_useTranslation();
 var TouchContextMenu = ({
   items,
   isOpen,
   onClose,
   anchorRect
 }) => {
+  const { t } = useTranslation();
   const [focusedIndex, setFocusedIndex] = React.useState(-1);
   const menuRef = React.useRef(null);
   const itemRefs = React.useRef([]);
@@ -7010,7 +7024,7 @@ var TouchContextMenu = ({
         {
           ref: menuRef,
           role: "menu",
-          "aria-label": "Context menu",
+          "aria-label": t("BiChat.ContextMenu"),
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
@@ -7075,11 +7089,24 @@ var SessionItem = React.memo(
     const [menuAnchor, setMenuAnchor] = React.useState(null);
     const [isTouch, setIsTouch] = React.useState(false);
     const { t } = useTranslation();
+    const isDraggingRef = React.useRef(false);
+    const dragX = framerMotion.useMotionValue(0);
+    const archiveOpacity = framerMotion.useTransform(dragX, [-80, -40, 0], [1, 0.5, 0]);
+    const archiveScale = framerMotion.useTransform(dragX, [-80, -40, 0], [1, 0.8, 0.6]);
+    const canDragArchive = !!onArchive;
+    const handleDragEnd = (_, info) => {
+      if (info.offset.x < -80 && onArchive) {
+        onArchive();
+      }
+      requestAnimationFrame(() => {
+        isDraggingRef.current = false;
+      });
+    };
     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("BiChat.Chat.NewChat");
+    const displayTitle = isTitleGenerating ? t("BiChat.Common.Generating") : session.title ?? t("BiChat.Common.Untitled");
     const { handlers: longPressHandlers } = useLongPress({
       delay: 500,
       onLongPress: (e) => {
@@ -7093,60 +7120,58 @@ var SessionItem = React.memo(
       const element = itemRef.current;
       if (!element) return;
       const isIPad = /iPad|Macintosh/i.test(navigator.userAgent) && "ontouchend" in document;
-      if (isIPad) {
-        const handleContextMenu = (e) => {
-          e.preventDefault();
-          const target = e.currentTarget;
-          setMenuAnchor(target.getBoundingClientRect());
-          setMenuOpen(true);
-        };
-        element.addEventListener("contextmenu", handleContextMenu);
-        return () => element.removeEventListener("contextmenu", handleContextMenu);
-      }
-      return void 0;
+      if (!isIPad) return;
+      const handleContextMenu = (e) => {
+        e.preventDefault();
+        const target = e.currentTarget;
+        setMenuAnchor(target.getBoundingClientRect());
+        setMenuOpen(true);
+      };
+      element.addEventListener("contextmenu", handleContextMenu);
+      return () => element.removeEventListener("contextmenu", handleContextMenu);
     }, [itemRef]);
     const contextMenuItems = mode === "archived" ? [
       ...onRestore ? [{
         id: "restore",
-        label: t("Archived.RestoreButton"),
+        label: t("BiChat.Archived.RestoreButton"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(react.ArrowUUpLeft, { size: 20 }),
         onClick: () => onRestore()
       }] : [],
       ...onRename ? [{
         id: "rename",
-        label: t("Sidebar.RenameChat"),
+        label: t("BiChat.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("BiChat.Sidebar.UnpinChat") : t("BiChat.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("BiChat.Sidebar.RenameChat"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(react.PencilSimple, { size: 20 }),
         onClick: () => editableTitleRef.current?.startEditing()
       }] : [],
       ...onRegenerateTitle ? [{
         id: "regenerate",
-        label: t("Sidebar.RegenerateTitle"),
+        label: t("BiChat.Sidebar.RegenerateTitle"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(react.ArrowsClockwise, { size: 20 }),
         onClick: () => onRegenerateTitle()
       }] : [],
       ...onArchive ? [{
         id: "archive",
-        label: t("Sidebar.ArchiveChat"),
+        label: t("BiChat.Sidebar.ArchiveChat"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 20 }),
         onClick: () => onArchive(),
         variant: "danger"
       }] : [],
       ...onDelete ? [{
         id: "delete",
-        label: t("Sidebar.DeleteChat"),
+        label: t("BiChat.Sidebar.DeleteChat"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(react.Trash, { size: 20 }),
         onClick: () => onDelete(),
         variant: "danger"
@@ -7154,7 +7179,7 @@ var SessionItem = React.memo(
     ];
     const hasContextMenu = contextMenuItems.length > 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsxs(
         framerMotion.motion.div,
         {
           variants: sessionItemVariants,
@@ -7162,158 +7187,196 @@ var SessionItem = React.memo(
           animate: "animate",
           whileHover: "hover",
           exit: "exit",
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              ref: itemRef,
-              onClick: () => onSelect(session.id),
-              className: `block w-full text-left px-3 py-2 rounded-lg transition-smooth group relative touch-tap cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 ${isActive ? "bg-primary-50/50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-400 border-l-4 border-primary-400 dark:border-primary-600" : "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 border-l-4 border-transparent"} ${className}`,
-              "aria-current": isActive ? "page" : void 0,
-              "data-session-item": true,
-              "data-testid": `${testIdPrefix}-session-${session.id}`,
-              ...longPressHandlers,
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  MemoizedEditableText,
+          className: "relative overflow-hidden rounded-lg",
+          children: [
+            canDragArchive && /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                className: "absolute inset-y-0 right-0 w-20 flex items-center justify-center bg-gray-500 dark:bg-gray-600 rounded-r-lg",
+                style: { opacity: archiveOpacity, scale: archiveScale },
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 20, className: "text-white" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                drag: canDragArchive ? "x" : false,
+                dragDirectionLock: true,
+                dragConstraints: { left: -100, right: 0 },
+                dragElastic: { left: 0.2, right: 0.5 },
+                dragSnapToOrigin: true,
+                style: { x: canDragArchive ? dragX : void 0 },
+                onDragStart: () => {
+                  isDraggingRef.current = true;
+                },
+                onDragEnd: canDragArchive ? handleDragEnd : void 0,
+                className: "relative",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
                   {
-                    ref: editableTitleRef,
-                    value: displayTitle,
-                    onSave: (newTitle) => onRename?.(newTitle),
-                    isLoading: isTitleGenerating
-                  }
-                ) }),
-                !isTouch && hasContextMenu && /* @__PURE__ */ jsxRuntime.jsxs(react$1.Menu, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    react$1.MenuButton,
-                    {
-                      onClick: (e) => {
+                    role: "button",
+                    tabIndex: 0,
+                    ref: itemRef,
+                    onClick: () => {
+                      if (isDraggingRef.current) return;
+                      onSelect(session.id);
+                    },
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter" || e.key === " ") {
                         e.preventDefault();
-                        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"),
-                      "data-testid": `${testIdPrefix}-session-options-${session.id}`,
-                      children: /* @__PURE__ */ jsxRuntime.jsx(react.DotsThree, { size: 16, className: "w-4 h-4", weight: "bold" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    react$1.MenuItems,
-                    {
-                      anchor: "bottom start",
-                      className: "w-52 bg-white/95 dark:bg-gray-900/95 backdrop-blur rounded-xl shadow-xl border border-gray-200 dark:border-gray-700 z-30 [--anchor-gap:8px] mt-1 p-2 space-y-1",
-                      children: [
-                        mode !== "archived" && onPin && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxRuntime.jsxs(
-                          "button",
-                          {
-                            onClick: (e) => {
-                              e.preventDefault();
-                              e.stopPropagation();
-                              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"),
-                            "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")
-                            ]
-                          }
-                        ) }),
-                        onRename && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus, close }) => /* @__PURE__ */ jsxRuntime.jsxs(
-                          "button",
-                          {
-                            onClick: (e) => {
-                              e.preventDefault();
-                              e.stopPropagation();
-                              editableTitleRef.current?.startEditing();
-                              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"),
-                            "data-testid": `${testIdPrefix}-session-rename-${session.id}`,
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(react.PencilSimple, { size: 16, className: "w-4 h-4" }),
-                              t("Sidebar.RenameChat")
-                            ]
-                          }
-                        ) }),
-                        mode !== "archived" && onRegenerateTitle && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus, close }) => /* @__PURE__ */ jsxRuntime.jsxs(
-                          "button",
-                          {
-                            onClick: (e) => {
-                              e.preventDefault();
-                              e.stopPropagation();
-                              onRegenerateTitle();
-                              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"),
-                            "data-testid": `${testIdPrefix}-session-regenerate-${session.id}`,
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(react.ArrowsClockwise, { size: 16, className: "w-4 h-4" }),
-                              t("Sidebar.RegenerateTitle")
-                            ]
-                          }
-                        ) }),
-                        mode === "archived" && onRestore && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxRuntime.jsxs(
-                          "button",
-                          {
-                            onClick: (e) => {
-                              e.preventDefault();
-                              e.stopPropagation();
-                              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"),
-                            "data-testid": `${testIdPrefix}-session-restore-${session.id}`,
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(react.ArrowUUpLeft, { size: 16, className: "w-4 h-4" }),
-                              t("Archived.RestoreButton")
-                            ]
-                          }
-                        ) }),
-                        mode !== "archived" && onArchive && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxRuntime.jsxs(
-                          "button",
+                        onSelect(session.id);
+                      }
+                    },
+                    className: `block w-full text-left px-3 py-2 rounded-lg transition-smooth group relative touch-tap cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 ${isActive ? "bg-primary-50/50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-400 border-l-4 border-primary-400 dark:border-primary-600" : "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 border-l-4 border-transparent"} ${className}`,
+                    "aria-current": isActive ? "page" : void 0,
+                    "data-session-item": true,
+                    "data-testid": `${testIdPrefix}-session-${session.id}`,
+                    ...longPressHandlers,
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        MemoizedEditableText,
+                        {
+                          ref: editableTitleRef,
+                          value: displayTitle,
+                          onSave: (newTitle) => onRename?.(newTitle),
+                          isLoading: isTitleGenerating
+                        }
+                      ) }),
+                      !isTouch && hasContextMenu && /* @__PURE__ */ jsxRuntime.jsxs(react$1.Menu, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          react$1.MenuButton,
                           {
                             onClick: (e) => {
                               e.preventDefault();
                               e.stopPropagation();
-                              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"),
-                            "data-testid": `${testIdPrefix}-session-archive-${session.id}`,
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 16, className: "w-4 h-4" }),
-                              t("Sidebar.ArchiveChat")
-                            ]
+                            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("BiChat.Sidebar.ChatOptions"),
+                            "data-testid": `${testIdPrefix}-session-options-${session.id}`,
+                            children: /* @__PURE__ */ jsxRuntime.jsx(react.DotsThree, { size: 16, className: "w-4 h-4", weight: "bold" })
                           }
-                        ) }),
-                        onDelete && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxRuntime.jsxs(
-                          "button",
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          react$1.MenuItems,
                           {
-                            onClick: (e) => {
-                              e.preventDefault();
-                              e.stopPropagation();
-                              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"),
-                            "data-testid": `${testIdPrefix}-session-delete-${session.id}`,
+                            anchor: "bottom start",
+                            className: "w-52 bg-white/95 dark:bg-gray-900/95 backdrop-blur rounded-xl shadow-xl border border-gray-200 dark:border-gray-700 z-30 [--anchor-gap:8px] mt-1 p-2 space-y-1",
                             children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(react.Trash, { size: 16, className: "w-4 h-4" }),
-                              t("Sidebar.DeleteChat")
+                              mode !== "archived" && onPin && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                "button",
+                                {
+                                  onClick: (e) => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    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("BiChat.Sidebar.UnpinChat") : t("BiChat.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("BiChat.Sidebar.UnpinChat") : t("BiChat.Sidebar.PinChat")
+                                  ]
+                                }
+                              ) }),
+                              onRename && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus, close }) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                "button",
+                                {
+                                  onClick: (e) => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    editableTitleRef.current?.startEditing();
+                                    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("BiChat.Sidebar.RenameChat"),
+                                  "data-testid": `${testIdPrefix}-session-rename-${session.id}`,
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(react.PencilSimple, { size: 16, className: "w-4 h-4" }),
+                                    t("BiChat.Sidebar.RenameChat")
+                                  ]
+                                }
+                              ) }),
+                              mode !== "archived" && onRegenerateTitle && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus, close }) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                "button",
+                                {
+                                  onClick: (e) => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    onRegenerateTitle();
+                                    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("BiChat.Sidebar.RegenerateTitle"),
+                                  "data-testid": `${testIdPrefix}-session-regenerate-${session.id}`,
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(react.ArrowsClockwise, { size: 16, className: "w-4 h-4" }),
+                                    t("BiChat.Sidebar.RegenerateTitle")
+                                  ]
+                                }
+                              ) }),
+                              mode === "archived" && onRestore && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                "button",
+                                {
+                                  onClick: (e) => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    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("BiChat.Archived.RestoreButton"),
+                                  "data-testid": `${testIdPrefix}-session-restore-${session.id}`,
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(react.ArrowUUpLeft, { size: 16, className: "w-4 h-4" }),
+                                    t("BiChat.Archived.RestoreButton")
+                                  ]
+                                }
+                              ) }),
+                              mode !== "archived" && onArchive && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                "button",
+                                {
+                                  onClick: (e) => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    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("BiChat.Sidebar.ArchiveChat"),
+                                  "data-testid": `${testIdPrefix}-session-archive-${session.id}`,
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 16, className: "w-4 h-4" }),
+                                    t("BiChat.Sidebar.ArchiveChat")
+                                  ]
+                                }
+                              ) }),
+                              onDelete && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                "button",
+                                {
+                                  onClick: (e) => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    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("BiChat.Sidebar.DeleteChat"),
+                                  "data-testid": `${testIdPrefix}-session-delete-${session.id}`,
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(react.Trash, { size: 16, className: "w-4 h-4" }),
+                                    t("BiChat.Sidebar.DeleteChat")
+                                  ]
+                                }
+                              ) })
                             ]
                           }
-                        ) })
-                      ]
-                    }
-                  )
-                ] })
-              ] })
-            }
-          )
+                        )
+                      ] })
+                    ] })
+                  }
+                )
+              }
+            )
+          ]
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -7379,7 +7442,7 @@ function TabBar({ tabs, activeTab, onTabChange }) {
     "div",
     {
       ref: tablistRef,
-      className: "flex gap-1 px-4 pt-4 pb-2 border-b border-gray-200 dark:border-gray-700",
+      className: "flex justify-center gap-1 px-4 pt-4 pb-2 border-b border-gray-200 dark:border-gray-700",
       role: "tablist",
       onKeyDown: handleKeyDown,
       children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -7444,7 +7507,7 @@ function UserFilter({ users, selectedUser, onUserChange, loading }) {
                 disabled:opacity-50 disabled:cursor-not-allowed
                 flex items-center justify-between gap-2
               `,
-        "aria-label": t("allChats.allUsers"),
+        "aria-label": t("BiChat.AllChats.AllUsers"),
         children: [
           selectedUser ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -7461,7 +7524,7 @@ function UserFilter({ users, selectedUser, onUserChange, loading }) {
               " ",
               selectedUser.lastName
             ] })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 dark:text-gray-400", children: loading ? t("allChats.loadingUsers") : t("allChats.allUsers") }),
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 dark:text-gray-400", children: loading ? t("BiChat.AllChats.LoadingUsers") : t("BiChat.AllChats.AllUsers") }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
             selectedUser && /* @__PURE__ */ jsxRuntime.jsx(
               "button",
@@ -7472,7 +7535,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("BiChat.Common.Clear"),
                 children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 14, className: "w-3.5 h-3.5 text-gray-600 dark:text-gray-400" })
               }
             ),
@@ -7503,7 +7566,7 @@ function UserFilter({ users, selectedUser, onUserChange, loading }) {
                       ${focus ? "bg-gray-100 dark:bg-gray-700" : "hover:bg-gray-50 dark:hover:bg-gray-750"}
                       ${!selectedUser ? "text-primary-700 dark:text-primary-400 font-medium" : "text-gray-900 dark:text-gray-100"}
                     `,
-              children: t("allChats.allUsers")
+              children: t("BiChat.AllChats.AllUsers")
             }
           ) }),
           users.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-gray-200 dark:border-gray-700 my-1" }),
@@ -7536,7 +7599,7 @@ function UserFilter({ users, selectedUser, onUserChange, loading }) {
               ]
             }
           ) }, user.id)),
-          users.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: t("allChats.noUsersFound") }) })
+          users.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300", children: t("BiChat.AllChats.NoUsersFound") }) })
         ]
       }
     )
@@ -7601,7 +7664,7 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
       }
     }).catch(() => {
       if (!cancelled) {
-        setError(t("allChats.failedToLoad"));
+        setError(t("BiChat.AllChats.FailedToLoad"));
         setFetching(false);
       }
     });
@@ -7667,12 +7730,12 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-gray-700 dark:text-gray-300 flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 16, className: "w-4 h-4" }),
-          t("allChats.includeArchived")
+          t("BiChat.AllChats.IncludeArchived")
         ] })
       ] }),
-      totalCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: totalCount === 1 ? t("allChats.chatFound", { count: totalCount }) : t("allChats.chatsFound", { count: totalCount }) })
+      totalCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: totalCount === 1 ? t("BiChat.AllChats.ChatFound", { count: totalCount }) : t("BiChat.AllChats.ChatsFound", { count: totalCount }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex-1 overflow-y-auto px-2 pb-4 hide-scrollbar", "aria-label": t("allChats.organizationChats"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex-1 overflow-y-auto px-2 pb-4 hide-scrollbar", "aria-label": t("BiChat.AllChats.OrganizationChats"), children: [
       fetching && chats.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(SessionSkeleton, { count: 5 }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chats.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
         framerMotion.motion.div,
         {
@@ -7681,7 +7744,7 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
           initial: "hidden",
           animate: "visible",
           role: "list",
-          "aria-label": t("allChats.organizationChatSessions"),
+          "aria-label": t("BiChat.AllChats.OrganizationChatSessions"),
           children: [
             chats.map((chat) => /* @__PURE__ */ jsxRuntime.jsx(
               framerMotion.motion.div,
@@ -7717,7 +7780,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("BiChat.Common.Untitled") }),
                         /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: [
                           chat.owner.firstName,
                           " ",
@@ -7725,7 +7788,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("BiChat.Chat.Archived")
                         ] })
                       ] })
                     ] })
@@ -7739,7 +7802,7 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
               {
                 onClick: handleLoadMore,
                 className: "text-sm text-primary-600 dark:text-primary-400 hover:underline",
-                children: t("allChats.loadMore")
+                children: t("BiChat.AllChats.LoadMore")
               }
             ) })
           ]
@@ -7747,8 +7810,8 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
       ) : /* @__PURE__ */ jsxRuntime.jsx(
         MemoizedEmptyState,
         {
-          title: t("allChats.noChatsFound"),
-          description: selectedUser ? t("allChats.noChatsFromUser", { firstName: selectedUser.firstName, lastName: selectedUser.lastName }) : includeArchived ? t("allChats.noChatsInOrg") : t("allChats.noActiveChatsInOrg")
+          title: t("BiChat.AllChats.NoChatsFound"),
+          description: selectedUser ? t("BiChat.AllChats.NoChatsFromUser", { firstName: selectedUser.firstName, lastName: selectedUser.lastName }) : includeArchived ? t("BiChat.AllChats.NoChatsInOrg") : t("BiChat.AllChats.NoActiveChatsInOrg")
         }
       ) }),
       error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-2 mt-4 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-600 dark:text-red-400", children: error }) })
@@ -7792,11 +7855,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("BiChat.DateGroup.Today"),
+    "Yesterday": translate("BiChat.DateGroup.Yesterday"),
+    "Last 7 Days": translate("BiChat.DateGroup.Last7Days"),
+    "Last 30 Days": translate("BiChat.DateGroup.Last30Days"),
+    "Older": translate("BiChat.DateGroup.Older")
   };
   const groupMap = /* @__PURE__ */ new Map([
     ["Today", []],
@@ -7833,6 +7896,113 @@ function groupSessionsByDate(sessions, t) {
   });
   return groups;
 }
+
+// ui/src/bichat/utils/errorDisplay.ts
+function isPermissionDeniedError(error) {
+  if (!error) return false;
+  if (error instanceof Error) {
+    const msg = error.message.toLowerCase();
+    if (msg.includes("forbidden") || msg.includes("permission denied")) return true;
+  }
+  if (typeof error === "object" && error !== null) {
+    const obj = error;
+    if (obj.code === "forbidden" || obj.code === 403) return true;
+    if (obj.status === 403) return true;
+    if (obj.statusCode === 403) return true;
+    if (typeof obj.response === "object" && obj.response !== null) {
+      const resp = obj.response;
+      if (resp.status === 403) return true;
+    }
+  }
+  if (typeof error === "string") {
+    const lower = error.toLowerCase();
+    if (lower.includes("forbidden") || lower.includes("permission denied")) return true;
+  }
+  return false;
+}
+function toErrorDisplay(error, fallbackTitle) {
+  const permDenied = isPermissionDeniedError(error);
+  let title = fallbackTitle;
+  let description = "";
+  if (error instanceof Error) {
+    description = error.message;
+  } else if (typeof error === "object" && error !== null) {
+    const obj = error;
+    if (typeof obj.message === "string" && obj.message) description = obj.message;
+    if (typeof obj.title === "string" && obj.title) title = obj.title;
+    if (typeof obj.detail === "string" && obj.detail) description = obj.detail;
+  } else if (typeof error === "string") {
+    description = error;
+  }
+  if (permDenied && !description) {
+    description = "Your account does not have permission for this action.";
+  }
+  return { title, description, isPermissionDenied: permDenied };
+}
+function ErrorAlert({ error }) {
+  const amber = error.isPermissionDenied;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `mx-2 mt-4 p-3 border rounded-xl cursor-default ${amber ? "bg-amber-50 dark:bg-amber-900/20 border-amber-200 dark:border-amber-800" : "bg-red-50 dark:bg-red-900/20 border-red-200 dark:border-red-800"}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: `text-xs font-medium ${amber ? "text-amber-700 dark:text-amber-300" : "text-red-600 dark:text-red-400"}`,
+            children: error.title
+          }
+        ),
+        error.description && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: `mt-1 text-xs ${amber ? "text-amber-600 dark:text-amber-400" : "text-red-500 dark:text-red-300"}`,
+            children: error.description
+          }
+        )
+      ]
+    }
+  );
+}
+var COLLAPSE_STORAGE_KEY = "bichat-sidebar-collapsed";
+function useSidebarCollapse() {
+  const [isCollapsed, setIsCollapsed] = React.useState(() => {
+    try {
+      return localStorage.getItem(COLLAPSE_STORAGE_KEY) === "true";
+    } catch {
+      return false;
+    }
+  });
+  const isCollapsedRef = React.useRef(isCollapsed);
+  React.useEffect(() => {
+    isCollapsedRef.current = isCollapsed;
+  }, [isCollapsed]);
+  const toggle = React.useCallback(() => {
+    setIsCollapsed((prev) => {
+      const next = !prev;
+      try {
+        localStorage.setItem(COLLAPSE_STORAGE_KEY, String(next));
+      } catch {
+      }
+      return next;
+    });
+  }, []);
+  const expand = React.useCallback(() => {
+    setIsCollapsed(false);
+    try {
+      localStorage.setItem(COLLAPSE_STORAGE_KEY, "false");
+    } catch {
+    }
+  }, []);
+  const collapse = React.useCallback(() => {
+    setIsCollapsed(true);
+    try {
+      localStorage.setItem(COLLAPSE_STORAGE_KEY, "true");
+    } catch {
+    }
+  }, []);
+  return { isCollapsed, isCollapsedRef, toggle, expand, collapse };
+}
 function Sidebar2({
   dataSource,
   onSessionSelect,
@@ -7851,30 +8021,84 @@ function Sidebar2({
   const toast = useToast();
   const shouldReduceMotion = framerMotion.useReducedMotion();
   const sessionListRef = React.useRef(null);
+  const searchContainerRef = React.useRef(null);
+  const { isCollapsed, isCollapsedRef, toggle, expand, collapse } = useSidebarCollapse();
+  const collapsible = !onClose;
+  const handleSidebarClick = React.useCallback(
+    (e) => {
+      if (!collapsible) return;
+      const interactive = 'a, button, input, summary, [role="button"]';
+      if (e.target.closest(interactive)) return;
+      toggle();
+    },
+    [collapsible, toggle]
+  );
+  const focusSearch = React.useCallback(() => {
+    if (!collapsible) return;
+    if (isCollapsedRef.current) {
+      expand();
+      setTimeout(() => {
+        searchContainerRef.current?.querySelector("input")?.focus();
+      }, 250);
+    } else {
+      searchContainerRef.current?.querySelector("input")?.focus();
+    }
+  }, [collapsible, expand, isCollapsedRef]);
+  React.useEffect(() => {
+    if (!collapsible) return;
+    const handleKeyDown = (e) => {
+      const isMod = e.metaKey || e.ctrlKey;
+      if (isMod && e.key === "b") {
+        e.preventDefault();
+        toggle();
+      }
+      if (isMod && e.key === "k") {
+        e.preventDefault();
+        focusSearch();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [collapsible, toggle, focusSearch]);
+  React.useEffect(() => {
+    if (!collapsible) return;
+    const handler = (e) => {
+      const detail = e.detail;
+      if (detail?.expanded) {
+        collapse();
+      }
+    };
+    window.addEventListener("bichat:artifacts-panel-expanded", handler);
+    return () => window.removeEventListener("bichat:artifacts-panel-expanded", handler);
+  }, [collapsible, collapse]);
+  const showCollapsed = collapsible && isCollapsed;
   const [activeTab, setActiveTab] = React.useState("my-chats");
   const [searchQuery, setSearchQuery] = React.useState("");
   const [sessions, setSessions] = React.useState([]);
   const [loading, setLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
+  const [loadError, setLoadError] = React.useState(null);
+  const [actionError, setActionError] = React.useState(null);
+  const accessDenied = loadError?.isPermissionDenied === true;
   const [refreshKey, setRefreshKey] = React.useState(0);
   const [showConfirm, setShowConfirm] = React.useState(false);
   const [sessionToArchive, setSessionToArchive] = React.useState(null);
   const tabs = React.useMemo(() => {
-    const items = [{ id: "my-chats", label: t("Sidebar.MyChats") }];
+    const items = [{ id: "my-chats", label: t("BiChat.Sidebar.MyChats") }];
     if (showAllChatsTab) {
-      items.push({ id: "all-chats", label: t("Sidebar.AllChats") });
+      items.push({ id: "all-chats", label: t("BiChat.Sidebar.AllChats") });
     }
     return items;
   }, [showAllChatsTab, t]);
   const fetchSessions = React.useCallback(async () => {
     try {
       setLoading(true);
-      setError(null);
+      setLoadError(null);
+      setActionError(null);
       const result = await dataSource.listSessions({ limit: 50 });
       setSessions(result.sessions);
     } catch (err) {
       console.error("Failed to load sessions:", err);
-      setError(t("Sidebar.FailedToLoadSessions"));
+      setLoadError(toErrorDisplay(err, t("BiChat.Sidebar.FailedToLoadSessions")));
     } finally {
       setLoading(false);
     }
@@ -7883,7 +8107,7 @@ function Sidebar2({
     fetchSessions();
   }, [fetchSessions, refreshKey]);
   const hasPlaceholderTitles = React.useMemo(() => {
-    const newChatLabel = t("Chat.NewChat");
+    const newChatLabel = t("BiChat.Chat.NewChat");
     return Array.isArray(sessions) && sessions.some((s) => s && (!s.title || s.title === newChatLabel));
   }, [sessions, t]);
   React.useEffect(() => {
@@ -7919,7 +8143,9 @@ function Sidebar2({
       }
     } catch (err) {
       console.error("Failed to archive session:", err);
-      toast.error(t("Sidebar.FailedToArchiveChat"));
+      const display = toErrorDisplay(err, t("BiChat.Sidebar.FailedToArchiveChat"));
+      setActionError(display);
+      toast.error(display.title);
     } finally {
       setShowConfirm(false);
       setSessionToArchive(null);
@@ -7935,27 +8161,33 @@ function Sidebar2({
       setRefreshKey((k) => k + 1);
     } catch (err) {
       console.error("Failed to toggle pin:", err);
-      toast.error(t("Sidebar.FailedToTogglePin"));
+      const display = toErrorDisplay(err, t("BiChat.Sidebar.FailedToTogglePin"));
+      setActionError(display);
+      toast.error(display.title);
     }
   };
   const handleRenameSession = async (sessionId, newTitle) => {
     try {
       await dataSource.renameSession(sessionId, newTitle);
-      toast.success(t("Sidebar.ChatRenamedSuccessfully"));
+      toast.success(t("BiChat.Sidebar.ChatRenamedSuccessfully"));
       setRefreshKey((k) => k + 1);
     } catch (err) {
       console.error("Failed to update session title:", err);
-      toast.error(t("Sidebar.FailedToRenameChat"));
+      const display = toErrorDisplay(err, t("BiChat.Sidebar.FailedToRenameChat"));
+      setActionError(display);
+      toast.error(display.title);
     }
   };
   const handleRegenerateTitle = async (sessionId) => {
     try {
       await dataSource.regenerateSessionTitle(sessionId);
-      toast.success(t("Sidebar.TitleRegenerated"));
+      toast.success(t("BiChat.Sidebar.TitleRegenerated"));
       setRefreshKey((k) => k + 1);
     } catch (err) {
       console.error("Failed to regenerate title:", err);
-      toast.error(t("Sidebar.FailedToRegenerateTitle"));
+      const display = toErrorDisplay(err, t("BiChat.Sidebar.FailedToRegenerateTitle"));
+      setActionError(display);
+      toast.error(display.title);
     }
   };
   const filteredSessions = React.useMemo(() => {
@@ -8018,176 +8250,311 @@ function Sidebar2({
     /* @__PURE__ */ jsxRuntime.jsxs(
       "aside",
       {
-        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}`,
+        onClick: collapsible ? handleSidebarClick : void 0,
+        className: `relative 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 transition-[width] duration-300 ease-in-out ${showCollapsed ? "w-16 cursor-e-resize" : collapsible ? "w-64 cursor-w-resize" : "w-64"} ${className}`,
+        style: { willChange: "width" },
         role: "navigation",
-        "aria-label": t("Sidebar.ChatSessions"),
+        "aria-label": t("BiChat.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,
-            onClose && /* @__PURE__ */ jsxRuntime.jsx(
-              framerMotion.motion.button,
-              {
-                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"),
-                whileHover: "hover",
-                whileTap: "tap",
-                variants: buttonVariants,
-                children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 20, className: "w-5 h-5" })
-              }
-            )
-          ] }),
-          showAllChatsTab && /* @__PURE__ */ jsxRuntime.jsx(
-            TabBar_default,
+          collapsible && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
             {
-              tabs,
-              activeTab,
-              onTabChange: (id) => setActiveTab(id)
+              className: `absolute inset-x-0 top-0 bottom-0 z-10 flex flex-col items-center pt-3 gap-3 transition-opacity ${showCollapsed ? "opacity-100 duration-150 delay-100" : "opacity-0 pointer-events-none duration-100"}`,
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group/tooltip relative", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.button,
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      onNewChat();
+                    },
+                    disabled: creating || loading || accessDenied,
+                    className: "w-10 h-10 rounded-lg bg-primary-600 hover:bg-primary-700 active:bg-primary-800 text-white shadow-sm flex items-center justify-center disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer transition-colors focus-visible:ring-2 focus-visible:ring-primary-400/50",
+                    title: t("BiChat.Chat.NewChat"),
+                    "aria-label": t("BiChat.Sidebar.CreateNewChat"),
+                    whileTap: { scale: 0.95 },
+                    children: creating ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-4 h-4 border-2 border-white/50 border-t-transparent rounded-full animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Plus, { size: 18, weight: "bold" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-full ml-2 top-1/2 -translate-y-1/2 rounded-md bg-gray-900 dark:bg-gray-100 px-2 py-1 text-xs font-medium text-white dark:text-gray-900 opacity-0 group-hover/tooltip:opacity-100 transition-opacity whitespace-nowrap shadow-lg", children: t("BiChat.Chat.NewChat") })
+              ] })
             }
           ),
-          activeTab === "all-chats" && showAllChatsTab ? /* @__PURE__ */ jsxRuntime.jsx(
-            AllChatsList,
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
             {
-              dataSource,
-              onSessionSelect,
-              activeSessionId
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-              SearchInput_default,
-              {
-                value: searchQuery,
-                onChange: setSearchQuery,
-                placeholder: t("Sidebar.SearchChats")
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-              framerMotion.motion.button,
-              {
-                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"),
-                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") })
-                ] })
-              }
-            ) }),
-            onArchivedView && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                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"),
-                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.jsxs(
-              "nav",
-              {
-                ref: sessionListRef,
-                className: "flex-1 overflow-y-auto px-2 pb-4 hide-scrollbar",
-                "aria-label": "Chat history",
-                onKeyDown: handleSessionListKeyDown,
-                children: [
-                  loading && sessions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(SessionSkeleton, { count: 5 }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    pinnedSessions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        DateGroupHeader,
-                        {
-                          groupName: t("Common.Pinned"),
-                          count: pinnedSessions.length
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        framerMotion.motion.div,
-                        {
-                          className: "space-y-1 mt-2",
-                          variants: staggerContainerVariants,
-                          initial: "hidden",
-                          animate: "visible",
-                          role: "list",
-                          "aria-label": t("Sidebar.PinnedChats"),
-                          children: pinnedSessions.map((session) => /* @__PURE__ */ jsxRuntime.jsx(
-                            SessionItem_default,
-                            {
-                              session,
-                              isActive: session.id === activeSessionId,
-                              onSelect: () => onSessionSelect(session.id),
-                              onArchive: () => handleArchiveRequest(session.id),
-                              onPin: () => handleTogglePin(session.id, session.pinned),
-                              onRename: (newTitle) => handleRenameSession(session.id, newTitle),
-                              onRegenerateTitle: () => handleRegenerateTitle(session.id)
-                            },
-                            session.id
-                          ))
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-gray-200 dark:border-gray-700 my-3" })
-                    ] }),
-                    sessionGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        DateGroupHeader,
-                        {
-                          groupName: group.name,
-                          count: group.sessions.length
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        framerMotion.motion.div,
-                        {
-                          className: "space-y-1 mt-2",
-                          variants: staggerContainerVariants,
-                          initial: "hidden",
-                          animate: "visible",
-                          role: "list",
-                          "aria-label": `${group.name} chats`,
-                          children: group.sessions.map((session) => /* @__PURE__ */ jsxRuntime.jsx(
-                            SessionItem_default,
+              className: `flex flex-col flex-1 min-h-0 w-64 shrink-0 transition-opacity ${showCollapsed ? "opacity-0 pointer-events-none duration-100" : collapsible ? "opacity-100 duration-150 delay-[200ms]" : ""}`,
+              children: [
+                (headerSlot || onClose) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between", children: [
+                  headerSlot,
+                  onClose && /* @__PURE__ */ jsxRuntime.jsx(
+                    framerMotion.motion.button,
+                    {
+                      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("BiChat.Sidebar.CloseSidebar"),
+                      "aria-label": t("BiChat.Sidebar.CloseSidebar"),
+                      whileHover: "hover",
+                      whileTap: "tap",
+                      variants: buttonVariants,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 20, className: "w-5 h-5" })
+                    }
+                  )
+                ] }),
+                showAllChatsTab && /* @__PURE__ */ jsxRuntime.jsx(
+                  TabBar_default,
+                  {
+                    tabs,
+                    activeTab,
+                    onTabChange: (id) => setActiveTab(id)
+                  }
+                ),
+                activeTab === "all-chats" && showAllChatsTab ? /* @__PURE__ */ jsxRuntime.jsx(
+                  AllChatsList,
+                  {
+                    dataSource,
+                    onSessionSelect,
+                    activeSessionId
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { ref: searchContainerRef, className: "mt-3 px-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    SearchInput_default,
+                    {
+                      value: searchQuery,
+                      onChange: setSearchQuery,
+                      placeholder: t("BiChat.Sidebar.SearchChats")
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    framerMotion.motion.button,
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onNewChat();
+                      },
+                      disabled: creating || loading || accessDenied,
+                      className: "cursor-pointer w-full px-4 py-2.5 bg-primary-600 dark:bg-primary-700 text-white rounded-lg hover:bg-primary-700 hover:-translate-y-0.5 active:bg-primary-800 transition-all duration-150 font-medium shadow-sm disabled:opacity-40 disabled:cursor-not-allowed flex items-center justify-center gap-2 focus-visible:ring-2 focus-visible:ring-primary-400/50 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-900",
+                      title: accessDenied ? t("BiChat.Sidebar.MissingPermission") : t("BiChat.Chat.NewChat"),
+                      "aria-label": t("BiChat.Sidebar.CreateNewChat"),
+                      whileHover: shouldReduceMotion ? {} : { y: -1 },
+                      whileTap: shouldReduceMotion ? {} : { scale: 0.98 },
+                      children: creating ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { variant: "spinner", size: "sm" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("BiChat.Common.Creating") })
+                      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(react.Plus, { size: 16, weight: "bold" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("BiChat.Chat.NewChat") })
+                      ] })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "nav",
+                    {
+                      ref: sessionListRef,
+                      className: "flex-1 overflow-y-auto px-2 pb-4 hide-scrollbar",
+                      "aria-label": t("BiChat.Sidebar.ChatHistory"),
+                      onKeyDown: handleSessionListKeyDown,
+                      children: [
+                        loading && sessions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(SessionSkeleton, { count: 5 }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                          pinnedSessions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              DateGroupHeader,
+                              {
+                                groupName: t("BiChat.Common.Pinned"),
+                                count: pinnedSessions.length
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              framerMotion.motion.div,
+                              {
+                                className: "space-y-1 mt-2",
+                                variants: staggerContainerVariants,
+                                initial: "hidden",
+                                animate: "visible",
+                                role: "list",
+                                "aria-label": t("BiChat.Sidebar.PinnedChats"),
+                                children: pinnedSessions.map((session) => /* @__PURE__ */ jsxRuntime.jsx(
+                                  SessionItem_default,
+                                  {
+                                    session,
+                                    isActive: session.id === activeSessionId,
+                                    onSelect: () => onSessionSelect(session.id),
+                                    onArchive: () => handleArchiveRequest(session.id),
+                                    onPin: () => handleTogglePin(session.id, session.pinned),
+                                    onRename: (newTitle) => handleRenameSession(session.id, newTitle),
+                                    onRegenerateTitle: () => handleRegenerateTitle(session.id)
+                                  },
+                                  session.id
+                                ))
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-gray-200 dark:border-gray-700 my-3" })
+                          ] }),
+                          sessionGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              DateGroupHeader,
+                              {
+                                groupName: group.name,
+                                count: group.sessions.length
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              framerMotion.motion.div,
+                              {
+                                className: "space-y-1 mt-2",
+                                variants: staggerContainerVariants,
+                                initial: "hidden",
+                                animate: "visible",
+                                role: "list",
+                                "aria-label": `${group.name} chats`,
+                                children: group.sessions.map((session) => /* @__PURE__ */ jsxRuntime.jsx(
+                                  SessionItem_default,
+                                  {
+                                    session,
+                                    isActive: session.id === activeSessionId,
+                                    onSelect: () => onSessionSelect(session.id),
+                                    onArchive: () => handleArchiveRequest(session.id),
+                                    onPin: () => handleTogglePin(session.id, session.pinned),
+                                    onRename: (newTitle) => handleRenameSession(session.id, newTitle),
+                                    onRegenerateTitle: () => handleRegenerateTitle(session.id)
+                                  },
+                                  session.id
+                                ))
+                              }
+                            )
+                          ] }, group.name)),
+                          filteredSessions.length === 0 && !loading && /* @__PURE__ */ jsxRuntime.jsx(
+                            MemoizedEmptyState,
                             {
-                              session,
-                              isActive: session.id === activeSessionId,
-                              onSelect: () => onSessionSelect(session.id),
-                              onArchive: () => handleArchiveRequest(session.id),
-                              onPin: () => handleTogglePin(session.id, session.pinned),
-                              onRename: (newTitle) => handleRenameSession(session.id, newTitle),
-                              onRegenerateTitle: () => handleRegenerateTitle(session.id)
-                            },
-                            session.id
-                          ))
-                        }
-                      )
-                    ] }, group.name)),
-                    filteredSessions.length === 0 && !loading && /* @__PURE__ */ jsxRuntime.jsx(
-                      MemoizedEmptyState,
+                              title: searchQuery ? t("BiChat.Sidebar.NoChatsFound", { query: searchQuery }) : t("BiChat.Sidebar.NoChatsYet"),
+                              description: searchQuery ? void 0 : t("BiChat.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("BiChat.Common.Clear")
+                                }
+                              ) : void 0
+                            }
+                          )
+                        ] }),
+                        loadError && /* @__PURE__ */ jsxRuntime.jsx(ErrorAlert, { error: loadError }),
+                        actionError && !loadError && /* @__PURE__ */ jsxRuntime.jsx(ErrorAlert, { error: actionError })
+                      ]
+                    }
+                  ),
+                  footerSlot
+                ] }),
+                collapsible && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto border-t border-gray-100 dark:border-gray-800/80 px-4 py-3 flex items-center justify-between", children: [
+                  onArchivedView || showAllChatsTab ? /* @__PURE__ */ jsxRuntime.jsxs(react$1.Menu, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      react$1.MenuButton,
                       {
-                        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")
-                          }
-                        ) : void 0
+                        onClick: (e) => {
+                          e.stopPropagation();
+                        },
+                        disabled: loading || accessDenied,
+                        className: "flex items-center justify-center rounded-lg text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 p-2",
+                        "aria-label": t("BiChat.Sidebar.Settings"),
+                        title: t("BiChat.Sidebar.Settings"),
+                        children: /* @__PURE__ */ jsxRuntime.jsx(react.Gear, { size: 20 })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      react$1.MenuItems,
+                      {
+                        anchor: "top start",
+                        className: "w-48 bg-white/95 dark:bg-gray-900/95 backdrop-blur-lg rounded-xl shadow-lg border border-gray-200/80 dark:border-gray-700/60 z-30 [--anchor-gap:8px] mb-1 p-1.5",
+                        children: [
+                          onArchivedView && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxRuntime.jsxs(
+                            "button",
+                            {
+                              onClick: (e) => {
+                                e.preventDefault();
+                                e.stopPropagation();
+                                onArchivedView();
+                              },
+                              className: `cursor-pointer flex w-full items-center gap-2.5 rounded-lg px-2.5 py-1.5 text-[13px] text-gray-600 dark:text-gray-300 transition-colors ${focus ? "bg-gray-100 dark:bg-gray-800/70" : ""}`,
+                              "aria-label": t("BiChat.Sidebar.ArchivedChats"),
+                              children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 16, className: "text-gray-400 dark:text-gray-500" }),
+                                t("BiChat.Sidebar.ArchivedChats")
+                              ]
+                            }
+                          ) }),
+                          showAllChatsTab && activeTab !== "all-chats" && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxRuntime.jsxs(
+                            "button",
+                            {
+                              onClick: (e) => {
+                                e.preventDefault();
+                                e.stopPropagation();
+                                setActiveTab("all-chats");
+                              },
+                              className: `cursor-pointer flex w-full items-center gap-2.5 rounded-lg px-2.5 py-1.5 text-[13px] text-gray-600 dark:text-gray-300 transition-colors ${focus ? "bg-gray-100 dark:bg-gray-800/70" : ""}`,
+                              "aria-label": t("BiChat.Sidebar.AllChats"),
+                              children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(react.Users, { size: 16, className: "text-gray-400 dark:text-gray-500" }),
+                                t("BiChat.Sidebar.AllChats")
+                              ]
+                            }
+                          ) }),
+                          showAllChatsTab && activeTab === "all-chats" && /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxRuntime.jsxs(
+                            "button",
+                            {
+                              onClick: (e) => {
+                                e.preventDefault();
+                                e.stopPropagation();
+                                setActiveTab("my-chats");
+                              },
+                              className: `cursor-pointer flex w-full items-center gap-2.5 rounded-lg px-2.5 py-1.5 text-[13px] text-gray-600 dark:text-gray-300 transition-colors ${focus ? "bg-gray-100 dark:bg-gray-800/70" : ""}`,
+                              "aria-label": t("BiChat.Sidebar.MyChats"),
+                              children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(react.List, { size: 16, className: "text-gray-400 dark:text-gray-500" }),
+                                t("BiChat.Sidebar.MyChats")
+                              ]
+                            }
+                          ) })
+                        ]
                       }
                     )
-                  ] }),
-                  error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-2 mt-4 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-600 dark:text-red-400", children: error }) })
-                ]
+                  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        toggle();
+                      },
+                      className: "flex items-center gap-2 rounded-lg px-3 py-2 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50",
+                      title: t("BiChat.Sidebar.CollapseSidebar"),
+                      "aria-label": t("BiChat.Sidebar.CollapseSidebar"),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(react.CaretLineLeft, { size: 16 }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: t("BiChat.Sidebar.Collapse") })
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          collapsible && showCollapsed && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-0 inset-x-0 z-10 border-t border-gray-100 dark:border-gray-800/80 py-3 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group/tooltip relative", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  toggle();
+                },
+                className: "w-10 h-10 flex items-center justify-center rounded-lg text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50",
+                title: t("BiChat.Sidebar.ExpandSidebar"),
+                "aria-label": t("BiChat.Sidebar.ExpandSidebar"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(react.CaretLineRight, { size: 16 })
               }
             ),
-            footerSlot
-          ] })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-full ml-2 top-1/2 -translate-y-1/2 rounded-md bg-gray-900 dark:bg-gray-100 px-2 py-1 text-xs font-medium text-white dark:text-gray-900 opacity-0 group-hover/tooltip:opacity-100 transition-opacity whitespace-nowrap shadow-lg", children: t("BiChat.Sidebar.Expand") })
+          ] }) })
         ]
       }
     ),
@@ -8195,11 +8562,11 @@ function Sidebar2({
       ConfirmModal_default,
       {
         isOpen: showConfirm,
-        title: t("Sidebar.ArchiveChatSession"),
-        message: t("Sidebar.ArchiveChatMessage"),
-        confirmText: t("Sidebar.ArchiveButton"),
-        cancelText: t("Common.Cancel"),
-        isDanger: false,
+        title: t("BiChat.Sidebar.ArchiveChatSession"),
+        message: t("BiChat.Sidebar.ArchiveChatMessage"),
+        confirmText: t("BiChat.Sidebar.ArchiveButton"),
+        cancelText: t("BiChat.Common.Cancel"),
+        isDanger: true,
         onConfirm: confirmArchive,
         onCancel: () => {
           setShowConfirm(false);
@@ -8255,10 +8622,10 @@ function ArchivedChatList({
     try {
       await dataSource.unarchiveSession(sessionToRestore);
       setRefreshKey((k) => k + 1);
-      toast.success(t("Archived.ChatRestoredSuccessfully"));
+      toast.success(t("BiChat.Archived.ChatRestoredSuccessfully"));
     } catch (err) {
       console.error("Failed to restore session:", err);
-      toast.error(t("Archived.FailedToRestoreChat"));
+      toast.error(t("BiChat.Archived.FailedToRestoreChat"));
     } finally {
       setShowConfirm(false);
       setSessionToRestore(null);
@@ -8267,11 +8634,11 @@ function ArchivedChatList({
   const handleRenameSession = async (sessionId, newTitle) => {
     try {
       await dataSource.renameSession(sessionId, newTitle);
-      toast.success(t("Sidebar.ChatRenamedSuccessfully"));
+      toast.success(t("BiChat.Sidebar.ChatRenamedSuccessfully"));
       setRefreshKey((k) => k + 1);
     } catch (err) {
       console.error("Failed to update session title:", err);
-      toast.error(t("Sidebar.FailedToRenameChat"));
+      toast.error(t("BiChat.Sidebar.FailedToRenameChat"));
     }
   };
   const filteredSessions = React.useMemo(() => {
@@ -8299,10 +8666,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("BiChat.Archived.BackToChats"),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(react.ArrowLeft, { size: 20, className: "w-5 h-5" }),
-                t("Common.Back")
+                t("BiChat.Common.Back")
               ]
             }
           ) }),
@@ -8314,14 +8681,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("BiChat.Archived.Title") })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             SearchInput_default,
             {
               value: searchQuery,
               onChange: setSearchQuery,
-              placeholder: t("Archived.SearchArchivedChats")
+              placeholder: t("BiChat.Archived.SearchArchivedChats")
             }
           )
         ] }),
@@ -8335,8 +8702,8 @@ function ArchivedChatList({
                 className: "text-gray-400 dark:text-gray-500"
               }
             ),
-            title: t("Archived.NoArchivedChats"),
-            description: t("Archived.NoArchivedChatsDescription")
+            title: t("BiChat.Archived.NoArchivedChats"),
+            description: t("BiChat.Archived.NoArchivedChatsDescription")
           }
         ) }) : isEmptyAfterSearch ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full px-6", children: /* @__PURE__ */ jsxRuntime.jsx(
           MemoizedEmptyState,
@@ -8348,8 +8715,8 @@ function ArchivedChatList({
                 className: "text-gray-400 dark:text-gray-500"
               }
             ),
-            title: t("Archived.NoResults"),
-            description: t("Archived.NoResultsDescription", {
+            title: t("BiChat.Archived.NoResults"),
+            description: t("BiChat.Archived.NoResultsDescription", {
               query: searchQuery
             })
           }
@@ -8387,10 +8754,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("BiChat.Archived.RestoreChat"),
+            message: t("BiChat.Archived.RestoreChatMessage"),
+            confirmText: t("BiChat.Archived.RestoreButton"),
+            cancelText: t("BiChat.Common.Cancel"),
             isDanger: false,
             onConfirm: confirmRestore,
             onCancel: () => {
@@ -8404,6 +8771,231 @@ function ArchivedChatList({
     }
   );
 }
+
+// ui/src/bichat/components/SkipLink.tsx
+init_useTranslation();
+function SkipLink() {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href: "#main-content",
+      className: "sr-only focus-visible:not-sr-only focus-visible:absolute focus-visible:top-4 focus-visible:left-4 focus-visible:z-50 focus-visible:bg-primary-600 focus-visible:text-white focus-visible:px-4 focus-visible:py-2 focus-visible:rounded-lg focus-visible:shadow-lg",
+      children: t("BiChat.SkipLink.Label")
+    }
+  );
+}
+var MOBILE_QUERY = "(max-width: 767px)";
+function getIsMobile() {
+  if (typeof window === "undefined") return false;
+  return window.matchMedia(MOBILE_QUERY).matches;
+}
+function useSidebarState() {
+  const [isMobile, setIsMobile] = React.useState(getIsMobile);
+  const [isMobileOpen, setIsMobileOpen] = React.useState(false);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mql = window.matchMedia(MOBILE_QUERY);
+    const handler = (e) => {
+      setIsMobile(e.matches);
+      if (!e.matches) setIsMobileOpen(false);
+    };
+    if (mql.addEventListener) {
+      mql.addEventListener("change", handler);
+    } else if (mql.addListener) {
+      mql.addListener(handler);
+    }
+    return () => {
+      if (mql.removeEventListener) {
+        mql.removeEventListener("change", handler);
+      } else if (mql.removeListener) {
+        mql.removeListener(handler);
+      }
+    };
+  }, []);
+  const openMobile = React.useCallback(() => setIsMobileOpen(true), []);
+  const closeMobile = React.useCallback(() => setIsMobileOpen(false), []);
+  const toggleMobile = React.useCallback(() => setIsMobileOpen((v) => !v), []);
+  return { isMobile, isMobileOpen, openMobile, closeMobile, toggleMobile };
+}
+function useFocusTrap(containerRef, isActive, restoreFocusOnDeactivate) {
+  React.useEffect(() => {
+    if (!isActive || !containerRef.current) return;
+    const container = containerRef.current;
+    const previouslyFocused = document.activeElement;
+    const getFocusableElements = () => {
+      const selector = [
+        "button:not([disabled])",
+        "[href]",
+        "input:not([disabled])",
+        "select:not([disabled])",
+        "textarea:not([disabled])",
+        '[tabindex]:not([tabindex="-1"])'
+      ].join(", ");
+      return Array.from(container.querySelectorAll(selector));
+    };
+    const focusableElements = getFocusableElements();
+    if (focusableElements.length > 0) {
+      focusableElements[0].focus();
+    }
+    const handleTabKey = (e) => {
+      if (e.key !== "Tab") return;
+      const focusableElements2 = getFocusableElements();
+      if (focusableElements2.length === 0) return;
+      const firstElement = focusableElements2[0];
+      const lastElement = focusableElements2[focusableElements2.length - 1];
+      if (e.shiftKey) {
+        if (document.activeElement === firstElement) {
+          e.preventDefault();
+          lastElement.focus();
+        }
+      } else {
+        if (document.activeElement === lastElement) {
+          e.preventDefault();
+          firstElement.focus();
+        }
+      }
+    };
+    container.addEventListener("keydown", handleTabKey);
+    return () => {
+      container.removeEventListener("keydown", handleTabKey);
+      if (restoreFocusOnDeactivate) {
+        restoreFocusOnDeactivate.focus();
+      } else if (previouslyFocused instanceof HTMLElement) {
+        previouslyFocused.focus();
+      }
+    };
+  }, [containerRef, isActive, restoreFocusOnDeactivate]);
+}
+function useKeyboardShortcuts(shortcuts) {
+  React.useEffect(() => {
+    const handleKeyDown = (e) => {
+      const target = e.target;
+      if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target.isContentEditable) {
+        const allowInInput = shortcuts.find(
+          (s) => s.key.toLowerCase() === e.key.toLowerCase() && s.key.toLowerCase() === "escape"
+        );
+        if (!allowInInput) {
+          return;
+        }
+      }
+      const matchingShortcut = shortcuts.find((s) => {
+        const keyMatches = e.key.toLowerCase() === s.key.toLowerCase();
+        const modMatches = s.meta ? e.metaKey && !e.ctrlKey : s.ctrl ? e.ctrlKey || e.metaKey : !e.ctrlKey && !e.metaKey;
+        const shiftMatches = s.shift ? e.shiftKey : !e.shiftKey;
+        const altMatches = s.alt ? e.altKey : !e.altKey;
+        return keyMatches && modMatches && shiftMatches && altMatches;
+      });
+      if (matchingShortcut) {
+        if (matchingShortcut.preventDefault !== false) {
+          e.preventDefault();
+        }
+        matchingShortcut.callback();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [shortcuts]);
+}
+
+// ui/src/bichat/components/BiChatLayout.tsx
+init_useTranslation();
+function BiChatLayout({
+  renderSidebar,
+  children,
+  onNewChat,
+  routeKey,
+  className = ""
+}) {
+  const { t } = useTranslation();
+  const { isMobile, isMobileOpen, openMobile, closeMobile } = useSidebarState();
+  const drawerRef = React.useRef(null);
+  const menuButtonRef = React.useRef(null);
+  useFocusTrap(drawerRef, isMobile && isMobileOpen, menuButtonRef.current);
+  const shortcuts = React.useMemo(() => {
+    if (!onNewChat) return [];
+    return [{ key: "n", ctrl: true, callback: onNewChat, description: "New chat" }];
+  }, [onNewChat]);
+  useKeyboardShortcuts(shortcuts);
+  React.useEffect(() => {
+    if (!isMobile || !isMobileOpen) return;
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        closeMobile();
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [closeMobile, isMobile, isMobileOpen]);
+  const handleDrawerDragEnd = (_, info) => {
+    if (info.offset.x < -80) {
+      closeMobile();
+    }
+  };
+  const content = routeKey ? /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      className: "flex flex-1 min-h-0",
+      initial: { opacity: 0, y: 4 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -4 },
+      transition: { duration: 0.15, ease: "easeOut" },
+      children
+    },
+    routeKey
+  ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 min-h-0", children });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex flex-1 w-full h-full min-h-0 overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SkipLink, {}),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:block", children: renderSidebar({}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isMobile && isMobileOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          className: "fixed inset-0 z-40 bg-black/40",
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          onClick: closeMobile,
+          "aria-hidden": "true"
+        },
+        "sidebar-backdrop"
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          className: "fixed inset-y-0 left-0 z-50 w-[18rem] max-w-[85vw] shadow-2xl",
+          initial: { x: "-100%" },
+          animate: { x: 0 },
+          exit: { x: "-100%" },
+          transition: { type: "spring", stiffness: 320, damping: 32 },
+          drag: "x",
+          dragDirectionLock: true,
+          dragConstraints: { left: -120, right: 0 },
+          dragElastic: { left: 0.2, right: 0 },
+          onDragEnd: handleDrawerDragEnd,
+          onClick: (e) => e.stopPropagation(),
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: drawerRef, className: "h-full bg-white dark:bg-gray-900", children: renderSidebar({ onClose: closeMobile }) })
+        },
+        "sidebar-drawer"
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("main", { id: "main-content", className: "relative flex-1 flex flex-col min-h-0 overflow-hidden", children: [
+      isMobile && !isMobileOpen && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          ref: menuButtonRef,
+          onClick: openMobile,
+          className: "md:hidden absolute top-3 left-3 z-30 w-10 h-10 rounded-xl bg-white/90 dark:bg-gray-900/90 text-gray-700 dark:text-gray-200 border border-gray-200/60 dark:border-gray-800/80 shadow-sm flex items-center justify-center hover:bg-white dark:hover:bg-gray-900 transition-colors cursor-pointer focus-visible:ring-2 focus-visible:ring-primary-400/50",
+          "aria-label": t("BiChat.Layout.OpenSidebar"),
+          title: t("BiChat.Layout.OpenSidebar"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(react.List, { size: 20, weight: "bold" })
+        }
+      ),
+      content
+    ] })
+  ] });
+}
 init_useTranslation();
 var variantStyles = {
   error: {
@@ -8476,7 +9068,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("BiChat.Chat.Retry")
               }
             )
           ] })
@@ -8486,7 +9078,7 @@ function Alert({
           {
             onClick: onDismiss,
             className: `${styles.button} transition-colors flex-shrink-0`,
-            "aria-label": t("Chat.DismissNotification"),
+            "aria-label": t("BiChat.Chat.DismissNotification"),
             children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 20, className: "w-5 h-5" })
           }
         )
@@ -8495,12 +9087,14 @@ function Alert({
   ) });
 }
 var Alert_default = React.memo(Alert);
+init_useTranslation();
 function ArchiveBanner({
   show = true,
   onRestore,
   restoring = false,
   onRestoreComplete
 }) {
+  const { t } = useTranslation();
   const [error, setError] = React.useState(null);
   const handleRestore = async () => {
     try {
@@ -8512,7 +9106,7 @@ function ArchiveBanner({
         onRestoreComplete();
       }
     } catch (err) {
-      const message = err instanceof Error ? err.message : "Failed to restore session";
+      const message = err instanceof Error ? err.message : t("BiChat.Archive.RestoreFailed");
       setError(message);
     }
   };
@@ -8526,11 +9120,11 @@ function ArchiveBanner({
         exit: "exit",
         className: "border-t border border-blue-200 bg-blue-50 dark:bg-blue-900/20 px-4 py-3",
         role: "region",
-        "aria-label": "Archive banner",
+        "aria-label": t("BiChat.Archive.Banner"),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex items-start justify-between px-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 flex-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 20, className: "w-5 h-5 text-blue-600 dark:text-blue-400 flex-shrink-0 mt-0.5" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-blue-700 dark:text-blue-400", children: "This chat session has been archived" }) })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-blue-700 dark:text-blue-400", children: t("BiChat.Archive.Archived") }) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
@@ -8538,11 +9132,11 @@ function ArchiveBanner({
               onClick: handleRestore,
               disabled: restoring,
               className: "ml-2 flex-shrink-0 px-3 py-1.5 text-xs font-medium bg-blue-600 dark:bg-blue-700 hover:bg-blue-700 dark:hover:bg-blue-800 text-white rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1.5",
-              "aria-label": "Restore session",
+              "aria-label": t("BiChat.Archive.Restore"),
               children: restoring ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(react.Spinner, { size: 16, className: "w-4 h-4 animate-spin" }),
-                "Restoring..."
-              ] }) : "Restore"
+                t("BiChat.Archive.Restoring")
+              ] }) : t("BiChat.Archive.Restore")
             }
           )
         ] })
@@ -8553,7 +9147,7 @@ function ArchiveBanner({
       {
         variant: "error",
         message: error,
-        title: "Restore Failed",
+        title: t("BiChat.Archive.RestoreFailed"),
         onDismiss: () => setError(null),
         dismissible: true
       }
@@ -8593,17 +9187,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("BiChat.Retry.Subtitle") })
               ] }),
               /* @__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("BiChat.Retry.Title"),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(react.ArrowClockwise, { size: 16, className: "w-4 h-4" }),
-                    t("Retry.Button")
+                    t("BiChat.Retry.Button")
                   ]
                 }
               ) })
@@ -8641,7 +9235,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("BiChat.Error.Generic") }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-600 dark:text-red-300 break-words", children: error })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
@@ -8653,7 +9247,7 @@ function StreamError({
               type: "button",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(react.ArrowClockwise, { className: "w-4 h-4" }),
-                t("streamError.retry")
+                t("BiChat.StreamError.Retry")
               ]
             }
           ),
@@ -8665,7 +9259,7 @@ function StreamError({
               type: "button",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(react.ArrowsCounterClockwise, { className: "w-4 h-4" }),
-                t("streamError.regenerate")
+                t("BiChat.StreamError.Regenerate")
               ]
             }
           )
@@ -8674,6 +9268,7 @@ function StreamError({
     }
   );
 }
+init_useTranslation();
 function MessageActions({
   message,
   onCopy,
@@ -8683,14 +9278,15 @@ function MessageActions({
   const [copying, setCopying] = React.useState(false);
   const [regenerating, setRegenerating] = React.useState(false);
   const toast = useToast();
+  const { t } = useTranslation();
   const isUser = message.role === "user" /* User */;
   const handleCopy = async () => {
     setCopying(true);
     try {
       await onCopy(message.content);
-      toast.success("Copied to clipboard");
+      toast.success(t("BiChat.Message.CopiedToClipboard"));
     } catch {
-      toast.error("Failed to copy message");
+      toast.error(t("BiChat.Message.FailedToCopy"));
     } finally {
       setCopying(false);
     }
@@ -8710,9 +9306,9 @@ function MessageActions({
       {
         onClick: handleCopy,
         disabled: copying,
-        title: copying ? "Copying..." : "Copy message (Cmd/Ctrl+C on selection)",
+        title: copying ? t("BiChat.Message.Copying") : t("BiChat.Message.CopyMessage"),
         className: "cursor-pointer text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-gray-300 rounded-md transition-colors disabled:opacity-50 p-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50",
-        "aria-label": copying ? "Copying message" : "Copy message",
+        "aria-label": copying ? t("BiChat.Message.Copying") : t("BiChat.Message.CopyMessage"),
         children: copying ? /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { variant: "spinner", size: "sm" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Copy, { size: 16, className: "w-4 h-4" })
       }
     ),
@@ -8721,9 +9317,9 @@ function MessageActions({
       {
         onClick: handleRegenerate,
         disabled: regenerating,
-        title: regenerating ? "Regenerating..." : "Regenerate response",
+        title: regenerating ? t("BiChat.Message.Regenerating") : t("BiChat.Message.Regenerate"),
         className: "cursor-pointer text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-gray-300 rounded-md transition-colors disabled:opacity-50 p-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50",
-        "aria-label": regenerating ? "Regenerating response" : "Regenerate response",
+        "aria-label": regenerating ? t("BiChat.Message.Regenerating") : t("BiChat.Message.Regenerate"),
         children: regenerating ? /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { variant: "spinner", size: "sm" }) : /* @__PURE__ */ jsxRuntime.jsx(react.ArrowClockwise, { size: 16, className: "w-4 h-4" })
       }
     ),
@@ -8731,16 +9327,18 @@ function MessageActions({
       "button",
       {
         onClick: () => onEdit(message),
-        title: "Edit message",
+        title: t("BiChat.Message.EditMessage"),
         className: "cursor-pointer text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-gray-300 rounded-md transition-colors p-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50",
-        "aria-label": "Edit message",
+        "aria-label": t("BiChat.Message.EditMessage"),
         children: /* @__PURE__ */ jsxRuntime.jsx(react.PencilSimple, { size: 16, className: "w-4 h-4" })
       }
     )
   ] });
 }
 React.memo(MessageActions);
+init_useTranslation();
 var AttachmentPreview = React.memo(({ attachment, onRemove, onClick, readonly = false }) => {
+  const { t } = useTranslation();
   const [isImageLoaded, setIsImageLoaded] = React.useState(false);
   const [imageError, setImageError] = React.useState(false);
   const previewUrl = attachment.preview || createDataUrl(attachment.base64Data, attachment.mimeType);
@@ -8772,7 +9370,7 @@ var AttachmentPreview = React.memo(({ attachment, onRemove, onClick, readonly =
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mb-2 overflow-hidden rounded-md bg-gray-100 dark:bg-gray-700 aspect-square", children: [
           !isImageLoaded && !imageError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 animate-pulse bg-gray-200 dark:bg-gray-600" }),
-          imageError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-100 dark:bg-gray-700", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Preview unavailable" }) }),
+          imageError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-100 dark:bg-gray-700", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.Attachment.PreviewUnavailable") }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "img",
             {
@@ -8808,7 +9406,7 @@ var AttachmentPreview = React.memo(({ attachment, onRemove, onClick, readonly =
             },
             className: "absolute top-1 right-1 flex items-center justify-center bg-red-500 hover:bg-red-600 dark:bg-red-600 dark:hover:bg-red-700 text-white rounded-full transition-all duration-200 shadow-sm hover:shadow-md active:scale-90 w-6 h-6",
             "aria-label": `Remove ${attachment.filename}`,
-            title: "Remove attachment",
+            title: t("BiChat.Attachment.Remove"),
             children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 14, className: "w-3.5 h-3.5", weight: "bold" })
           }
         )
@@ -8837,7 +9435,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("BiChat.Error.MaxFiles", { max: maxAttachments, selected: files.length }));
             setIsLoading(false);
             return;
           }
@@ -8877,10 +9475,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("BiChat.Attachment.FileAdded", { size: formatFileSize(attachments[0].sizeBytes) }) : t("BiChat.Attachment.FileAdded", { size: `${attachments.length} files` });
             toast.success(message);
           } else if (errors.length > 0) {
-            toast.error(t("Attachment.InvalidFile"));
+            toast.error(t("BiChat.Attachment.InvalidFile"));
           }
         } finally {
           setIsLoading(false);
@@ -8903,7 +9501,7 @@ var AttachmentUpload = React.memo(
           onChange: handleFileSelect,
           disabled: isDisabled,
           className: "sr-only",
-          "aria-label": t("Attachment.SelectFiles")
+          "aria-label": t("BiChat.Attachment.SelectFiles")
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -8913,7 +9511,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("BiChat.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" })
         }
@@ -8951,20 +9549,6 @@ function ScreenReaderAnnouncer({
   );
 }
 
-// ui/src/bichat/components/SkipLink.tsx
-init_useTranslation();
-function SkipLink() {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "a",
-    {
-      href: "#main-content",
-      className: "sr-only focus-visible:not-sr-only focus-visible:absolute focus-visible:top-4 focus-visible:left-4 focus-visible:z-50 focus-visible:bg-primary-600 focus-visible:text-white focus-visible:px-4 focus-visible:py-2 focus-visible:rounded-lg focus-visible:shadow-lg",
-      children: t("skipLink.label")
-    }
-  );
-}
-
 // ui/src/bichat/components/QuestionForm.tsx
 init_useTranslation();
 
@@ -9001,7 +9585,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("BiChat.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(
@@ -9041,7 +9625,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("BiChat.Question.SpecifyOther"),
         ":"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -9050,7 +9634,7 @@ function QuestionStep({
           id: "other-input",
           value: otherText,
           onChange: (e) => handleOtherTextChange(e.target.value),
-          placeholder: t("Question.Other"),
+          placeholder: t("BiChat.Question.OtherOption"),
           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"
         }
@@ -9068,8 +9652,8 @@ function ConfirmationStep({
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: t("questionForm.reviewTitle") }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: t("questionForm.reviewDescription") })
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: t("BiChat.QuestionForm.ReviewTitle") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: t("BiChat.QuestionForm.ReviewDescription") })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: questions.map((question) => {
       const answerData = answers[question.id] || { options: [] };
@@ -9093,12 +9677,12 @@ 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("BiChat.Question.OtherOption"),
                   ":"
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "italic", children: customText })
               ] })
-            ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-400 dark:text-gray-500 italic", children: t("questionForm.skip") })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-400 dark:text-gray-500 italic", children: t("BiChat.QuestionForm.Skip") })
           ]
         },
         question.id
@@ -9115,12 +9699,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("BiChat.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("BiChat.Error.CustomTextRequired", { question: q.text }) : `Please enter custom text for question: ${q.text}`;
     }
   }
   return null;
@@ -9173,24 +9757,24 @@ 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("BiChat.Error.Generic");
       setError(errorMessage);
       setIsSubmitting(false);
     }
   };
   const totalSteps = questions.length + 1;
-  const progressText = isConfirmationStep ? t("questionForm.step", { current: totalSteps, total: totalSteps }) : t("questionForm.step", { current: currentStep + 1, total: totalSteps });
+  const progressText = isConfirmationStep ? t("BiChat.QuestionForm.Step", { current: totalSteps, total: totalSteps }) : t("BiChat.QuestionForm.Step", { current: currentStep + 1, total: totalSteps });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50 p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-gray-200 dark:border-gray-700 p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("questionForm.title") }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("BiChat.QuestionForm.Title") }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             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("BiChat.Common.Close"),
             children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { className: "w-6 h-6" })
           }
         )
@@ -9224,7 +9808,7 @@ function QuestionForm({
           onClick: handleBack,
           disabled: isSubmitting,
           className: "cursor-pointer px-6 py-2 text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-700 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-600 disabled:opacity-50 font-medium transition-colors",
-          children: t("questionForm.back")
+          children: t("BiChat.QuestionForm.Back")
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
@@ -9235,7 +9819,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("BiChat.Message.Cancel")
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -9246,7 +9830,7 @@ function QuestionForm({
             className: "cursor-pointer px-6 py-2 bg-primary-600 hover:bg-primary-700 disabled:opacity-50 text-white rounded-lg font-medium transition-colors flex items-center gap-2",
             children: [
               isSubmitting && /* @__PURE__ */ jsxRuntime.jsx(MemoizedLoadingSpinner, { size: "sm" }),
-              isSubmitting ? t("questionForm.submitting") : t("questionForm.confirm")
+              isSubmitting ? t("BiChat.QuestionForm.Submitting") : t("BiChat.QuestionForm.Confirm")
             ]
           }
         )
@@ -9258,7 +9842,7 @@ function QuestionForm({
             onClick: handleNext,
             disabled: !currentQuestionAnswered || isSubmitting,
             className: "cursor-pointer px-6 py-2 bg-primary-600 hover:bg-primary-700 disabled:opacity-50 text-white rounded-lg font-medium transition-colors",
-            children: t("questionForm.next")
+            children: t("BiChat.QuestionForm.Next")
           }
         )
       )
@@ -9663,55 +10247,6 @@ function useModalLock(isOpen) {
     };
   }, [isOpen]);
 }
-function useFocusTrap(containerRef, isActive, restoreFocusOnDeactivate) {
-  React.useEffect(() => {
-    if (!isActive || !containerRef.current) return;
-    const container = containerRef.current;
-    const previouslyFocused = document.activeElement;
-    const getFocusableElements = () => {
-      const selector = [
-        "button:not([disabled])",
-        "[href]",
-        "input:not([disabled])",
-        "select:not([disabled])",
-        "textarea:not([disabled])",
-        '[tabindex]:not([tabindex="-1"])'
-      ].join(", ");
-      return Array.from(container.querySelectorAll(selector));
-    };
-    const focusableElements = getFocusableElements();
-    if (focusableElements.length > 0) {
-      focusableElements[0].focus();
-    }
-    const handleTabKey = (e) => {
-      if (e.key !== "Tab") return;
-      const focusableElements2 = getFocusableElements();
-      if (focusableElements2.length === 0) return;
-      const firstElement = focusableElements2[0];
-      const lastElement = focusableElements2[focusableElements2.length - 1];
-      if (e.shiftKey) {
-        if (document.activeElement === firstElement) {
-          e.preventDefault();
-          lastElement.focus();
-        }
-      } else {
-        if (document.activeElement === lastElement) {
-          e.preventDefault();
-          firstElement.focus();
-        }
-      }
-    };
-    container.addEventListener("keydown", handleTabKey);
-    return () => {
-      container.removeEventListener("keydown", handleTabKey);
-      if (restoreFocusOnDeactivate) {
-        restoreFocusOnDeactivate.focus();
-      } else if (previouslyFocused instanceof HTMLElement) {
-        previouslyFocused.focus();
-      }
-    };
-  }, [containerRef, isActive, restoreFocusOnDeactivate]);
-}
 function useImageGallery(options = {}) {
   const { images: initialImages = [], wrap = false, onOpen, onClose, onNavigate } = options;
   const [isOpen, setIsOpen] = React.useState(false);
@@ -10247,36 +10782,6 @@ function useScrollToBottom(items) {
     scrollToBottom
   };
 }
-function useKeyboardShortcuts(shortcuts) {
-  React.useEffect(() => {
-    const handleKeyDown = (e) => {
-      const target = e.target;
-      if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target.isContentEditable) {
-        const allowInInput = shortcuts.find(
-          (s) => s.key.toLowerCase() === e.key.toLowerCase() && s.key.toLowerCase() === "escape"
-        );
-        if (!allowInInput) {
-          return;
-        }
-      }
-      const matchingShortcut = shortcuts.find((s) => {
-        const keyMatches = e.key.toLowerCase() === s.key.toLowerCase();
-        const modMatches = s.meta ? e.metaKey && !e.ctrlKey : s.ctrl ? e.ctrlKey || e.metaKey : !e.ctrlKey && !e.metaKey;
-        const shiftMatches = s.shift ? e.shiftKey : !e.shiftKey;
-        const altMatches = s.alt ? e.altKey : !e.altKey;
-        return keyMatches && modMatches && shiftMatches && altMatches;
-      });
-      if (matchingShortcut) {
-        if (matchingShortcut.preventDefault !== false) {
-          e.preventDefault();
-        }
-        matchingShortcut.callback();
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [shortcuts]);
-}
 
 // ui/src/bichat/index.ts
 init_IotaContext();
@@ -10731,12 +11236,63 @@ function toDownloadArtifact(artifact) {
     description: artifact.description
   };
 }
+function extractChartDataFromToolCalls(toolCalls) {
+  if (!toolCalls) return void 0;
+  for (const tc of toolCalls) {
+    if (tc.name === "draw_chart" && tc.result) {
+      const parsed = parseChartDataFromJsonString(tc.result);
+      if (parsed) return parsed;
+    }
+  }
+  return void 0;
+}
+var EXPORT_TOOL_NAMES = {
+  export_query_to_excel: "excel",
+  export_data_to_excel: "excel",
+  export_to_pdf: "pdf"
+};
+function extractDownloadArtifactsFromToolCalls(toolCalls) {
+  if (!toolCalls) return [];
+  const artifacts = [];
+  for (const tc of toolCalls) {
+    const type = EXPORT_TOOL_NAMES[tc.name];
+    if (!type || !tc.result) continue;
+    let parsed;
+    try {
+      parsed = JSON.parse(tc.result);
+    } catch {
+      continue;
+    }
+    if (!isRecord(parsed) || typeof parsed.url !== "string" || !parsed.url) continue;
+    const filename = typeof parsed.filename === "string" && parsed.filename ? parsed.filename : parsed.url.split("/").pop() || "download";
+    const sizeKB = typeof parsed.file_size_kb === "number" ? parsed.file_size_kb : void 0;
+    const sizeBytes = typeof parsed.size === "number" ? parsed.size : sizeKB != null ? sizeKB * 1024 : void 0;
+    artifacts.push({
+      type,
+      filename,
+      url: parsed.url,
+      sizeReadable: sizeBytes != null ? formatSizeReadable(sizeBytes) : void 0,
+      rowCount: parseRowCount(parsed),
+      description: typeof parsed.description === "string" ? parsed.description : void 0
+    });
+  }
+  return artifacts;
+}
 function normalizeAssistantTurn(turn) {
+  const existingArtifacts = turn.artifacts || [];
+  const fromToolCalls = extractDownloadArtifactsFromToolCalls(turn.toolCalls);
+  const merged = [...existingArtifacts];
+  for (const a of fromToolCalls) {
+    if (!merged.some((e) => e.url === a.url && e.filename === a.filename)) {
+      merged.push(a);
+    }
+  }
   return {
     ...turn,
     role: turn.role || "assistant" /* Assistant */,
+    chartData: turn.chartData || extractChartDataFromToolCalls(turn.toolCalls),
     citations: turn.citations || [],
-    artifacts: turn.artifacts || [],
+    artifacts: merged,
     codeOutputs: turn.codeOutputs || []
   };
 }
@@ -11147,6 +11703,7 @@ exports.AttachmentGrid = MemoizedAttachmentGrid;
 exports.AttachmentPreview = AttachmentPreview_default;
 exports.AttachmentUpload = AttachmentUpload_default;
 exports.Avatar = Avatar;
+exports.BiChatLayout = BiChatLayout;
 exports.Bubble = Bubble;
 exports.CHART_VISUAL = CHART_VISUAL;
 exports.ChartCard = ChartCard;
@@ -11233,6 +11790,7 @@ exports.getValidChildren = getValidChildren;
 exports.groupSessionsByDate = groupSessionsByDate;
 exports.hasPermission = hasPermission;
 exports.isImageMimeType = isImageMimeType;
+exports.isPermissionDeniedError = isPermissionDeniedError;
 exports.lightTheme = lightTheme;
 exports.listItemVariants = listItemVariants;
 exports.messageContainerVariants = messageContainerVariants;
@@ -11240,6 +11798,7 @@ exports.messageVariants = messageVariants;
 exports.scaleFadeVariants = scaleFadeVariants;
 exports.sessionItemVariants = sessionItemVariants;
 exports.staggerContainerVariants = staggerContainerVariants;
+exports.toErrorDisplay = toErrorDisplay;
 exports.toastVariants = toastVariants;
 exports.typingDotVariants = typingDotVariants;
 exports.useActionButtonContext = useActionButtonContext;
@@ -11262,6 +11821,7 @@ exports.useModalLock = useModalLock;
 exports.useOptionalChatMessaging = useOptionalChatMessaging;
 exports.useRequiredConfig = useRequiredConfig;
 exports.useScrollToBottom = useScrollToBottom;
+exports.useSidebarState = useSidebarState;
 exports.useStreaming = useStreaming;
 exports.useTheme = useTheme;
 exports.useToast = useToast;