@iota-uz/sdk 0.4.9 → 0.4.11

package/dist/bichat/index.mjs

@@ -2,12 +2,12 @@ import React, { createContext, lazy, memo, forwardRef, useState, useRef, useMemo
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import ReactApexChart from 'react-apexcharts';
 import ApexCharts from 'apexcharts';
-import { X, Bug, ArrowUp, ArrowDown, Stack, Paperclip, PaperPlaneRight, CircleNotch, ArrowUUpLeft, PencilSimple, Check, Bookmark, ArrowsClockwise, Archive, Trash, DotsThree, Warning, ArrowClockwise, Image, ImageBroken, CaretLeft, CaretRight, MagnifyingGlass, WarningCircle, CaretDown, Info, CheckCircle, XCircle, Spinner, Copy, FilePdf, FileXls, FileCsv, FileDoc, FileCode, FileText, File, ChartBar, DownloadSimple, Download, ChatCircleDots, PencilSimpleLine, ArrowLeft, PaperPlaneTilt, ArrowRight, Timer, Lightning, Database, Wrench, ClockCounterClockwise, Lightbulb, Package, Plus, ArrowsCounterClockwise, Code, ArrowSquareOut, SpinnerGap, FloppyDisk, Sidebar } from '@phosphor-icons/react';
+import { X, Bug, ArrowUp, ArrowDown, Stack, Paperclip, PaperPlaneRight, CircleNotch, ArrowUUpLeft, PencilSimple, Check, Bookmark, ArrowsClockwise, Archive, Trash, DotsThree, Warning, ArrowClockwise, Image, ImageBroken, CaretLeft, CaretRight, MagnifyingGlass, WarningCircle, CaretDown, Info, CheckCircle, XCircle, Spinner, Copy, FilePdf, FileXls, FileCsv, FileDoc, FileCode, FileText, File, ChartBar, DownloadSimple, Download, ChatCircleDots, PencilSimpleLine, ArrowLeft, PaperPlaneTilt, ArrowRight, Timer, Lightning, Database, Wrench, ClockCounterClockwise, Lightbulb, Package, Plus, Gear, Users, List, CaretLineLeft, CaretLineRight, ArrowsCounterClockwise, Code, ArrowSquareOut, SpinnerGap, FloppyDisk, Sidebar } from '@phosphor-icons/react';
 import { Prism } from 'react-syntax-highlighter';
 import { vscDarkPlus, vs } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
-import { motion, AnimatePresence, useReducedMotion } from 'framer-motion';
+import { useMotionValue, useTransform, motion, AnimatePresence, useReducedMotion } from 'framer-motion';
 import { formatDistanceToNow, startOfDay, differenceInDays } from 'date-fns';
 import { Menu, MenuButton, MenuItems, MenuItem, Dialog, DialogBackdrop, DialogPanel, DialogTitle, Description, Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/react';
 import { createPortal } from 'react-dom';
@@ -49,23 +49,25 @@ var init_IotaContext = __esm({
     IotaContext = 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 = 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({
@@ -85,7 +87,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 }));
@@ -161,10 +163,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__ */ jsx("span", { className: "text-gray-500 dark:text-gray-400", children: t("Chart.Exporting") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        title: t("BiChat.Chart.Download"),
+        children: isExporting ? /* @__PURE__ */ jsx("span", { className: "text-gray-500 dark:text-gray-400", children: t("BiChat.Chart.Exporting") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(DownloadSimple, { className: "h-3.5 w-3.5", weight: "bold" }),
-          /* @__PURE__ */ jsx("span", { children: t("Chart.DownloadPNG") })
+          /* @__PURE__ */ jsx("span", { children: t("BiChat.Chart.DownloadPNG") })
         ] })
       }
     ) })
@@ -1496,8 +1498,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
@@ -1513,7 +1515,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__ */ jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
     }
   ) : null;
@@ -1523,7 +1525,7 @@ function ChatHeader({ session, onBack, readOnly, logoSlot, actionsSlot }) {
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
         BackButton,
         Logo,
-        /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-[var(--bichat-text)]", children: t("Chat.NewChat") })
+        /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-[var(--bichat-text)]", children: t("BiChat.Chat.NewChat") })
       ] }),
       actionsSlot && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actionsSlot })
     ] }) });
@@ -1539,14 +1541,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__ */ 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__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      readOnly && /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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
     ] })
   ] }) });
@@ -1963,6 +1965,7 @@ function AttachmentGrid({
 var MemoizedAttachmentGrid = React.memo(AttachmentGrid);
 MemoizedAttachmentGrid.displayName = "AttachmentGrid";
 var AttachmentGrid_default = MemoizedAttachmentGrid;
+init_useTranslation();
 function ImageModal({
   isOpen,
   onClose,
@@ -1971,6 +1974,7 @@ function ImageModal({
   currentIndex = 0,
   onNavigate
 }) {
+  const { t } = useTranslation();
   const [isImageLoaded, setIsImageLoaded] = useState(false);
   const [imageError, setImageError] = useState(false);
   const [retryKey, setRetryKey] = useState(0);
@@ -2023,7 +2027,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__ */ jsx(X, { size: 18, weight: "bold" })
           }
@@ -2039,11 +2043,11 @@ function ImageModal({
           children: [
             !isImageLoaded && !imageError && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
               /* @__PURE__ */ 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__ */ jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500", children: "Loading" })
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.Loading") })
             ] }) }),
             imageError && /* @__PURE__ */ jsxs("div", { role: "alert", className: "flex flex-col items-center justify-center text-center max-w-xs", children: [
               /* @__PURE__ */ 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__ */ jsx(ImageBroken, { size: 28, className: "text-gray-400 dark:text-gray-500", weight: "duotone" }) }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Failed to load image" }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: t("BiChat.Image.FailedToLoad") }),
               /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500 mb-5 truncate max-w-full", children: attachment.filename }),
               /* @__PURE__ */ jsxs(
                 "button",
@@ -2051,10 +2055,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__ */ jsx(ArrowClockwise, { size: 16, weight: "bold" }),
-                    "Retry"
+                    t("BiChat.Retry.Label")
                   ]
                 }
               )
@@ -2088,7 +2092,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__ */ jsx(CaretLeft, { size: 20, weight: "bold" })
                 }
@@ -2104,7 +2108,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__ */ jsx(CaretRight, { size: 20, weight: "bold" })
                 }
@@ -2351,7 +2355,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__ */ jsx(Check, { size: 14, weight: "bold" }) : /* @__PURE__ */ jsx(Copy, { size: 14, weight: "regular" })
             }
           ),
@@ -2593,8 +2597,10 @@ function DownloadCard({ artifact }) {
     }
   );
 }
+init_useTranslation();
 function InlineQuestionForm({ pendingQuestion }) {
   const { handleSubmitQuestionAnswers, handleRejectPendingQuestion, loading } = useChatMessaging();
+  const { t } = useTranslation();
   const [currentStep, setCurrentStep] = useState(0);
   const [answers, setAnswers] = useState({});
   const [otherTexts, setOtherTexts] = useState({});
@@ -2697,11 +2703,11 @@ function InlineQuestionForm({ pendingQuestion }) {
   const options = currentQuestion.options || [];
   const isOtherSelected = currentAnswer?.customText !== void 0;
   const canProceed = isCurrentAnswerValid();
-  return /* @__PURE__ */ 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__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+  return /* @__PURE__ */ 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__ */ jsxs("form", { onSubmit: handleSubmit, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 px-4 pt-4 pb-3", children: [
       /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-7 h-7 rounded-lg bg-primary-100 dark:bg-primary-900/40", children: /* @__PURE__ */ jsx(ChatCircleDots, { className: "w-4 h-4 text-primary-600 dark:text-primary-400", weight: "fill" }) }),
       /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-primary-600 dark:text-primary-400", children: "Input needed" }),
+        /* @__PURE__ */ 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__ */ jsxs("span", { className: "text-[11px] tabular-nums text-gray-400 dark:text-gray-500", children: [
           currentStep + 1,
           "/",
@@ -2715,7 +2721,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__ */ jsx(X, { size: 16, weight: "bold" })
         }
       )
@@ -2737,7 +2743,7 @@ function InlineQuestionForm({ pendingQuestion }) {
     }) }),
     /* @__PURE__ */ jsxs("div", { className: "px-4 pb-3", children: [
       /* @__PURE__ */ jsx("p", { className: "text-[15px] leading-relaxed text-gray-800 dark:text-gray-200", children: currentQuestion.text }),
-      isMultiSelect && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-400 dark:text-gray-500", children: "Select all that apply" })
+      isMultiSelect && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.InlineQuestion.SelectAllThatApply") })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "px-4 pb-2 space-y-1.5", children: [
       options.map((option) => {
@@ -2816,18 +2822,17 @@ function InlineQuestionForm({ pendingQuestion }) {
             /* @__PURE__ */ 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__ */ jsx("div", { className: "pl-8 pr-1 pb-1 animate-slide-up", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: "pl-8 pr-1 pb-1", children: /* @__PURE__ */ 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"
         }
       ) })
@@ -2841,7 +2846,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__ */ jsx(ArrowLeft, { size: 14, weight: "bold" }),
-            "Back"
+            t("BiChat.InlineQuestion.Back")
           ]
         }
       ) }),
@@ -2856,10 +2861,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__ */ jsxs(Fragment, { children: [
-            "Submit",
+            t("BiChat.Submit"),
             /* @__PURE__ */ jsx(PaperPlaneTilt, { size: 14, weight: "fill" })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            "Next",
+            t("BiChat.InlineQuestion.Next"),
             /* @__PURE__ */ jsx(ArrowRight, { size: 14, weight: "bold" })
           ] })
         }
@@ -3028,13 +3033,13 @@ function ToolCard({ tool }) {
             children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden min-h-0", children: /* @__PURE__ */ jsxs("div", { className: "px-3 pb-3 pt-1 space-y-2", children: [
               tool.arguments && /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "text-[10px] uppercase tracking-wider font-medium text-gray-500", children: t("Slash.DebugArguments") }),
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-wider font-medium text-gray-500", children: t("BiChat.Slash.DebugArguments") }),
                   /* @__PURE__ */ jsx(
                     CopyPill,
                     {
                       text: tool.arguments,
-                      label: t("Slash.DebugCopyTrace"),
-                      copiedLabel: t("Slash.DebugCopied")
+                      label: t("BiChat.Slash.DebugCopyTrace"),
+                      copiedLabel: t("BiChat.Slash.DebugCopied")
                     }
                   )
                 ] }),
