@djangocfg/ext-knowbase 1.0.20 → 1.0.22

package/dist/config.cjs

@@ -27,7 +27,7 @@ var import_ext_base = require("@djangocfg/ext-base");
 // package.json
 var package_default = {
   name: "@djangocfg/ext-knowbase",
-  version: "1.0.20",
+  version: "1.0.22",
   description: "Knowledge base and chat extension for DjangoCFG",
   keywords: [
     "django",
@@ -73,6 +73,11 @@ var package_default = {
       types: "./dist/config.d.ts",
       import: "./dist/config.js",
       require: "./dist/config.cjs"
+    },
+    "./i18n": {
+      types: "./dist/i18n.d.ts",
+      import: "./dist/i18n.js",
+      require: "./dist/i18n.cjs"
     }
   },
   files: [
@@ -88,6 +93,7 @@ var package_default = {
   peerDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     "@djangocfg/ui-nextjs": "workspace:*",
     consola: "^3.4.2",
@@ -104,6 +110,7 @@ var package_default = {
   devDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     "@djangocfg/typescript-config": "workspace:*",
     "@types/node": "^24.7.2",

package/dist/config.js

@@ -4,7 +4,7 @@ import { createExtensionConfig } from "@djangocfg/ext-base";
 // package.json
 var package_default = {
   name: "@djangocfg/ext-knowbase",
-  version: "1.0.20",
+  version: "1.0.22",
   description: "Knowledge base and chat extension for DjangoCFG",
   keywords: [
     "django",
@@ -50,6 +50,11 @@ var package_default = {
       types: "./dist/config.d.ts",
       import: "./dist/config.js",
       require: "./dist/config.cjs"
+    },
+    "./i18n": {
+      types: "./dist/i18n.d.ts",
+      import: "./dist/i18n.js",
+      require: "./dist/i18n.cjs"
     }
   },
   files: [
@@ -65,6 +70,7 @@ var package_default = {
   peerDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     "@djangocfg/ui-nextjs": "workspace:*",
     consola: "^3.4.2",
@@ -81,6 +87,7 @@ var package_default = {
   devDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     "@djangocfg/typescript-config": "workspace:*",
     "@types/node": "^24.7.2",

package/dist/hooks.cjs

@@ -12,6 +12,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
 var navigation = require('next/navigation');
 var reactDom = require('react-dom');
+var i18n = require('@djangocfg/ext-base/i18n');
+var i18n$1 = require('@djangocfg/i18n');
 var uiNextjs = require('@djangocfg/ui-nextjs');
 var hooks = require('@djangocfg/ui-core/hooks');
 var moment = require('moment');
@@ -4797,7 +4799,7 @@ var apiKnowbase = api.createExtensionAPI(API);
 // package.json
 var package_default = {
   name: "@djangocfg/ext-knowbase",
-  version: "1.0.20",
+  version: "1.0.22",
   description: "Knowledge base and chat extension for DjangoCFG",
   keywords: [
     "django",
@@ -4843,6 +4845,11 @@ var package_default = {
       types: "./dist/config.d.ts",
       import: "./dist/config.js",
       require: "./dist/config.cjs"
+    },
+    "./i18n": {
+      types: "./dist/i18n.d.ts",
+      import: "./dist/i18n.js",
+      require: "./dist/i18n.cjs"
     }
   },
   files: [
@@ -4858,6 +4865,7 @@ var package_default = {
   peerDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     "@djangocfg/ui-nextjs": "workspace:*",
     consola: "^3.4.2",
@@ -4874,6 +4882,7 @@ var package_default = {
   devDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     "@djangocfg/typescript-config": "workspace:*",
     "@types/node": "^24.7.2",
@@ -5245,6 +5254,117 @@ function useChatUI() {
   }
   return context;
 }
+
+// src/i18n/locales/en.ts
+var en = {
+  chat: {
+    title: "Knowledge Assistant",
+    titleShort: "Support",
+    placeholder: "Ask me anything...",
+    enterToSend: "Press Enter to send, Shift+Enter for new line",
+    thinking: "Thinking...",
+    source: "Source {index}",
+    startConversation: "Start a Conversation",
+    startConversationDescription: "Ask me anything about the documentation, features, or get help with your project.",
+    openChat: "Open Support Chat"
+  },
+  sessions: {
+    title: "Chat Sessions",
+    description: "View and manage your chat history",
+    noSessions: "No Sessions Yet",
+    noSessionsDescription: "Start a new conversation to create your first session.",
+    untitled: "Untitled Session",
+    active: "Active",
+    archive: "Archive",
+    delete: "Delete",
+    loadingMore: "Loading more...",
+    noMore: "No more sessions",
+    newChat: "New Chat"
+  },
+  actions: {
+    sessions: "Sessions",
+    collapse: "Collapse",
+    expand: "Expand",
+    close: "Close"
+  }
+};
+
+// src/i18n/locales/ru.ts
+var ru = {
+  chat: {
+    title: "\u0411\u0430\u0437\u0430 \u0437\u043D\u0430\u043D\u0438\u0439",
+    titleShort: "\u041F\u043E\u0434\u0434\u0435\u0440\u0436\u043A\u0430",
+    placeholder: "\u0417\u0430\u0434\u0430\u0439\u0442\u0435 \u0432\u043E\u043F\u0440\u043E\u0441...",
+    enterToSend: "Enter \u0434\u043B\u044F \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438, Shift+Enter \u0434\u043B\u044F \u043D\u043E\u0432\u043E\u0439 \u0441\u0442\u0440\u043E\u043A\u0438",
+    thinking: "\u0414\u0443\u043C\u0430\u044E...",
+    source: "\u0418\u0441\u0442\u043E\u0447\u043D\u0438\u043A {index}",
+    startConversation: "\u041D\u0430\u0447\u0430\u0442\u044C \u0440\u0430\u0437\u0433\u043E\u0432\u043E\u0440",
+    startConversationDescription: "\u0417\u0430\u0434\u0430\u0439\u0442\u0435 \u043B\u044E\u0431\u043E\u0439 \u0432\u043E\u043F\u0440\u043E\u0441 \u043E \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0446\u0438\u0438, \u0444\u0443\u043D\u043A\u0446\u0438\u044F\u0445 \u0438\u043B\u0438 \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u0435 \u043F\u043E\u043C\u043E\u0449\u044C \u0441 \u043F\u0440\u043E\u0435\u043A\u0442\u043E\u043C.",
+    openChat: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0447\u0430\u0442 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u043A\u0438"
+  },
+  sessions: {
+    title: "\u0421\u0435\u0441\u0441\u0438\u0438 \u0447\u0430\u0442\u0430",
+    description: "\u041F\u0440\u043E\u0441\u043C\u043E\u0442\u0440 \u0438 \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0438\u0441\u0442\u043E\u0440\u0438\u0435\u0439 \u0447\u0430\u0442\u0430",
+    noSessions: "\u041D\u0435\u0442 \u0441\u0435\u0441\u0441\u0438\u0439",
+    noSessionsDescription: "\u041D\u0430\u0447\u043D\u0438\u0442\u0435 \u043D\u043E\u0432\u044B\u0439 \u0440\u0430\u0437\u0433\u043E\u0432\u043E\u0440, \u0447\u0442\u043E\u0431\u044B \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u043F\u0435\u0440\u0432\u0443\u044E \u0441\u0435\u0441\u0441\u0438\u044E.",
+    untitled: "\u0411\u0435\u0437 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F",
+    active: "\u0410\u043A\u0442\u0438\u0432\u043D\u0430\u044F",
+    archive: "\u0410\u0440\u0445\u0438\u0432\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
+    delete: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
+    loadingMore: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...",
+    noMore: "\u0411\u043E\u043B\u044C\u0448\u0435 \u043D\u0435\u0442 \u0441\u0435\u0441\u0441\u0438\u0439",
+    newChat: "\u041D\u043E\u0432\u044B\u0439 \u0447\u0430\u0442"
+  },
+  actions: {
+    sessions: "\u0421\u0435\u0441\u0441\u0438\u0438",
+    collapse: "\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C",
+    expand: "\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C",
+    close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
+  }
+};
+
+// src/i18n/locales/ko.ts
+var ko = {
+  chat: {
+    title: "\uC9C0\uC2DD \uB3C4\uC6B0\uBBF8",
+    titleShort: "\uC9C0\uC6D0",
+    placeholder: "\uBB34\uC5C7\uC774\uB4E0 \uBB3C\uC5B4\uBCF4\uC138\uC694...",
+    enterToSend: "Enter\uB85C \uC804\uC1A1, Shift+Enter\uB85C \uC904\uBC14\uAFC8",
+    thinking: "\uC0DD\uAC01 \uC911...",
+    source: "\uCD9C\uCC98 {index}",
+    startConversation: "\uB300\uD654 \uC2DC\uC791\uD558\uAE30",
+    startConversationDescription: "\uBB38\uC11C, \uAE30\uB2A5\uC5D0 \uB300\uD574 \uC9C8\uBB38\uD558\uAC70\uB098 \uD504\uB85C\uC81D\uD2B8 \uB3C4\uC6C0\uC744 \uBC1B\uC73C\uC138\uC694.",
+    openChat: "\uC9C0\uC6D0 \uCC44\uD305 \uC5F4\uAE30"
+  },
+  sessions: {
+    title: "\uCC44\uD305 \uC138\uC158",
+    description: "\uCC44\uD305 \uAE30\uB85D \uBCF4\uAE30 \uBC0F \uAD00\uB9AC",
+    noSessions: "\uC138\uC158 \uC5C6\uC74C",
+    noSessionsDescription: "\uC0C8 \uB300\uD654\uB97C \uC2DC\uC791\uD558\uC5EC \uCCAB \uBC88\uC9F8 \uC138\uC158\uC744 \uB9CC\uB4DC\uC138\uC694.",
+    untitled: "\uC81C\uBAA9 \uC5C6\uC74C",
+    active: "\uD65C\uC131",
+    archive: "\uBCF4\uAD00",
+    delete: "\uC0AD\uC81C",
+    loadingMore: "\uBD88\uB7EC\uC624\uB294 \uC911...",
+    noMore: "\uB354 \uC774\uC0C1 \uC138\uC158 \uC5C6\uC74C",
+    newChat: "\uC0C8 \uCC44\uD305"
+  },
+  actions: {
+    sessions: "\uC138\uC158",
+    collapse: "\uCD95\uC18C",
+    expand: "\uD655\uC7A5",
+    close: "\uB2EB\uAE30"
+  }
+};
+
+// src/i18n/index.ts
+var KNOWBASE_NAMESPACE = "knowbase";
+var knowbaseI18n = i18n.createExtensionI18n({
+  namespace: KNOWBASE_NAMESPACE,
+  defaultLocale: "en",
+  locales: { en, ru, ko }
+});
+knowbaseI18n.getAllTranslations();
 var isDevelopment = process.env.NODE_ENV === "development";
 var logger = consola.createConsola({
   level: isDevelopment ? 4 : 1
@@ -5261,8 +5381,16 @@ var MessageList = ({
   autoScroll = true,
   className = ""
 }) => {
+  const baseT = i18n$1.useT();
+  const kt = i18n.createTypedExtensionT(baseT, KNOWBASE_NAMESPACE);
   const scrollRef = react.useRef(null);
   const { user } = auth.useAuth();
+  const labels = react.useMemo(() => ({
+    startConversation: kt("chat.startConversation"),
+    startConversationDescription: kt("chat.startConversationDescription"),
+    source: kt("chat.source"),
+    thinking: kt("chat.thinking")
+  }), [kt]);
   react.useEffect(() => {
     if (autoScroll && scrollRef.current) {
       const scrollContainer = scrollRef.current.querySelector("[data-radix-scroll-area-viewport]");
@@ -5278,8 +5406,8 @@ var MessageList = ({
   return /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.ScrollArea, { className: `h-full bg-muted/50 ${className}`, viewportRef: scrollRef, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4", children: [
     messages.length === 0 && !isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center py-12", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bot, { className: "h-12 w-12 text-muted-foreground mb-4" }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: "Start a Conversation" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground max-w-md", children: "Ask me anything about the documentation, features, or get help with your project." })
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: labels.startConversation }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground max-w-md", children: labels.startConversationDescription })
     ] }) : messages.map((message, index) => {
       const isUser = message.role === Enums.ChatMessageRole.USER;
       const isAssistant = message.role === Enums.ChatMessageRole.ASSISTANT;
@@ -5308,10 +5436,10 @@ var MessageList = ({
                     uiNextjs.Badge,
                     {
                       variant: "secondary",
-                      className: "text-xs flex items-center gap-1 cursor-pointer \n                                     hover:bg-secondary/80 hover:scale-105 active:scale-95 \n                                     transition-all duration-200 animate-in fade-in zoom-in-95",
+                      className: "text-xs flex items-center gap-1 cursor-pointer\n                                     hover:bg-secondary/80 hover:scale-105 active:scale-95\n                                     transition-all duration-200 animate-in fade-in zoom-in-95",
                       style: { animationDelay: `${(idx + 1) * 100}ms` },
                       children: [
-                        source.document_title || `Source ${idx + 1}`,
+                        source.document_title || labels.source.replace("{index}", String(idx + 1)),
                         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-3 w-3" })
                       ]
                     }
@@ -5332,7 +5460,7 @@ var MessageList = ({
       /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Avatar, { className: "h-8 w-8 shrink-0 animate-pulse", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full items-center justify-center bg-primary text-primary-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bot, { className: "h-5 w-5 animate-bounce" }) }) }),
       /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Card, { className: "bg-muted animate-pulse", children: /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.CardContent, { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-pulse", children: "Thinking..." })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-pulse", children: labels.thinking })
       ] }) }) })
     ] })
   ] }) });
@@ -5341,12 +5469,18 @@ var MessageInput = ({
   onSend,
   isLoading = false,
   disabled = false,
-  placeholder = "Ask me anything...",
+  placeholder,
   className = ""
 }) => {
+  const baseT = i18n$1.useT();
+  const kt = i18n.createTypedExtensionT(baseT, KNOWBASE_NAMESPACE);
   const [message, setMessage] = react.useState("");
   const [rows, setRows] = react.useState(1);
   const textareaRef = react.useRef(null);
+  const labels = react.useMemo(() => ({
+    placeholder: placeholder || kt("chat.placeholder"),
+    enterToSend: kt("chat.enterToSend")
+  }), [kt, placeholder]);
   react.useEffect(() => {
     if (textareaRef.current) {
       const lineHeight = 24;
@@ -5401,10 +5535,10 @@ var MessageInput = ({
           value: message,
           onChange: (e) => setMessage(e.target.value),
           onKeyDown: handleKeyDown,
-          placeholder,
+          placeholder: labels.placeholder,
           disabled: isDisabled,
           rows,
-          className: "resize-none min-h-[40px] max-h-[120px] transition-all duration-200 \n                     focus:ring-2 focus:ring-primary/20",
+          className: "resize-none min-h-[40px] max-h-[120px] transition-all duration-200\n                     focus:ring-2 focus:ring-primary/20",
           style: { resize: "none" }
         }
       ),
@@ -5414,12 +5548,12 @@ var MessageInput = ({
           type: "submit",
           size: "icon",
           disabled: !canSend,
-          className: "shrink-0 h-10 w-10 transition-all duration-200 \n                     hover:scale-110 active:scale-95 disabled:scale-100",
+          className: "shrink-0 h-10 w-10 transition-all duration-200\n                     hover:scale-110 active:scale-95 disabled:scale-100",
           children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "h-4 w-4" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-2", children: "Press Enter to send, Shift+Enter for new line" })
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-2", children: labels.enterToSend })
   ] });
 };
 var PAGE_SIZE = 20;
@@ -5476,6 +5610,8 @@ var SessionList = ({
   onSelectSession,
   className = ""
 }) => {
+  const baseT = i18n$1.useT();
+  const kt = i18n.createTypedExtensionT(baseT, KNOWBASE_NAMESPACE);
   const { deleteSession, archiveSession } = useKnowbaseSessionsContext();
   const {
     sessions,
@@ -5484,6 +5620,18 @@ var SessionList = ({
     hasMore,
     loadMore
   } = useInfiniteSessions();
+  const labels = react.useMemo(() => ({
+    title: kt("sessions.title"),
+    description: kt("sessions.description"),
+    noSessions: kt("sessions.noSessions"),
+    noSessionsDescription: kt("sessions.noSessionsDescription"),
+    untitled: kt("sessions.untitled"),
+    active: kt("sessions.active"),
+    archive: kt("sessions.archive"),
+    delete: kt("sessions.delete"),
+    loadingMore: kt("sessions.loadingMore"),
+    noMore: kt("sessions.noMore")
+  }), [kt]);
   const scrollRef = react.useRef(null);
   const handleScroll = react.useCallback(() => {
     if (!scrollRef.current || isLoadingMore || !hasMore) return;
@@ -5506,13 +5654,13 @@ var SessionList = ({
   };
   return /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Sheet, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.SheetContent, { side: "left", className: `w-[400px] sm:w-[540px] ${className}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.SheetHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SheetTitle, { children: "Chat Sessions" }),
-      /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SheetDescription, { children: "View and manage your chat history" })
+      /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SheetTitle, { children: labels.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SheetDescription, { children: labels.description })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.ScrollArea, { className: "h-[calc(100vh-120px)] mt-6", viewportRef: scrollRef, children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) : !sessions || sessions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "h-12 w-12 text-muted-foreground mb-4" }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: "No Sessions Yet" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground max-w-md", children: "Start a new conversation to create your first session." })
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: labels.noSessions }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground max-w-md", children: labels.noSessionsDescription })
     ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
       sessions.map((session, index) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -5527,8 +5675,8 @@ var SessionList = ({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "h-5 w-5 text-muted-foreground" }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2 mb-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium text-sm truncate", children: session.title || "Untitled Session" }),
-                session.is_active && /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Badge, { variant: "default", className: "shrink-0 text-xs", children: "Active" })
+                /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium text-sm truncate", children: session.title || labels.untitled }),
+                session.is_active && /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Badge, { variant: "default", className: "shrink-0 text-xs", children: labels.active })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-3 w-3" }),
@@ -5546,7 +5694,7 @@ var SessionList = ({
                     e.stopPropagation();
                     archiveSession(session.id, {});
                   },
-                  title: "Archive",
+                  title: labels.archive,
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Archive, { className: "h-4 w-4" })
                 }
               ),
@@ -5555,12 +5703,12 @@ var SessionList = ({
                 {
                   variant: "ghost",
                   size: "sm",
-                  className: "h-8 w-8 p-0 text-destructive hover:text-destructive \n                               hover:scale-110 active:scale-95 transition-transform duration-200",
+                  className: "h-8 w-8 p-0 text-destructive hover:text-destructive\n                               hover:scale-110 active:scale-95 transition-transform duration-200",
                   onClick: (e) => {
                     e.stopPropagation();
                     deleteSession(session.id);
                   },
-                  title: "Delete",
+                  title: labels.delete,
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" })
                 }
               )
@@ -5571,9 +5719,9 @@ var SessionList = ({
       )),
       isLoadingMore && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center py-6", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground mr-2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Loading more..." })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: labels.loadingMore })
       ] }),
-      !hasMore && sessions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "No more sessions" }) })
+      !hasMore && sessions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: labels.noMore }) })
     ] }) })
   ] }) });
 };
@@ -5586,6 +5734,8 @@ var ChatWidget = ({
   onToggle,
   onMessage
 }) => {
+  const baseT = i18n$1.useT();
+  const kt = i18n.createTypedExtensionT(baseT, KNOWBASE_NAMESPACE);
   const { sendQuery, getChatHistory } = useKnowbaseChatContext();
   const { createSession, getSession } = useKnowbaseSessionsContext();
   const {
@@ -5596,6 +5746,17 @@ var ChatWidget = ({
     toggleSources,
     toggleTimestamps
   } = useChatUI();
+  const labels = react.useMemo(() => ({
+    title: kt("chat.title"),
+    titleShort: kt("chat.titleShort"),
+    placeholder: kt("chat.placeholder"),
+    openChat: kt("chat.openChat"),
+    sessions: kt("actions.sessions"),
+    newChat: kt("sessions.newChat"),
+    collapse: kt("actions.collapse"),
+    expand: kt("actions.expand"),
+    close: kt("actions.close")
+  }), [kt]);
   const pathname = navigation.usePathname();
   const isMobile = hooks.useIsMobile();
   const [isLoading, setIsLoading] = react.useState(false);
@@ -5736,7 +5897,7 @@ var ChatWidget = ({
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4 border-b bg-background shadow-sm", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "h-5 w-5 text-primary" }),
-                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-semibold text-foreground", children: "Knowledge Assistant" })
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-semibold text-foreground", children: labels.title })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -5746,7 +5907,7 @@ var ChatWidget = ({
                     size: "sm",
                     onClick: () => setShowSessions(true),
                     className: "text-muted-foreground hover:text-foreground",
-                    title: "Sessions",
+                    title: labels.sessions,
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "h-5 w-5" })
                   }
                 ),
@@ -5757,7 +5918,7 @@ var ChatWidget = ({
                     size: "sm",
                     onClick: handleNewChat,
                     className: "text-muted-foreground hover:text-foreground",
-                    title: "New Chat",
+                    title: labels.newChat,
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-5 w-5" })
                   }
                 ),
@@ -5790,7 +5951,7 @@ var ChatWidget = ({
                 {
                   onSend: handleSendMessage,
                   isLoading,
-                  placeholder: "Ask me anything..."
+                  placeholder: labels.placeholder
                 }
               )
             ] })
@@ -5839,7 +6000,7 @@ var ChatWidget = ({
           /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.CardHeader, { className: "flex-row items-center justify-between space-y-0 pb-3 border-b", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "h-5 w-5 text-primary" }),
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-foreground", children: "Support" })
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-foreground", children: labels.titleShort })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -5849,7 +6010,7 @@ var ChatWidget = ({
                   size: "sm",
                   onClick: () => setShowSessions(true),
                   className: "h-8 w-8 p-0",
-                  title: "Sessions",
+                  title: labels.sessions,
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "h-4 w-4" })
                 }
               ),
@@ -5860,7 +6021,7 @@ var ChatWidget = ({
                   size: "sm",
                   onClick: handleNewChat,
                   className: "h-8 w-8 p-0",
-                  title: "New Chat",
+                  title: labels.newChat,
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" })
                 }
               ),
@@ -5871,7 +6032,7 @@ var ChatWidget = ({
                   size: "sm",
                   onClick: uiState.isExpanded ? collapseChat : expandChat,
                   className: "h-8 w-8 p-0",
-                  title: uiState.isExpanded ? "Collapse" : "Expand",
+                  title: uiState.isExpanded ? labels.collapse : labels.expand,
                   children: uiState.isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minimize2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, { className: "h-4 w-4" })
                 }
               ),
@@ -5882,7 +6043,7 @@ var ChatWidget = ({
                   size: "sm",
                   onClick: toggleChat,
                   className: "h-8 w-8 p-0",
-                  title: "Close",
+                  title: labels.close,
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
                 }
               )
@@ -5905,7 +6066,7 @@ var ChatWidget = ({
               {
                 onSend: handleSendMessage,
                 isLoading,
-                placeholder: "Ask me anything..."
+                placeholder: labels.placeholder
               }
             )
           ] })
@@ -5940,14 +6101,14 @@ var ChatWidget = ({
             uiNextjs.Button,
             {
               onClick: toggleChat,
-              className: "w-full h-full rounded-full shadow-2xl \n                       hover:scale-110 hover:rotate-12 active:scale-95 \n                       transition-all duration-300 ease-out\n                       flex items-center justify-center\n                       group",
+              className: "w-full h-full rounded-full shadow-2xl\n                       hover:scale-110 hover:rotate-12 active:scale-95\n                       transition-all duration-300 ease-out\n                       flex items-center justify-center\n                       group",
               style: {
                 backgroundColor: "hsl(var(--primary))",
                 borderRadius: "50%",
                 padding: 0
               },
-              title: "Open Support Chat",
-              "aria-label": "Open Support Chat",
+              title: labels.openChat,
+              "aria-label": labels.openChat,
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 lucideReact.MessageSquare,
                 {