@@ -3042,20 +3047,20 @@ function ToolCard({ tool }) {
               ] }),
               tool.result && /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "text-[10px] uppercase tracking-wider font-medium text-gray-500", children: t("Slash.DebugResult") }),
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-wider font-medium text-gray-500", children: t("BiChat.Slash.DebugResult") }),
                   /* @__PURE__ */ jsx(
                     CopyPill,
                     {
                       text: tool.result,
-                      label: t("Slash.DebugCopyTrace"),
-                      copiedLabel: t("Slash.DebugCopied")
+                      label: t("BiChat.Slash.DebugCopyTrace"),
+                      copiedLabel: t("BiChat.Slash.DebugCopied")
                     }
                   )
                 ] }),
                 /* @__PURE__ */ 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__ */ jsxs("div", { className: "rounded-lg bg-red-950/80 dark:bg-red-950/40 overflow-hidden ring-1 ring-red-800/20", children: [
-                /* @__PURE__ */ jsx("div", { className: "px-3 py-1.5 border-b border-red-800/20", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-wider font-medium text-red-400", children: t("Slash.DebugError") }) }),
+                /* @__PURE__ */ jsx("div", { className: "px-3 py-1.5 border-b border-red-800/20", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-wider font-medium text-red-400", children: t("BiChat.Slash.DebugError") }) }),
                 /* @__PURE__ */ 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 })
               ] })
             ] }) })
@@ -3075,7 +3080,7 @@ function DebugPanel({ trace }) {
       metrics.push({
         icon: /* @__PURE__ */ jsx(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"
       });
@@ -3084,7 +3089,7 @@ function DebugPanel({ trace }) {
       metrics.push({
         icon: /* @__PURE__ */ jsx(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"
       });
@@ -3094,21 +3099,21 @@ function DebugPanel({ trace }) {
         {
           icon: /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx(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"
         }
@@ -3117,7 +3122,7 @@ function DebugPanel({ trace }) {
         metrics.push({
           icon: /* @__PURE__ */ jsx(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"
         });
@@ -3128,14 +3133,14 @@ function DebugPanel({ trace }) {
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
         /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-6 h-6 rounded-lg bg-gray-100 dark:bg-gray-800", children: /* @__PURE__ */ jsx(Bug, { size: 14, weight: "duotone", className: "text-gray-500 dark:text-gray-400" }) }),
-        /* @__PURE__ */ jsx("h3", { className: "text-[11px] uppercase tracking-widest font-semibold text-gray-400 dark:text-gray-500", children: t("Slash.DebugPanelTitle") })
+        /* @__PURE__ */ 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__ */ 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")
         }
       )
     ] }),
@@ -3144,12 +3149,12 @@ function DebugPanel({ trace }) {
       trace.tools.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2.5", children: [
           /* @__PURE__ */ jsx(Wrench, { size: 13, weight: "duotone", className: "text-gray-400 dark:text-gray-500" }),
-          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-gray-500 dark:text-gray-400", children: t("Slash.DebugToolCalls") }),
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-gray-500 dark:text-gray-400", children: t("BiChat.Slash.DebugToolCalls") }),
           /* @__PURE__ */ 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__ */ jsx("div", { className: "space-y-1.5", children: trace.tools.map((tool, idx) => /* @__PURE__ */ jsx(ToolCard, { tool }, `${tool.callId || tool.name}-${idx}`)) })
       ] })
-    ] }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500 italic", children: t("Slash.DebugUnavailable") })
+    ] }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500 italic", children: t("BiChat.Slash.DebugUnavailable") })
   ] });
 }
 
@@ -3355,7 +3360,7 @@ function AssistantMessage({
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("Assistant.Explanation") })
+                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("BiChat.Assistant.Explanation") })
                 ]
               }
             ),
@@ -3381,7 +3386,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__ */ jsx(Check, { size: 14, weight: "bold" }) : /* @__PURE__ */ jsx(Copy, { size: 14, weight: "regular" })
             }
           ),
@@ -3475,7 +3480,7 @@ function SystemMessage({
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 pt-3 pb-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-gray-400 dark:text-gray-500", children: [
         /* @__PURE__ */ jsx(ClockCounterClockwise, { size: 13, weight: "bold" }),
-        /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wider", children: t("System.ConversationSummary") })
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wider", children: t("BiChat.System.ConversationSummary") })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex-1" }),
       !hideActions && !hideTimestamp && /* @__PURE__ */ jsx("span", { className: "text-[11px] text-gray-400 dark:text-gray-500 tabular-nums", children: timestamp }),
@@ -3489,7 +3494,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__ */ jsx(Check, { size: 13, weight: "bold" }) : /* @__PURE__ */ jsx(Copy, { size: 13, weight: "regular" })
         }
       )
@@ -3507,7 +3512,7 @@ function SystemMessage({
             {
               fallback: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-400 dark:text-gray-500 py-2", children: [
                 /* @__PURE__ */ 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__ */ jsx("span", { className: "text-xs", children: t("System.LoadingSummary") })
+                /* @__PURE__ */ jsx("span", { className: "text-xs", children: t("BiChat.System.LoadingSummary") })
               ] }),
               children: /* @__PURE__ */ jsx(MarkdownRenderer3, { content, sendDisabled: true })
             }
@@ -3524,7 +3529,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__ */ jsx("span", { children: isExpanded ? t("System.ShowLess") : t("System.ShowMore") }),
+          /* @__PURE__ */ jsx("span", { children: isExpanded ? t("BiChat.System.ShowLess") : t("BiChat.System.ShowMore") }),
           /* @__PURE__ */ jsx(
             CaretDown,
             {
@@ -3888,13 +3893,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;
@@ -3908,10 +3916,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 = useMemo(() => {
+    if (verbsProp) return verbsProp;
+    return THINKING_KEYS.map((key2) => t(key2));
+  }, [verbsProp, t]);
   const [verb, setVerb] = useState(() => verbs[Math.floor(Math.random() * verbs.length)]);
   useEffect(() => {
     if (prefersReducedMotion2()) return;
@@ -4096,8 +4109,8 @@ function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readO
       isCompacting && /* @__PURE__ */ 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__ */ jsxs("div", { className: "space-y-6", "aria-hidden": "true", children: [
@@ -4198,7 +4211,7 @@ var MessageInput = forwardRef(
     const [dropSuccess, setDropSuccess] = useState(false);
     const [pendingFileCount, setPendingFileCount] = useState(0);
     const [viewingImageIndex, setViewingImageIndex] = useState(null);
-    const placeholder = placeholderOverride || t("Input.Placeholder");
+    const placeholder = placeholderOverride || t("BiChat.Input.Placeholder");
     const textareaRef = useRef(null);
     const fileInputRef = useRef(null);
     const containerRef = useRef(null);
@@ -4209,9 +4222,9 @@ var MessageInput = forwardRef(
     const commandQuery = message.trimStart().slice(1).split(/\s+/)[0]?.toLowerCase() || "";
     const slashCommands = 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]
     );
@@ -4501,12 +4514,12 @@ var MessageInput = 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__ */ jsx(X, { size: 14 })
               }
             )
           ] }),
-          messageQueue.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-3 text-xs text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ 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__ */ jsx("div", { className: "mb-3 text-xs text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "mb-3 space-y-2 text-xs", children: [
             /* @__PURE__ */ 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__ */ jsxs("span", { className: "relative flex h-1.5 w-1.5", "aria-hidden": "true", children: [
@@ -4514,49 +4527,49 @@ var MessageInput = forwardRef(
                 /* @__PURE__ */ jsx("span", { className: "relative inline-flex rounded-full h-1.5 w-1.5 bg-amber-500" })
               ] }),
               /* @__PURE__ */ jsx(Bug, { size: 12 }),
-              t("Slash.DebugBadge")
+              t("BiChat.Slash.DebugBadge")
             ] }),
             /* @__PURE__ */ 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__ */ jsxs("div", { className: "grid grid-cols-3 gap-1.5", children: [
                 /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-1 text-[10px] text-gray-400 dark:text-gray-500", children: [
                     /* @__PURE__ */ jsx(ArrowUp, { size: 10, weight: "bold", className: "text-blue-500 dark:text-blue-400" }),
-                    t("Slash.DebugPromptTokens")
+                    t("BiChat.Slash.DebugPromptTokens")
                   ] }),
                   /* @__PURE__ */ jsx("span", { className: "font-mono font-semibold text-xs text-gray-900 dark:text-gray-100 tabular-nums", children: formatTokens(sessionPromptTokens) })
                 ] }),
                 /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-1 text-[10px] text-gray-400 dark:text-gray-500", children: [
                     /* @__PURE__ */ jsx(ArrowDown, { size: 10, weight: "bold", className: "text-indigo-500 dark:text-indigo-400" }),
-                    t("Slash.DebugCompletionTokens")
+                    t("BiChat.Slash.DebugCompletionTokens")
                   ] }),
                   /* @__PURE__ */ jsx("span", { className: "font-mono font-semibold text-xs text-gray-900 dark:text-gray-100 tabular-nums", children: formatTokens(sessionCompletionTokens) })
                 ] }),
                 /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-1 text-[10px] text-gray-400 dark:text-gray-500", children: [
                     /* @__PURE__ */ jsx(Stack, { size: 10, weight: "bold", className: "text-violet-500 dark:text-violet-400" }),
-                    t("Slash.DebugTotalTokens")
+                    t("BiChat.Slash.DebugTotalTokens")
                   ] }),
                   /* @__PURE__ */ jsx("span", { className: "font-mono font-semibold text-xs text-gray-900 dark:text-gray-100 tabular-nums", children: formatTokens(sessionTotalTokens) })
                 ] })
-              ] }) : /* @__PURE__ */ jsx("p", { className: "text-[11px] text-gray-400 dark:text-gray-500 text-center py-1", children: t("Slash.DebugSessionUsageUnavailable") }),
+              ] }) : /* @__PURE__ */ jsx("p", { className: "text-[11px] text-gray-400 dark:text-gray-500 text-center py-1", children: t("BiChat.Slash.DebugSessionUsageUnavailable") }),
               debugLimits && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-1.5", children: [
                 /* @__PURE__ */ 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__ */ jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("Slash.DebugPolicyMaxContextWindow") }),
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("BiChat.Slash.DebugPolicyMaxContextWindow") }),
                   /* @__PURE__ */ jsx("span", { className: "font-mono font-semibold text-xs text-gray-900 dark:text-gray-100 tabular-nums", children: formatTokens(policyMaxTokens) })
                 ] }),
                 /* @__PURE__ */ 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__ */ jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("Slash.DebugModelMaxContextWindow") }),
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("BiChat.Slash.DebugModelMaxContextWindow") }),
                   /* @__PURE__ */ jsx("span", { className: "font-mono font-semibold text-xs text-gray-900 dark:text-gray-100 tabular-nums", children: formatTokens(modelMaxTokens) })
                 ] }),
                 /* @__PURE__ */ 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__ */ jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("Slash.DebugEffectiveContextWindow") }),
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("BiChat.Slash.DebugEffectiveContextWindow") }),
                   /* @__PURE__ */ jsx("span", { className: "font-mono font-semibold text-xs text-gray-900 dark:text-gray-100 tabular-nums", children: formatTokens(effectiveMaxTokens) })
                 ] })
               ] }),
               effectiveMaxTokens > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("Slash.DebugContextUsage") }),
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("BiChat.Slash.DebugContextUsage") }),
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                     /* @__PURE__ */ jsxs("span", { className: "font-mono text-[10px] text-gray-400 dark:text-gray-500 tabular-nums", children: [
                       formatTokens(latestPromptTokens),
@@ -4606,9 +4619,9 @@ var MessageInput = forwardRef(
               children: [
                 isDragging && /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
                   /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-primary-100 dark:bg-primary-800 flex items-center justify-center", children: /* @__PURE__ */ jsx(Paperclip, { size: 20, className: "text-primary-600 dark:text-primary-400" }) }),
-                  /* @__PURE__ */ jsx("span", { className: "text-sm text-primary-700 dark:text-primary-300 font-medium", children: t("Input.DropFiles") })
+                  /* @__PURE__ */ jsx("span", { className: "text-sm text-primary-700 dark:text-primary-300 font-medium", children: t("BiChat.Input.DropFiles") })
                 ] }) }),
-                dropSuccess && /* @__PURE__ */ 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__ */ jsx("span", { className: "text-sm text-green-700 dark:text-green-300 font-medium", children: t("Input.FilesAdded") }) }),
+                dropSuccess && /* @__PURE__ */ 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__ */ jsx("span", { className: "text-sm text-green-700 dark:text-green-300 font-medium", children: t("BiChat.Input.FilesAdded") }) }),
                 /* @__PURE__ */ jsxs(
                   "div",
                   {
@@ -4621,8 +4634,8 @@ var MessageInput = 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__ */ jsx(Paperclip, { size: 20 })
                         }
                       ),
@@ -4635,7 +4648,7 @@ var MessageInput = forwardRef(
                           multiple: true,
                           onChange: handleFileInputChange,
                           className: "hidden",
-                          "aria-label": t("Input.FileInput")
+                          "aria-label": t("BiChat.Input.FileInput")
                         }
                       ),
                       /* @__PURE__ */ jsx("div", { className: "flex-1 self-stretch flex items-center", children: /* @__PURE__ */ jsx(
@@ -4665,7 +4678,7 @@ var MessageInput = forwardRef(
                           rows: 1,
                           disabled: loading || disabled,
                           "aria-busy": loading,
-                          "aria-label": t("Input.MessageInput")
+                          "aria-label": t("BiChat.Input.MessageInput")
                         }
                       ) }),
                       /* @__PURE__ */ jsx(
@@ -4674,15 +4687,15 @@ var MessageInput = 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__ */ jsx("div", { className: "w-[18px] h-[18px] border-2 border-white/60 border-t-transparent rounded-full animate-spin" }) : /* @__PURE__ */ jsx(PaperPlaneRight, { size: 18, weight: "fill" })
                         }
                       )
                     ]
                   }
                 ),
-                isFocused && !message && !loading && /* @__PURE__ */ 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__ */ 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__ */ jsx("ul", { role: "listbox", "aria-label": t("Slash.CommandsList"), className: "py-1 px-1", children: filteredCommands.map((command, index) => {
+                isFocused && !message && !loading && /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs(
                     "li",
@@ -4708,7 +4721,7 @@ var MessageInput = forwardRef(
                     },
                     command.name
                   );
-                }) }) : /* @__PURE__ */ jsx("div", { className: "px-3 py-2.5 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-[11px] text-gray-400 dark:text-gray-500", children: t("Slash.NoMatches") }) }) })
+                }) }) : /* @__PURE__ */ jsx("div", { className: "px-3 py-2.5 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-[11px] text-gray-400 dark:text-gray-500", children: t("BiChat.Slash.NoMatches") }) }) })
               ]
             }
           ),
@@ -4732,37 +4745,25 @@ MessageInput.displayName = "MessageInput";
 
 // ui/src/bichat/components/WelcomeContent.tsx
 init_useTranslation();
-var EXAMPLE_PROMPTS = [
-  {
-    category: "Data Analysis",
-    icon: ChartBar,
-    text: "Show me sales trends for the last quarter"
-  },
-  {
-    category: "Reports",
-    icon: FileText,
-    text: "Generate a summary of customer feedback"
-  },
-  {
-    category: "Insights",
-    icon: Lightbulb,
-    text: "What are the top performing products?"
-  }
+var PROMPT_DEFS = [
+  { categoryKey: "Welcome.Prompt1Category", textKey: "Welcome.Prompt1Text", icon: 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: FileText, defaultCategory: "Regional Analysis", defaultText: "Show me the top 5 regions by collected insurance premiums" },
+  { categoryKey: "Welcome.Prompt3Category", textKey: "Welcome.Prompt3Text", icon: 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: {
@@ -4804,6 +4805,10 @@ var reducedItemVariants = {
     }
   }
 };
+function tOr(t, key2, defaultValue) {
+  const v = t(key2);
+  return v !== key2 ? v : defaultValue;
+}
 function WelcomeContent({
   onPromptSelect,
   title,
@@ -4812,8 +4817,13 @@ function WelcomeContent({
 }) {
   const { t } = useTranslation();
   const shouldReduceMotion = 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);
@@ -4829,15 +4839,7 @@ function WelcomeContent({
       initial: "hidden",
       animate: "visible",
       children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "pointer-events-none absolute inset-x-0 -top-8 flex justify-center overflow-hidden h-56",
-            "aria-hidden": true,
-            children: /* @__PURE__ */ 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__ */ jsx(
+        resolvedTitle && /* @__PURE__ */ jsx(
           motion.h1,
           {
             className: "relative text-2xl sm:text-3xl font-semibold text-gray-900 dark:text-white mb-4",
@@ -4845,7 +4847,7 @@ function WelcomeContent({
             children: resolvedTitle
           }
         ),
-        /* @__PURE__ */ jsx(
+        resolvedDescription && /* @__PURE__ */ jsx(
           motion.p,
           {
             className: "text-base text-gray-500 dark:text-gray-400 mb-10 max-w-2xl mx-auto leading-relaxed",
@@ -4856,11 +4858,11 @@ function WelcomeContent({
         /* @__PURE__ */ jsxs(motion.div, { variants: activeItemVariants, children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 mb-5", children: [
             /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent to-gray-200 dark:to-gray-700/70" }),
-            /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: "h-px flex-1 bg-gradient-to-l from-transparent to-gray-200 dark:to-gray-700/70" })
           ] }),
-          /* @__PURE__ */ 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__ */ 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__ */ jsxs(
               motion.button,
               {
@@ -4990,8 +4992,8 @@ function SessionArtifactList({
     return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-3 px-4 py-12 text-center", children: [
       /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-gray-100 dark:bg-gray-800", children: /* @__PURE__ */ jsx(Package, { className: "h-6 w-6 text-gray-400 dark:text-gray-500", weight: "duotone" }) }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: t("Artifacts.Empty") }),
-        /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-gray-400 dark:text-gray-500", children: t("Artifacts.EmptySubtitle") })
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: t("BiChat.Artifacts.Empty") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.Artifacts.EmptySubtitle") })
       ] })
     ] });
   }
@@ -5103,7 +5105,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__ */ jsx(ArrowSquareOut, { className: "h-3.5 w-3.5", weight: "bold" }),
-          t("Artifacts.OpenInNewTab")
+          t("BiChat.Artifacts.OpenInNewTab")
         ]
       }
     ),
@@ -5117,7 +5119,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__ */ jsx(DownloadSimple, { className: "h-3.5 w-3.5", weight: "bold" }),
-          t("Artifacts.Download")
+          t("BiChat.Artifacts.Download")
         ]
       }
     )
@@ -5132,7 +5134,7 @@ function TextArtifactPreview({ artifact }) {
   useEffect(() => {
     if (!artifact.url) {
       setLoading(false);
-      setError(t("Artifacts.TextPreviewFailed"));
+      setError(t("BiChat.Artifacts.TextPreviewFailed"));
       return;
     }
     const controller = new AbortController();
@@ -5155,7 +5157,7 @@ function TextArtifactPreview({ artifact }) {
       if (err instanceof Error && err.name === "AbortError") {
         return;
       }
-      setError(t("Artifacts.TextPreviewFailed"));
+      setError(t("BiChat.Artifacts.TextPreviewFailed"));
     }).finally(() => {
       setLoading(false);
     });
@@ -5166,15 +5168,15 @@ function TextArtifactPreview({ artifact }) {
   if (loading) {
     return /* @__PURE__ */ 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__ */ jsx(SpinnerGap, { className: "mr-2 h-4 w-4 animate-spin" }),
-      t("Artifacts.PreviewLoading")
+      t("BiChat.Artifacts.PreviewLoading")
     ] });
   }
   if (error) {
     return /* @__PURE__ */ jsx(WarningBox, { message: error });
   }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ 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__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("Artifacts.TextPreviewTruncated") })
+    /* @__PURE__ */ 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__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.Artifacts.TextPreviewTruncated") })
   ] });
 }
 function SessionArtifactPreview({ artifact }) {
@@ -5190,11 +5192,11 @@ function SessionArtifactPreview({ artifact }) {
     if (chartData) {
       return /* @__PURE__ */ jsx(ChartCard, { chartData });
     }
-    return /* @__PURE__ */ jsx(WarningBox, { message: t("Artifacts.ChartUnavailable") });
+    return /* @__PURE__ */ jsx(WarningBox, { message: t("BiChat.Artifacts.ChartUnavailable") });
   }
   if (isImageArtifact2(artifact)) {
     if (!artifact.url) {
-      return /* @__PURE__ */ jsx(WarningBox, { message: t("Artifacts.ImageUnavailable") });
+      return /* @__PURE__ */ jsx(WarningBox, { message: t("BiChat.Artifacts.ImageUnavailable") });
     }
     return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ 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__ */ jsx(
@@ -5211,7 +5213,7 @@ function SessionArtifactPreview({ artifact }) {
   }
   if (isPDFArtifact(artifact)) {
     if (!artifact.url) {
-      return /* @__PURE__ */ jsx(WarningBox, { message: t("Artifacts.DownloadUnavailable") });
+      return /* @__PURE__ */ jsx(WarningBox, { message: t("BiChat.Artifacts.DownloadUnavailable") });
     }
     return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ 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__ */ jsx(
@@ -5227,7 +5229,7 @@ function SessionArtifactPreview({ artifact }) {
   }
   if (isOfficeDocumentArtifact(artifact)) {
     if (!artifact.url) {
-      return /* @__PURE__ */ jsx(WarningBox, { message: t("Artifacts.DownloadUnavailable") });
+      return /* @__PURE__ */ jsx(WarningBox, { message: t("BiChat.Artifacts.DownloadUnavailable") });
     }
     return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
       officeViewerURL ? /* @__PURE__ */ 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__ */ jsx(
@@ -5237,7 +5239,7 @@ function SessionArtifactPreview({ artifact }) {
           title: artifact.name,
           className: "h-[72vh] w-full"
         }
-      ) }) : /* @__PURE__ */ jsx(WarningBox, { message: t("Artifacts.OfficePreviewUnavailable") }),
+      ) }) : /* @__PURE__ */ jsx(WarningBox, { message: t("BiChat.Artifacts.OfficePreviewUnavailable") }),
       /* @__PURE__ */ jsx(ArtifactActions, { url: artifact.url })
     ] });
   }
@@ -5251,13 +5253,13 @@ function SessionArtifactPreview({ artifact }) {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ 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__ */ jsx(FileText, { className: "h-8 w-8 text-gray-400 dark:text-gray-500", weight: "duotone" }),
-        /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm font-medium text-gray-800 dark:text-gray-100", children: t("Artifacts.PreviewUnavailable") }),
-        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: t("Artifacts.PreviewNotSupported") })
+        /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm font-medium text-gray-800 dark:text-gray-100", children: t("BiChat.Artifacts.PreviewUnavailable") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.Artifacts.PreviewNotSupported") })
       ] }),
       /* @__PURE__ */ jsx(ArtifactActions, { url: artifact.url })
     ] });
   }
-  return /* @__PURE__ */ jsx(WarningBox, { message: t("Artifacts.DownloadUnavailable") });
+  return /* @__PURE__ */ jsx(WarningBox, { message: t("BiChat.Artifacts.DownloadUnavailable") });
 }
 function SessionArtifactPreviewModal({
   isOpen,
@@ -5303,7 +5305,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);
     }
@@ -5312,7 +5314,7 @@ function SessionArtifactPreviewModal({
     if (!artifact || !onDelete) {
       return;
     }
-    if (!window.confirm(t("Artifacts.DeleteConfirm"))) {
+    if (!window.confirm(t("BiChat.Artifacts.DeleteConfirm"))) {
       return;
     }
     setSubmittingDelete(true);
@@ -5321,7 +5323,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);
     }
@@ -5352,7 +5354,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
               }
             ),
@@ -5367,7 +5369,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__ */ jsx(FloppyDisk, { className: "h-3.5 w-3.5", weight: "bold" }),
-                  t("Message.Save")
+                  t("BiChat.Message.Save")
                 ]
               }
             ),
@@ -5381,7 +5383,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__ */ jsx("h2", { className: "truncate text-base font-semibold text-gray-900 dark:text-gray-100", children: artifact.name }),
@@ -5397,8 +5399,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__ */ jsx(PencilSimple, { className: "h-4 w-4", weight: "regular" })
             }
           ),
@@ -5411,8 +5413,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__ */ jsx(Trash, { className: "h-4 w-4", weight: "regular" })
             }
           ),
@@ -5422,8 +5424,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__ */ jsx(X, { className: "h-4 w-4", weight: "bold" })
             }
           )
@@ -5527,7 +5529,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);
@@ -5642,7 +5644,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";
@@ -5691,7 +5693,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,
@@ -5706,18 +5708,18 @@ function SessionArtifactsPanel({
             ].join(" "),
             children: [
               /* @__PURE__ */ jsx(Paperclip, { className: "h-5 w-5", weight: "bold" }),
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: dropSuccess ? t("Input.FilesAdded") : t("Input.DropFiles") })
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: dropSuccess ? t("BiChat.Input.FilesAdded") : t("BiChat.Input.DropFiles") })
             ]
           }
         ) }),
         /* @__PURE__ */ jsx("header", { className: "flex items-center justify-between border-b border-gray-200 px-3 py-2 dark:border-gray-700/80", children: /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ 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__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 py-3", children: fetching ? /* @__PURE__ */ 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__ */ 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__ */ jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-300", children: t("Artifacts.FailedToLoad") }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 py-3", children: fetching ? /* @__PURE__ */ 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__ */ 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__ */ jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-300", children: t("BiChat.Artifacts.FailedToLoad") }),
           /* @__PURE__ */ jsx("p", { className: "text-xs text-red-700 dark:text-red-400", children: error }),
           /* @__PURE__ */ jsx(
             "button",
@@ -5727,10 +5729,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__ */ 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__ */ jsxs(Fragment, { children: [
+        ] }) : !canFetchArtifacts ? /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
             SessionArtifactList,
             {
@@ -5748,7 +5750,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")
             }
           ) })
         ] }) }),
@@ -5873,11 +5875,11 @@ function ChatSessionCore({
     };
   }, [isResizingArtifactsPanel, artifactsPanelStorageKey]);
   if (fetching) {
-    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "text-gray-500 dark:text-gray-400", children: t("Input.Processing") }) });
+    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "text-gray-500 dark:text-gray-400", children: t("BiChat.Input.Processing") }) });
   }
   if (error) {
     return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-red-500 dark:text-red-400", children: [
-      t("Error.Generic"),
+      t("BiChat.Error.Generic"),
       ": ",
       error
     ] }) });
@@ -5913,11 +5915,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__ */ jsx(Sidebar, { className: "h-4 w-4", weight: artifactsPanelExpanded ? "duotone" : "regular" }),
-          t("Artifacts.Title")
+          t("BiChat.Artifacts.Title")
         ]
       }
     ),
@@ -5965,7 +5967,7 @@ function ChatSessionCore({
                     formClassName: "mx-auto"
                   }
                 ),
-                /* @__PURE__ */ jsx("p", { className: "mt-4 pb-1 text-center text-xs text-gray-500 dark:text-gray-400", children: t("Welcome.Disclaimer") })
+                /* @__PURE__ */ jsx("p", { className: "mt-4 pb-1 text-center text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.Welcome.Disclaimer") })
               ] }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   MessageList,
@@ -6015,7 +6017,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__ */ 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" })
@@ -6056,7 +6058,7 @@ function ChatSessionCore({
                         animate: { opacity: 1 },
                         exit: { opacity: 0 },
                         onClick: handleToggleArtifactsPanel,
-                        "aria-label": t("Common.Close")
+                        "aria-label": t("BiChat.Common.Close")
                       }
                     ),
                     /* @__PURE__ */ jsx(
@@ -6170,6 +6172,9 @@ function EmptyState({
 }
 var MemoizedEmptyState = memo(EmptyState);
 MemoizedEmptyState.displayName = "EmptyState";
+
+// ui/src/bichat/components/EditableText.tsx
+init_useTranslation();
 var sizeClasses2 = {
   sm: "text-sm",
   md: "text-base",
@@ -6186,6 +6191,7 @@ var EditableText = forwardRef(
     inputClassName = "",
     size = "sm"
   }, ref) => {
+    const { t } = useTranslation();
     const [isEditing, setIsEditing] = useState(false);
     const [editValue, setEditValue] = useState(value);
     const inputRef = useRef(null);
@@ -6261,7 +6267,7 @@ var EditableText = 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")
             }
           )
         }
@@ -6273,7 +6279,7 @@ var EditableText = 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) => {
@@ -6292,6 +6298,9 @@ var EditableText = forwardRef(
 );
 EditableText.displayName = "EditableText";
 var MemoizedEditableText = memo(EditableText);
+
+// ui/src/bichat/components/SearchInput.tsx
+init_useTranslation();
 var sizeClasses3 = {
   sm: {
     container: "py-1.5 pl-8 pr-8 text-xs",
@@ -6321,6 +6330,7 @@ function SearchInput({
   disabled = false,
   ariaLabel = "Search"
 }) {
+  const { t } = useTranslation();
   const inputRef = useRef(null);
   const sizes = sizeClasses3[size];
   useEffect(() => {
@@ -6375,8 +6385,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__ */ jsx(X, { size: sizes.icon - 2, weight: "bold" })
       }
     )
@@ -6911,12 +6921,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] = useState(-1);
   const menuRef = useRef(null);
   const itemRefs = useRef([]);
@@ -7000,7 +7014,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 },
@@ -7065,11 +7079,24 @@ var SessionItem = memo(
     const [menuAnchor, setMenuAnchor] = useState(null);
     const [isTouch, setIsTouch] = useState(false);
     const { t } = useTranslation();
+    const isDraggingRef = useRef(false);
+    const dragX = useMotionValue(0);
+    const archiveOpacity = useTransform(dragX, [-80, -40, 0], [1, 0.5, 0]);
+    const archiveScale = 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;
+      });
+    };
     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) => {
@@ -7083,60 +7110,58 @@ var SessionItem = 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__ */ jsx(ArrowUUpLeft, { size: 20 }),
         onClick: () => onRestore()
       }] : [],
       ...onRename ? [{
         id: "rename",
-        label: t("Sidebar.RenameChat"),
+        label: t("BiChat.Sidebar.RenameChat"),
         icon: /* @__PURE__ */ jsx(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__ */ jsx(Check, { size: 20 }) : /* @__PURE__ */ jsx(Bookmark, { size: 20 }),
         onClick: () => onPin()
       }] : [],
       ...onRename ? [{
         id: "rename",
-        label: t("Sidebar.RenameChat"),
+        label: t("BiChat.Sidebar.RenameChat"),
         icon: /* @__PURE__ */ jsx(PencilSimple, { size: 20 }),
         onClick: () => editableTitleRef.current?.startEditing()
       }] : [],
       ...onRegenerateTitle ? [{
         id: "regenerate",
-        label: t("Sidebar.RegenerateTitle"),
+        label: t("BiChat.Sidebar.RegenerateTitle"),
         icon: /* @__PURE__ */ jsx(ArrowsClockwise, { size: 20 }),
         onClick: () => onRegenerateTitle()
       }] : [],
       ...onArchive ? [{
         id: "archive",
-        label: t("Sidebar.ArchiveChat"),
+        label: t("BiChat.Sidebar.ArchiveChat"),
         icon: /* @__PURE__ */ jsx(Archive, { size: 20 }),
         onClick: () => onArchive(),
         variant: "danger"
       }] : [],
       ...onDelete ? [{
         id: "delete",
-        label: t("Sidebar.DeleteChat"),
+        label: t("BiChat.Sidebar.DeleteChat"),
         icon: /* @__PURE__ */ jsx(Trash, { size: 20 }),
         onClick: () => onDelete(),
         variant: "danger"
@@ -7144,7 +7169,7 @@ var SessionItem = memo(
     ];
     const hasContextMenu = contextMenuItems.length > 0;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs(
         motion.div,
         {
           variants: sessionItemVariants,
@@ -7152,158 +7177,196 @@ var SessionItem = memo(
           animate: "animate",
           whileHover: "hover",
           exit: "exit",
-          children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: /* @__PURE__ */ jsx(
-                  MemoizedEditableText,
+          className: "relative overflow-hidden rounded-lg",
+          children: [
+            canDragArchive && /* @__PURE__ */ jsx(
+              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__ */ jsx(Archive, { size: 20, className: "text-white" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              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__ */ jsx(
+                  "div",
                   {
-                    ref: editableTitleRef,
-                    value: displayTitle,
-                    onSave: (newTitle) => onRename?.(newTitle),
-                    isLoading: isTitleGenerating
-                  }
-                ) }),
-                !isTouch && hasContextMenu && /* @__PURE__ */ jsxs(Menu, { children: [
-                  /* @__PURE__ */ jsx(
-                    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__ */ jsx(DotsThree, { size: 16, className: "w-4 h-4", weight: "bold" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    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__ */ jsx(MenuItem, { children: ({ focus }) => /* @__PURE__ */ 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__ */ jsx(Check, { size: 16, className: "w-4 h-4" }) : /* @__PURE__ */ jsx(Bookmark, { size: 16, className: "w-4 h-4" }),
-                              session.pinned ? t("Sidebar.UnpinChat") : t("Sidebar.PinChat")
-                            ]
-                          }
-                        ) }),
-                        onRename && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus, close }) => /* @__PURE__ */ 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__ */ jsx(PencilSimple, { size: 16, className: "w-4 h-4" }),
-                              t("Sidebar.RenameChat")
-                            ]
-                          }
-                        ) }),
-                        mode !== "archived" && onRegenerateTitle && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus, close }) => /* @__PURE__ */ 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__ */ jsx(ArrowsClockwise, { size: 16, className: "w-4 h-4" }),
-                              t("Sidebar.RegenerateTitle")
-                            ]
-                          }
-                        ) }),
-                        mode === "archived" && onRestore && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus }) => /* @__PURE__ */ 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__ */ jsx(ArrowUUpLeft, { size: 16, className: "w-4 h-4" }),
-                              t("Archived.RestoreButton")
-                            ]
-                          }
-                        ) }),
-                        mode !== "archived" && onArchive && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus }) => /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+                        MemoizedEditableText,
+                        {
+                          ref: editableTitleRef,
+                          value: displayTitle,
+                          onSave: (newTitle) => onRename?.(newTitle),
+                          isLoading: isTitleGenerating
+                        }
+                      ) }),
+                      !isTouch && hasContextMenu && /* @__PURE__ */ jsxs(Menu, { children: [
+                        /* @__PURE__ */ jsx(
+                          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__ */ jsx(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__ */ jsx(DotsThree, { size: 16, className: "w-4 h-4", weight: "bold" })
                           }
-                        ) }),
-                        onDelete && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxs(
-                          "button",
+                        ),
+                        /* @__PURE__ */ jsxs(
+                          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__ */ jsx(Trash, { size: 16, className: "w-4 h-4" }),
-                              t("Sidebar.DeleteChat")
+                              mode !== "archived" && onPin && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus }) => /* @__PURE__ */ 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__ */ jsx(Check, { size: 16, className: "w-4 h-4" }) : /* @__PURE__ */ jsx(Bookmark, { size: 16, className: "w-4 h-4" }),
+                                    session.pinned ? t("BiChat.Sidebar.UnpinChat") : t("BiChat.Sidebar.PinChat")
+                                  ]
+                                }
+                              ) }),
+                              onRename && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus, close }) => /* @__PURE__ */ 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__ */ jsx(PencilSimple, { size: 16, className: "w-4 h-4" }),
+                                    t("BiChat.Sidebar.RenameChat")
+                                  ]
+                                }
+                              ) }),
+                              mode !== "archived" && onRegenerateTitle && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus, close }) => /* @__PURE__ */ 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__ */ jsx(ArrowsClockwise, { size: 16, className: "w-4 h-4" }),
+                                    t("BiChat.Sidebar.RegenerateTitle")
+                                  ]
+                                }
+                              ) }),
+                              mode === "archived" && onRestore && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus }) => /* @__PURE__ */ 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__ */ jsx(ArrowUUpLeft, { size: 16, className: "w-4 h-4" }),
+                                    t("BiChat.Archived.RestoreButton")
+                                  ]
+                                }
+                              ) }),
+                              mode !== "archived" && onArchive && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus }) => /* @__PURE__ */ 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__ */ jsx(Archive, { size: 16, className: "w-4 h-4" }),
+                                    t("BiChat.Sidebar.ArchiveChat")
+                                  ]
+                                }
+                              ) }),
+                              onDelete && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus }) => /* @__PURE__ */ 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__ */ jsx(Trash, { size: 16, className: "w-4 h-4" }),
+                                    t("BiChat.Sidebar.DeleteChat")
+                                  ]
+                                }
+                              ) })
                             ]
                           }
-                        ) })
-                      ]
-                    }
-                  )
-                ] })
-              ] })
-            }
-          )
+                        )
+                      ] })
+                    ] })
+                  }
+                )
+              }
+            )
+          ]
         }
       ),
       /* @__PURE__ */ jsx(
@@ -7369,7 +7432,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__ */ jsx(
@@ -7434,7 +7497,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__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
             /* @__PURE__ */ jsx(
@@ -7451,7 +7514,7 @@ function UserFilter({ users, selectedUser, onUserChange, loading }) {
               " ",
               selectedUser.lastName
             ] })
-          ] }) : /* @__PURE__ */ jsx("span", { className: "text-gray-500 dark:text-gray-400", children: loading ? t("allChats.loadingUsers") : t("allChats.allUsers") }),
+          ] }) : /* @__PURE__ */ jsx("span", { className: "text-gray-500 dark:text-gray-400", children: loading ? t("BiChat.AllChats.LoadingUsers") : t("BiChat.AllChats.AllUsers") }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
             selectedUser && /* @__PURE__ */ jsx(
               "button",
@@ -7462,7 +7525,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__ */ jsx(X, { size: 14, className: "w-3.5 h-3.5 text-gray-600 dark:text-gray-400" })
               }
             ),
@@ -7493,7 +7556,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__ */ jsx("div", { className: "border-t border-gray-200 dark:border-gray-700 my-1" }),
@@ -7526,7 +7589,7 @@ function UserFilter({ users, selectedUser, onUserChange, loading }) {
               ]
             }
           ) }, user.id)),
-          users.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-6 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: t("allChats.noUsersFound") }) })
+          users.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-6 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300", children: t("BiChat.AllChats.NoUsersFound") }) })
         ]
       }
     )
@@ -7591,7 +7654,7 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
       }
     }).catch(() => {
       if (!cancelled) {
-        setError(t("allChats.failedToLoad"));
+        setError(t("BiChat.AllChats.FailedToLoad"));
         setFetching(false);
       }
     });
@@ -7657,12 +7720,12 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
         ),
         /* @__PURE__ */ jsxs("span", { className: "text-sm text-gray-700 dark:text-gray-300 flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsx(Archive, { size: 16, className: "w-4 h-4" }),
-          t("allChats.includeArchived")
+          t("BiChat.AllChats.IncludeArchived")
         ] })
       ] }),
-      totalCount > 0 && /* @__PURE__ */ 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__ */ 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__ */ jsxs("nav", { className: "flex-1 overflow-y-auto px-2 pb-4 hide-scrollbar", "aria-label": t("allChats.organizationChats"), children: [
+    /* @__PURE__ */ 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__ */ jsx(SessionSkeleton, { count: 5 }) : /* @__PURE__ */ jsx(Fragment, { children: chats.length > 0 ? /* @__PURE__ */ jsxs(
         motion.div,
         {
@@ -7671,7 +7734,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__ */ jsx(
               motion.div,
@@ -7707,7 +7770,7 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
                         }
                       ),
                       /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: chat.title || t("Common.Untitled") }),
+                        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: chat.title || t("BiChat.Common.Untitled") }),
                         /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: [
                           chat.owner.firstName,
                           " ",
@@ -7715,7 +7778,7 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
                         ] }),
                         chat.status === "archived" && /* @__PURE__ */ 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__ */ jsx(Archive, { size: 12, className: "w-3 h-3" }),
-                          t("Chat.Archived")
+                          t("BiChat.Chat.Archived")
                         ] })
                       ] })
                     ] })
@@ -7729,7 +7792,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")
               }
             ) })
           ]
@@ -7737,8 +7800,8 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
       ) : /* @__PURE__ */ 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__ */ 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__ */ jsx("p", { className: "text-xs text-red-600 dark:text-red-400", children: error }) })
@@ -7782,11 +7845,11 @@ function groupSessionsByDate(sessions, t) {
   const today = 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", []],
@@ -7823,6 +7886,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__ */ 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__ */ 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__ */ 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] = useState(() => {
+    try {
+      return localStorage.getItem(COLLAPSE_STORAGE_KEY) === "true";
+    } catch {
+      return false;
+    }
+  });
+  const isCollapsedRef = useRef(isCollapsed);
+  useEffect(() => {
+    isCollapsedRef.current = isCollapsed;
+  }, [isCollapsed]);
+  const toggle = useCallback(() => {
+    setIsCollapsed((prev) => {
+      const next = !prev;
+      try {
+        localStorage.setItem(COLLAPSE_STORAGE_KEY, String(next));
+      } catch {
+      }
+      return next;
+    });
+  }, []);
+  const expand = useCallback(() => {
+    setIsCollapsed(false);
+    try {
+      localStorage.setItem(COLLAPSE_STORAGE_KEY, "false");
+    } catch {
+    }
+  }, []);
+  const collapse = useCallback(() => {
+    setIsCollapsed(true);
+    try {
+      localStorage.setItem(COLLAPSE_STORAGE_KEY, "true");
+    } catch {
+    }
+  }, []);
+  return { isCollapsed, isCollapsedRef, toggle, expand, collapse };
+}
 function Sidebar2({
   dataSource,
   onSessionSelect,
@@ -7841,30 +8011,84 @@ function Sidebar2({
   const toast = useToast();
   const shouldReduceMotion = useReducedMotion();
   const sessionListRef = useRef(null);
+  const searchContainerRef = useRef(null);
+  const { isCollapsed, isCollapsedRef, toggle, expand, collapse } = useSidebarCollapse();
+  const collapsible = !onClose;
+  const handleSidebarClick = useCallback(
+    (e) => {
+      if (!collapsible) return;
+      const interactive = 'a, button, input, summary, [role="button"]';
+      if (e.target.closest(interactive)) return;
+      toggle();
+    },
+    [collapsible, toggle]
+  );
+  const focusSearch = useCallback(() => {
+    if (!collapsible) return;
+    if (isCollapsedRef.current) {
+      expand();
+      setTimeout(() => {
+        searchContainerRef.current?.querySelector("input")?.focus();
+      }, 250);
+    } else {
+      searchContainerRef.current?.querySelector("input")?.focus();
+    }
+  }, [collapsible, expand, isCollapsedRef]);
+  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]);
+  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] = useState("my-chats");
   const [searchQuery, setSearchQuery] = useState("");
   const [sessions, setSessions] = useState([]);
   const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
+  const [loadError, setLoadError] = useState(null);
+  const [actionError, setActionError] = useState(null);
+  const accessDenied = loadError?.isPermissionDenied === true;
   const [refreshKey, setRefreshKey] = useState(0);
   const [showConfirm, setShowConfirm] = useState(false);
   const [sessionToArchive, setSessionToArchive] = useState(null);
   const tabs = 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 = 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);
     }
@@ -7873,7 +8097,7 @@ function Sidebar2({
     fetchSessions();
   }, [fetchSessions, refreshKey]);
   const hasPlaceholderTitles = 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]);
   useEffect(() => {
@@ -7909,7 +8133,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);
@@ -7925,27 +8151,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 = useMemo(() => {
@@ -8008,176 +8240,311 @@ function Sidebar2({
     /* @__PURE__ */ 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__ */ jsxs("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between", children: [
-            headerSlot,
-            onClose && /* @__PURE__ */ jsx(
-              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__ */ jsx(X, { size: 20, className: "w-5 h-5" })
-              }
-            )
-          ] }),
-          showAllChatsTab && /* @__PURE__ */ jsx(
-            TabBar_default,
+          collapsible && /* @__PURE__ */ 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__ */ jsxs("div", { className: "group/tooltip relative", children: [
+                /* @__PURE__ */ jsx(
+                  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__ */ jsx("div", { className: "w-4 h-4 border-2 border-white/50 border-t-transparent rounded-full animate-spin" }) : /* @__PURE__ */ jsx(Plus, { size: 18, weight: "bold" })
+                  }
+                ),
+                /* @__PURE__ */ 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__ */ jsx(
-            AllChatsList,
+          /* @__PURE__ */ jsxs(
+            "div",
             {
-              dataSource,
-              onSessionSelect,
-              activeSessionId
-            }
-          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(
-              SearchInput_default,
-              {
-                value: searchQuery,
-                onChange: setSearchQuery,
-                placeholder: t("Sidebar.SearchChats")
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(
-              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__ */ jsx(LoadingSpinner_default, { variant: "spinner", size: "sm" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Plus, { size: 20, className: "w-5 h-5" }),
-                  /* @__PURE__ */ jsx("span", { className: "ml-2", children: t("Chat.NewChat") })
-                ] })
-              }
-            ) }),
-            onArchivedView && /* @__PURE__ */ jsx("div", { className: "px-4 pb-2", children: /* @__PURE__ */ 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__ */ jsx(Archive, { size: 18, className: "w-4.5 h-4.5" }),
-                  /* @__PURE__ */ jsx("span", { children: t("Sidebar.ArchivedChats") })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ 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__ */ jsx(SessionSkeleton, { count: 5 }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                    pinnedSessions.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
-                      /* @__PURE__ */ jsx(
-                        DateGroupHeader,
-                        {
-                          groupName: t("Common.Pinned"),
-                          count: pinnedSessions.length
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        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__ */ 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__ */ jsx("div", { className: "border-b border-gray-200 dark:border-gray-700 my-3" })
-                    ] }),
-                    sessionGroups.map((group) => /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
-                      /* @__PURE__ */ jsx(
-                        DateGroupHeader,
-                        {
-                          groupName: group.name,
-                          count: group.sessions.length
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        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__ */ 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__ */ jsxs("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between", children: [
+                  headerSlot,
+                  onClose && /* @__PURE__ */ jsx(
+                    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__ */ jsx(X, { size: 20, className: "w-5 h-5" })
+                    }
+                  )
+                ] }),
+                showAllChatsTab && /* @__PURE__ */ jsx(
+                  TabBar_default,
+                  {
+                    tabs,
+                    activeTab,
+                    onTabChange: (id) => setActiveTab(id)
+                  }
+                ),
+                activeTab === "all-chats" && showAllChatsTab ? /* @__PURE__ */ jsx(
+                  AllChatsList,
+                  {
+                    dataSource,
+                    onSessionSelect,
+                    activeSessionId
+                  }
+                ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("div", { ref: searchContainerRef, className: "mt-3 px-4", children: /* @__PURE__ */ jsx(
+                    SearchInput_default,
+                    {
+                      value: searchQuery,
+                      onChange: setSearchQuery,
+                      placeholder: t("BiChat.Sidebar.SearchChats")
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(
+                    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__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx(LoadingSpinner_default, { variant: "spinner", size: "sm" }),
+                        /* @__PURE__ */ jsx("span", { children: t("BiChat.Common.Creating") })
+                      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx(Plus, { size: 16, weight: "bold" }),
+                        /* @__PURE__ */ jsx("span", { children: t("BiChat.Chat.NewChat") })
+                      ] })
+                    }
+                  ) }),
+                  /* @__PURE__ */ 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__ */ jsx(SessionSkeleton, { count: 5 }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                          pinnedSessions.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
+                            /* @__PURE__ */ jsx(
+                              DateGroupHeader,
+                              {
+                                groupName: t("BiChat.Common.Pinned"),
+                                count: pinnedSessions.length
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              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__ */ 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__ */ jsx("div", { className: "border-b border-gray-200 dark:border-gray-700 my-3" })
+                          ] }),
+                          sessionGroups.map((group) => /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
+                            /* @__PURE__ */ jsx(
+                              DateGroupHeader,
+                              {
+                                groupName: group.name,
+                                count: group.sessions.length
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx(ErrorAlert, { error: loadError }),
+                        actionError && !loadError && /* @__PURE__ */ jsx(ErrorAlert, { error: actionError })
+                      ]
+                    }
+                  ),
+                  footerSlot
+                ] }),
+                collapsible && /* @__PURE__ */ 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__ */ jsxs(Menu, { children: [
+                    /* @__PURE__ */ jsx(
+                      MenuButton,
                       {
-                        title: searchQuery ? t("Sidebar.NoChatsFound", { query: searchQuery }) : t("Sidebar.NoChatsYet"),
-                        description: searchQuery ? void 0 : t("Sidebar.CreateOneToGetStarted"),
-                        action: searchQuery ? /* @__PURE__ */ 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__ */ jsx(Gear, { size: 20 })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      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__ */ jsx(MenuItem, { children: ({ focus }) => /* @__PURE__ */ 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__ */ jsx(Archive, { size: 16, className: "text-gray-400 dark:text-gray-500" }),
+                                t("BiChat.Sidebar.ArchivedChats")
+                              ]
+                            }
+                          ) }),
+                          showAllChatsTab && activeTab !== "all-chats" && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus }) => /* @__PURE__ */ 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__ */ jsx(Users, { size: 16, className: "text-gray-400 dark:text-gray-500" }),
+                                t("BiChat.Sidebar.AllChats")
+                              ]
+                            }
+                          ) }),
+                          showAllChatsTab && activeTab === "all-chats" && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus }) => /* @__PURE__ */ 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__ */ jsx(List, { size: 16, className: "text-gray-400 dark:text-gray-500" }),
+                                t("BiChat.Sidebar.MyChats")
+                              ]
+                            }
+                          ) })
+                        ]
                       }
                     )
-                  ] }),
-                  error && /* @__PURE__ */ 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__ */ jsx("p", { className: "text-xs text-red-600 dark:text-red-400", children: error }) })
-                ]
+                  ] }) : /* @__PURE__ */ jsx("div", {}),
+                  /* @__PURE__ */ 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__ */ jsx(CaretLineLeft, { size: 16 }),
+                        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: t("BiChat.Sidebar.Collapse") })
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          collapsible && showCollapsed && /* @__PURE__ */ 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__ */ jsxs("div", { className: "group/tooltip relative", children: [
+            /* @__PURE__ */ 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__ */ jsx(CaretLineRight, { size: 16 })
               }
             ),
-            footerSlot
-          ] })
+            /* @__PURE__ */ 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") })
+          ] }) })
         ]
       }
     ),
@@ -8185,11 +8552,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);
@@ -8245,10 +8612,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);
@@ -8257,11 +8624,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 = useMemo(() => {
@@ -8289,10 +8656,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__ */ jsx(ArrowLeft, { size: 20, className: "w-5 h-5" }),
-                t("Common.Back")
+                t("BiChat.Common.Back")
               ]
             }
           ) }),
@@ -8304,14 +8671,14 @@ function ArchivedChatList({
                 className: "w-6 h-6 text-gray-600 dark:text-gray-400"
               }
             ),
-            /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("Archived.Title") })
+            /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("BiChat.Archived.Title") })
           ] }),
           /* @__PURE__ */ jsx(
             SearchInput_default,
             {
               value: searchQuery,
               onChange: setSearchQuery,
-              placeholder: t("Archived.SearchArchivedChats")
+              placeholder: t("BiChat.Archived.SearchArchivedChats")
             }
           )
         ] }),
@@ -8325,8 +8692,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__ */ jsx("div", { className: "flex items-center justify-center h-full px-6", children: /* @__PURE__ */ jsx(
           MemoizedEmptyState,
@@ -8338,8 +8705,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
             })
           }
@@ -8377,10 +8744,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: () => {
@@ -8394,6 +8761,231 @@ function ArchivedChatList({
     }
   );
 }
+
+// ui/src/bichat/components/SkipLink.tsx
+init_useTranslation();
+function SkipLink() {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ 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] = useState(getIsMobile);
+  const [isMobileOpen, setIsMobileOpen] = useState(false);
+  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 = useCallback(() => setIsMobileOpen(true), []);
+  const closeMobile = useCallback(() => setIsMobileOpen(false), []);
+  const toggleMobile = useCallback(() => setIsMobileOpen((v) => !v), []);
+  return { isMobile, isMobileOpen, openMobile, closeMobile, toggleMobile };
+}
+function useFocusTrap(containerRef, isActive, restoreFocusOnDeactivate) {
+  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) {
+  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 = useRef(null);
+  const menuButtonRef = useRef(null);
+  useFocusTrap(drawerRef, isMobile && isMobileOpen, menuButtonRef.current);
+  const shortcuts = useMemo(() => {
+    if (!onNewChat) return [];
+    return [{ key: "n", ctrl: true, callback: onNewChat, description: "New chat" }];
+  }, [onNewChat]);
+  useKeyboardShortcuts(shortcuts);
+  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__ */ jsx(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx(
+    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__ */ jsx("div", { className: "flex flex-1 min-h-0", children });
+  return /* @__PURE__ */ jsxs("div", { className: `relative flex flex-1 w-full h-full min-h-0 overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ jsx(SkipLink, {}),
+    /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: renderSidebar({}) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: isMobile && isMobileOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        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__ */ jsx(
+        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__ */ jsx("div", { ref: drawerRef, className: "h-full bg-white dark:bg-gray-900", children: renderSidebar({ onClose: closeMobile }) })
+        },
+        "sidebar-drawer"
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs("main", { id: "main-content", className: "relative flex-1 flex flex-col min-h-0 overflow-hidden", children: [
+      isMobile && !isMobileOpen && /* @__PURE__ */ 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__ */ jsx(List, { size: 20, weight: "bold" })
+        }
+      ),
+      content
+    ] })
+  ] });
+}
 init_useTranslation();
 var variantStyles = {
   error: {
@@ -8466,7 +9058,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")
               }
             )
           ] })
@@ -8476,7 +9068,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__ */ jsx(X, { size: 20, className: "w-5 h-5" })
           }
         )
@@ -8485,12 +9077,14 @@ function Alert({
   ) });
 }
 var Alert_default = memo(Alert);
+init_useTranslation();
 function ArchiveBanner({
   show = true,
   onRestore,
   restoring = false,
   onRestoreComplete
 }) {
+  const { t } = useTranslation();
   const [error, setError] = useState(null);
   const handleRestore = async () => {
     try {
@@ -8502,7 +9096,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);
     }
   };
@@ -8516,11 +9110,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__ */ jsxs("div", { className: "w-full flex items-start justify-between px-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 flex-1", children: [
             /* @__PURE__ */ jsx(Archive, { size: 20, className: "w-5 h-5 text-blue-600 dark:text-blue-400 flex-shrink-0 mt-0.5" }),
-            /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-blue-700 dark:text-blue-400", children: "This chat session has been archived" }) })
+            /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-blue-700 dark:text-blue-400", children: t("BiChat.Archive.Archived") }) })
           ] }),
           /* @__PURE__ */ jsx(
             "button",
@@ -8528,11 +9122,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__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx(Spinner, { size: 16, className: "w-4 h-4 animate-spin" }),
-                "Restoring..."
-              ] }) : "Restore"
+                t("BiChat.Archive.Restoring")
+              ] }) : t("BiChat.Archive.Restore")
             }
           )
         ] })
@@ -8543,7 +9137,7 @@ function ArchiveBanner({
       {
         variant: "error",
         message: error,
-        title: "Restore Failed",
+        title: t("BiChat.Archive.RestoreFailed"),
         onDismiss: () => setError(null),
         dismissible: true
       }
@@ -8583,17 +9177,17 @@ var RetryActionArea = memo(function RetryActionArea2({
                     weight: "fill"
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: t("Retry.Description") })
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: t("BiChat.Retry.Subtitle") })
               ] }),
               /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ 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__ */ jsx(ArrowClockwise, { size: 16, className: "w-4 h-4" }),
-                    t("Retry.Button")
+                    t("BiChat.Retry.Button")
                   ]
                 }
               ) })
@@ -8631,7 +9225,7 @@ function StreamError({
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-200", children: t("Error.Generic") }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-200", children: t("BiChat.Error.Generic") }),
           /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600 dark:text-red-300 break-words", children: error })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
@@ -8643,7 +9237,7 @@ function StreamError({
               type: "button",
               children: [
                 /* @__PURE__ */ jsx(ArrowClockwise, { className: "w-4 h-4" }),
-                t("streamError.retry")
+                t("BiChat.StreamError.Retry")
               ]
             }
           ),
@@ -8655,7 +9249,7 @@ function StreamError({
               type: "button",
               children: [
                 /* @__PURE__ */ jsx(ArrowsCounterClockwise, { className: "w-4 h-4" }),
-                t("streamError.regenerate")
+                t("BiChat.StreamError.Regenerate")
               ]
             }
           )
@@ -8664,6 +9258,7 @@ function StreamError({
     }
   );
 }
+init_useTranslation();
 function MessageActions({
   message,
   onCopy,
@@ -8673,14 +9268,15 @@ function MessageActions({
   const [copying, setCopying] = useState(false);
   const [regenerating, setRegenerating] = 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);
     }
@@ -8700,9 +9296,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__ */ jsx(LoadingSpinner_default, { variant: "spinner", size: "sm" }) : /* @__PURE__ */ jsx(Copy, { size: 16, className: "w-4 h-4" })
       }
     ),
@@ -8711,9 +9307,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__ */ jsx(LoadingSpinner_default, { variant: "spinner", size: "sm" }) : /* @__PURE__ */ jsx(ArrowClockwise, { size: 16, className: "w-4 h-4" })
       }
     ),
@@ -8721,16 +9317,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__ */ jsx(PencilSimple, { size: 16, className: "w-4 h-4" })
       }
     )
   ] });
 }
 memo(MessageActions);
+init_useTranslation();
 var AttachmentPreview = memo(({ attachment, onRemove, onClick, readonly = false }) => {
+  const { t } = useTranslation();
   const [isImageLoaded, setIsImageLoaded] = useState(false);
   const [imageError, setImageError] = useState(false);
   const previewUrl = attachment.preview || createDataUrl(attachment.base64Data, attachment.mimeType);
@@ -8762,7 +9360,7 @@ var AttachmentPreview = memo(({ attachment, onRemove, onClick, readonly = false
       children: [
         /* @__PURE__ */ jsxs("div", { className: "relative mb-2 overflow-hidden rounded-md bg-gray-100 dark:bg-gray-700 aspect-square", children: [
           !isImageLoaded && !imageError && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 animate-pulse bg-gray-200 dark:bg-gray-600" }),
-          imageError && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-100 dark:bg-gray-700", children: /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Preview unavailable" }) }),
+          imageError && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-100 dark:bg-gray-700", children: /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.Attachment.PreviewUnavailable") }) }),
           /* @__PURE__ */ jsx(
             "img",
             {
@@ -8798,7 +9396,7 @@ var AttachmentPreview = memo(({ attachment, onRemove, onClick, readonly = false
             },
             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__ */ jsx(X, { size: 14, className: "w-3.5 h-3.5", weight: "bold" })
           }
         )
@@ -8827,7 +9425,7 @@ var AttachmentUpload = 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;
           }
@@ -8867,10 +9465,10 @@ var AttachmentUpload = 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);
@@ -8893,7 +9491,7 @@ var AttachmentUpload = memo(
           onChange: handleFileSelect,
           disabled: isDisabled,
           className: "sr-only",
-          "aria-label": t("Attachment.SelectFiles")
+          "aria-label": t("BiChat.Attachment.SelectFiles")
         }
       ),
       /* @__PURE__ */ jsx(
@@ -8903,7 +9501,7 @@ var AttachmentUpload = 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__ */ jsx(CircleNotch, { size: 20, className: "w-5 h-5 animate-spin", weight: "fill" }) : /* @__PURE__ */ jsx(Paperclip, { size: 20, className: "w-5 h-5", weight: "fill" })
         }
@@ -8941,20 +9539,6 @@ function ScreenReaderAnnouncer({
   );
 }
 
-// ui/src/bichat/components/SkipLink.tsx
-init_useTranslation();
-function SkipLink() {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ 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();
 
@@ -8991,7 +9575,7 @@ function QuestionStep({
   };
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: question.text }) }),
-    isMultiSelect && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-500 italic", children: t("Question.SelectMulti") }),
+    isMultiSelect && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-500 italic", children: t("BiChat.Question.SelectMulti") }),
     /* @__PURE__ */ 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__ */ jsx(
@@ -9031,7 +9615,7 @@ function QuestionStep({
     }) }),
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ 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__ */ jsx(
@@ -9040,7 +9624,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"
         }
@@ -9058,8 +9642,8 @@ function ConfirmationStep({
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: t("questionForm.reviewTitle") }),
-      /* @__PURE__ */ jsx("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: t("questionForm.reviewDescription") })
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: t("BiChat.QuestionForm.ReviewTitle") }),
+      /* @__PURE__ */ jsx("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: t("BiChat.QuestionForm.ReviewDescription") })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "space-y-4", children: questions.map((question) => {
       const answerData = answers[question.id] || { options: [] };
@@ -9083,12 +9667,12 @@ function ConfirmationStep({
               )),
               customText && /* @__PURE__ */ 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__ */ jsxs("span", { className: "font-semibold mr-1", children: [
-                  t("Question.Other"),
+                  t("BiChat.Question.OtherOption"),
                   ":"
                 ] }),
                 /* @__PURE__ */ jsx("span", { className: "italic", children: customText })
               ] })
-            ] }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-400 dark:text-gray-500 italic", children: t("questionForm.skip") })
+            ] }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-400 dark:text-gray-500 italic", children: t("BiChat.QuestionForm.Skip") })
           ]
         },
         question.id
@@ -9105,12 +9689,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;
@@ -9163,24 +9747,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__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50 p-4", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "border-b border-gray-200 dark:border-gray-700 p-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("questionForm.title") }),
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("BiChat.QuestionForm.Title") }),
         /* @__PURE__ */ 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__ */ jsx(X, { className: "w-6 h-6" })
           }
         )
@@ -9214,7 +9798,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__ */ jsx("div", { className: "flex-1" }),
@@ -9225,7 +9809,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__ */ jsxs(
@@ -9236,7 +9820,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__ */ jsx(MemoizedLoadingSpinner, { size: "sm" }),
-              isSubmitting ? t("questionForm.submitting") : t("questionForm.confirm")
+              isSubmitting ? t("BiChat.QuestionForm.Submitting") : t("BiChat.QuestionForm.Confirm")
             ]
           }
         )
@@ -9248,7 +9832,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")
           }
         )
       )
@@ -9653,55 +10237,6 @@ function useModalLock(isOpen) {
     };
   }, [isOpen]);
 }
-function useFocusTrap(containerRef, isActive, restoreFocusOnDeactivate) {
-  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] = useState(false);
@@ -10237,36 +10772,6 @@ function useScrollToBottom(items) {
     scrollToBottom
   };
 }
-function useKeyboardShortcuts(shortcuts) {
-  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();
@@ -10721,12 +11226,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 || []
   };
 }
@@ -11125,6 +11681,6 @@ function createHttpDataSource(config) {
   return new HttpDataSource(config);
 }
 
-export { ATTACHMENT_ACCEPT_ATTRIBUTE, ActionButton, Alert_default as Alert, AllChatsList, ArchiveBanner_default as ArchiveBanner, ArchivedChatList, AssistantMessage, AssistantTurnView, MemoizedAttachmentGrid as AttachmentGrid, AttachmentPreview_default as AttachmentPreview, AttachmentUpload_default as AttachmentUpload, Avatar, Bubble, CHART_VISUAL, ChartCard, ChatHeader, ChatSession, ChatSessionProvider, MemoizedCodeBlock as CodeBlock, CodeOutputsPanel, CompactionDoodle, ConfigProvider, ConfirmModal, ConfirmationStep, DateGroupHeader, DebugPanel, DefaultErrorContent, DownloadCard, MemoizedEditableText as EditableText, MemoizedEmptyState as EmptyState, ErrorBoundary, HttpDataSource, ImageModal, InlineQuestionForm, IotaContextProvider, ListItemSkeleton, MemoizedLoadingSpinner as LoadingSpinner, MemoizedMarkdownRenderer as MarkdownRenderer, MessageActions, MessageInput, MessageList, MessageRole, PermissionGuard, QuestionForm, QuestionStep, RateLimiter, RetryActionArea, ScreenReaderAnnouncer, ScrollToBottomButton, MemoizedSearchInput as SearchInput, SessionArtifactList, SessionArtifactPreview, SessionArtifactsPanel, SessionItem_default as SessionItem, SessionSkeleton, Sidebar2 as Sidebar, MemoizedSkeleton as Skeleton, SkeletonAvatar, SkeletonCard, SkeletonGroup, SkeletonText, SkipLink, Slot, SourcesPanel, StreamError, StreamingCursor, SystemMessage, MemoizedTabBar as TabBar, TableExportButton, TableWithExport, ThemeProvider, Toast, ToastContainer, TouchContextMenu, Turn, TurnBubble, MemoizedTypingIndicator as TypingIndicator, MemoizedUserAvatar as UserAvatar, MemoizedUserFilter as UserFilter, UserMessage, UserTurnView, WelcomeContent, addCSRFHeader, backdropVariants, buttonVariants, convertToBase64, createDataUrl, createHeadersWithCSRF, createHttpDataSource, darkTheme, dropdownVariants, errorMessageVariants, fadeInUpVariants, fadeInVariants, floatingButtonVariants, formatFileSize, getCSRFToken, getFileVisual, getValidChildren, groupSessionsByDate, hasPermission, isImageMimeType, lightTheme, listItemVariants, messageContainerVariants, messageVariants, scaleFadeVariants, sessionItemVariants, staggerContainerVariants, toastVariants, typingDotVariants, useActionButtonContext, useAttachments, useAutoScroll, useAvatarContext, useBubbleContext, useChatInput, useChatMessaging, useChatSession, useConfig, useFocusTrap, useImageGallery, useIotaContext, useKeyboardShortcuts, useLongPress, useMarkdownCopy, useMessageActions, useModalLock, useOptionalChatMessaging, useRequiredConfig, useScrollToBottom, useStreaming, useTheme, useToast, useTranslation, useTurnContext, validateAttachmentFile, validateFileCount, validateImageFile, verbTransitionVariants };
+export { ATTACHMENT_ACCEPT_ATTRIBUTE, ActionButton, Alert_default as Alert, AllChatsList, ArchiveBanner_default as ArchiveBanner, ArchivedChatList, AssistantMessage, AssistantTurnView, MemoizedAttachmentGrid as AttachmentGrid, AttachmentPreview_default as AttachmentPreview, AttachmentUpload_default as AttachmentUpload, Avatar, BiChatLayout, Bubble, CHART_VISUAL, ChartCard, ChatHeader, ChatSession, ChatSessionProvider, MemoizedCodeBlock as CodeBlock, CodeOutputsPanel, CompactionDoodle, ConfigProvider, ConfirmModal, ConfirmationStep, DateGroupHeader, DebugPanel, DefaultErrorContent, DownloadCard, MemoizedEditableText as EditableText, MemoizedEmptyState as EmptyState, ErrorBoundary, HttpDataSource, ImageModal, InlineQuestionForm, IotaContextProvider, ListItemSkeleton, MemoizedLoadingSpinner as LoadingSpinner, MemoizedMarkdownRenderer as MarkdownRenderer, MessageActions, MessageInput, MessageList, MessageRole, PermissionGuard, QuestionForm, QuestionStep, RateLimiter, RetryActionArea, ScreenReaderAnnouncer, ScrollToBottomButton, MemoizedSearchInput as SearchInput, SessionArtifactList, SessionArtifactPreview, SessionArtifactsPanel, SessionItem_default as SessionItem, SessionSkeleton, Sidebar2 as Sidebar, MemoizedSkeleton as Skeleton, SkeletonAvatar, SkeletonCard, SkeletonGroup, SkeletonText, SkipLink, Slot, SourcesPanel, StreamError, StreamingCursor, SystemMessage, MemoizedTabBar as TabBar, TableExportButton, TableWithExport, ThemeProvider, Toast, ToastContainer, TouchContextMenu, Turn, TurnBubble, MemoizedTypingIndicator as TypingIndicator, MemoizedUserAvatar as UserAvatar, MemoizedUserFilter as UserFilter, UserMessage, UserTurnView, WelcomeContent, addCSRFHeader, backdropVariants, buttonVariants, convertToBase64, createDataUrl, createHeadersWithCSRF, createHttpDataSource, darkTheme, dropdownVariants, errorMessageVariants, fadeInUpVariants, fadeInVariants, floatingButtonVariants, formatFileSize, getCSRFToken, getFileVisual, getValidChildren, groupSessionsByDate, hasPermission, isImageMimeType, isPermissionDeniedError, lightTheme, listItemVariants, messageContainerVariants, messageVariants, scaleFadeVariants, sessionItemVariants, staggerContainerVariants, toErrorDisplay, toastVariants, typingDotVariants, useActionButtonContext, useAttachments, useAutoScroll, useAvatarContext, useBubbleContext, useChatInput, useChatMessaging, useChatSession, useConfig, useFocusTrap, useImageGallery, useIotaContext, useKeyboardShortcuts, useLongPress, useMarkdownCopy, useMessageActions, useModalLock, useOptionalChatMessaging, useRequiredConfig, useScrollToBottom, useSidebarState, useStreaming, useTheme, useToast, useTranslation, useTurnContext, validateAttachmentFile, validateFileCount, validateImageFile, verbTransitionVariants };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map