@djangocfg/ext-knowbase 1.0.21 → 1.0.23

package/dist/hooks.js

@@ -5,11 +5,12 @@ import { initializeExtensionAPI, createExtensionAPI } from '@djangocfg/ext-base/
 import useSWR, { useSWRConfig } from 'swr';
 import { createExtensionConfig } from '@djangocfg/ext-base';
 import '@djangocfg/ext-base/hooks';
-import { createContext, useContext, useState, useCallback, useRef, useEffect } from 'react';
+import { createContext, useContext, useState, useCallback, useRef, useMemo, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Bot, ExternalLink, User, Loader2, Send, MessageSquare, Clock, Archive, Trash2, List, Plus, X, Minimize2, Maximize2 } from 'lucide-react';
 import { usePathname } from 'next/navigation';
 import { createPortal } from 'react-dom';
+import { useLocale } from 'next-intl';
 import { ScrollArea, Avatar, Card, CardContent, Badge, AvatarImage, AvatarFallback, Textarea, Button, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, CardHeader } from '@djangocfg/ui-nextjs';
 import { useIsMobile, useLocalStorage } from '@djangocfg/ui-core/hooks';
 import moment from 'moment';
@@ -4788,7 +4789,7 @@ var apiKnowbase = createExtensionAPI(API);
 // package.json
 var package_default = {
   name: "@djangocfg/ext-knowbase",
-  version: "1.0.21",
+  version: "1.0.23",
   description: "Knowledge base and chat extension for DjangoCFG",
   keywords: [
     "django",
@@ -4834,6 +4835,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: [
@@ -4849,27 +4855,31 @@ 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",
     "lucide-react": "^0.545.0",
+    moment: "^2.30.1",
     next: "^16",
+    "next-intl": "^4",
     "p-retry": "^7.0.0",
     react: "^19",
     "react-dom": "^19",
     "react-markdown": "^9.0.0 || ^10.0.0",
     swr: "^2.3.7",
-    zod: "^4.3.4",
-    moment: "^2.30.1"
+    zod: "^4.3.4"
   },
   devDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/i18n": "workspace:*",
     "@djangocfg/ui-core": "workspace:*",
     "@djangocfg/typescript-config": "workspace:*",
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",
     consola: "^3.4.2",
+    "next-intl": "^4.1.0",
     "p-retry": "^7.0.0",
     swr: "^2.3.7",
     tsup: "^8.5.0",
@@ -5236,6 +5246,131 @@ 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/useKnowbaseT.ts
+var translations = { en, ru, ko };
+function getNestedValue(obj, path) {
+  const keys = path.split(".");
+  let result = obj;
+  for (const key of keys) {
+    if (result && typeof result === "object" && key in result) {
+      result = result[key];
+    } else {
+      return path;
+    }
+  }
+  return typeof result === "string" ? result : path;
+}
+function useKnowbaseT() {
+  const locale = useLocale();
+  const t = useMemo(() => translations[locale] || translations.en, [locale]);
+  return useCallback(
+    (key) => getNestedValue(t, key),
+    [t]
+  );
+}
 var isDevelopment = process.env.NODE_ENV === "development";
 var logger = createConsola({
   level: isDevelopment ? 4 : 1
@@ -5252,8 +5387,15 @@ var MessageList = ({
   autoScroll = true,
   className = ""
 }) => {
+  const kt = useKnowbaseT();
   const scrollRef = useRef(null);
   const { user } = useAuth();
+  const labels = useMemo(() => ({
+    startConversation: kt("chat.startConversation"),
+    startConversationDescription: kt("chat.startConversationDescription"),
+    source: kt("chat.source"),
+    thinking: kt("chat.thinking")
+  }), [kt]);
   useEffect(() => {
     if (autoScroll && scrollRef.current) {
       const scrollContainer = scrollRef.current.querySelector("[data-radix-scroll-area-viewport]");
@@ -5269,8 +5411,8 @@ var MessageList = ({
   return /* @__PURE__ */ jsx(ScrollArea, { className: `h-full bg-muted/50 ${className}`, viewportRef: scrollRef, children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4", children: [
     messages.length === 0 && !isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center py-12", children: [
       /* @__PURE__ */ jsx(Bot, { className: "h-12 w-12 text-muted-foreground mb-4" }),
-      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: "Start a Conversation" }),
-      /* @__PURE__ */ 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__ */ jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: labels.startConversation }),
+      /* @__PURE__ */ 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;
@@ -5299,10 +5441,10 @@ var MessageList = ({
                     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__ */ jsx(ExternalLink, { className: "h-3 w-3" })
                       ]
                     }
@@ -5323,7 +5465,7 @@ var MessageList = ({
       /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 shrink-0 animate-pulse", children: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx(Bot, { className: "h-5 w-5 animate-bounce" }) }) }),
       /* @__PURE__ */ jsx(Card, { className: "bg-muted animate-pulse", children: /* @__PURE__ */ jsx(CardContent, { className: "p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
         /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
-        /* @__PURE__ */ jsx("span", { className: "animate-pulse", children: "Thinking..." })
+        /* @__PURE__ */ jsx("span", { className: "animate-pulse", children: labels.thinking })
       ] }) }) })
     ] })
   ] }) });
@@ -5332,12 +5474,17 @@ var MessageInput = ({
   onSend,
   isLoading = false,
   disabled = false,
-  placeholder = "Ask me anything...",
+  placeholder,
   className = ""
 }) => {
+  const kt = useKnowbaseT();
   const [message, setMessage] = useState("");
   const [rows, setRows] = useState(1);
   const textareaRef = useRef(null);
+  const labels = useMemo(() => ({
+    placeholder: placeholder || kt("chat.placeholder"),
+    enterToSend: kt("chat.enterToSend")
+  }), [kt, placeholder]);
   useEffect(() => {
     if (textareaRef.current) {
       const lineHeight = 24;
@@ -5392,10 +5539,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" }
         }
       ),
@@ -5405,12 +5552,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__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-2", children: "Press Enter to send, Shift+Enter for new line" })
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-2", children: labels.enterToSend })
   ] });
 };
 var PAGE_SIZE = 20;
@@ -5467,6 +5614,7 @@ var SessionList = ({
   onSelectSession,
   className = ""
 }) => {
+  const kt = useKnowbaseT();
   const { deleteSession, archiveSession } = useKnowbaseSessionsContext();
   const {
     sessions,
@@ -5475,6 +5623,18 @@ var SessionList = ({
     hasMore,
     loadMore
   } = useInfiniteSessions();
+  const labels = 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 = useRef(null);
   const handleScroll = useCallback(() => {
     if (!scrollRef.current || isLoadingMore || !hasMore) return;
@@ -5497,13 +5657,13 @@ var SessionList = ({
   };
   return /* @__PURE__ */ jsx(Sheet, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsxs(SheetContent, { side: "left", className: `w-[400px] sm:w-[540px] ${className}`, children: [
     /* @__PURE__ */ jsxs(SheetHeader, { children: [
-      /* @__PURE__ */ jsx(SheetTitle, { children: "Chat Sessions" }),
-      /* @__PURE__ */ jsx(SheetDescription, { children: "View and manage your chat history" })
+      /* @__PURE__ */ jsx(SheetTitle, { children: labels.title }),
+      /* @__PURE__ */ jsx(SheetDescription, { children: labels.description })
     ] }),
     /* @__PURE__ */ jsx(ScrollArea, { className: "h-[calc(100vh-120px)] mt-6", viewportRef: scrollRef, children: isLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) : !sessions || sessions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
       /* @__PURE__ */ jsx(MessageSquare, { className: "h-12 w-12 text-muted-foreground mb-4" }),
-      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: "No Sessions Yet" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground max-w-md", children: "Start a new conversation to create your first session." })
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: labels.noSessions }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground max-w-md", children: labels.noSessionsDescription })
     ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       sessions.map((session, index) => /* @__PURE__ */ jsxs(
         "div",
@@ -5518,8 +5678,8 @@ var SessionList = ({
             /* @__PURE__ */ jsx("div", { className: "shrink-0 mt-1", children: /* @__PURE__ */ jsx(MessageSquare, { className: "h-5 w-5 text-muted-foreground" }) }),
             /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2 mb-1", children: [
-                /* @__PURE__ */ jsx("h4", { className: "font-medium text-sm truncate", children: session.title || "Untitled Session" }),
-                session.is_active && /* @__PURE__ */ jsx(Badge, { variant: "default", className: "shrink-0 text-xs", children: "Active" })
+                /* @__PURE__ */ jsx("h4", { className: "font-medium text-sm truncate", children: session.title || labels.untitled }),
+                session.is_active && /* @__PURE__ */ jsx(Badge, { variant: "default", className: "shrink-0 text-xs", children: labels.active })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
                 /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
@@ -5537,7 +5697,7 @@ var SessionList = ({
                     e.stopPropagation();
                     archiveSession(session.id, {});
                   },
-                  title: "Archive",
+                  title: labels.archive,
                   children: /* @__PURE__ */ jsx(Archive, { className: "h-4 w-4" })
                 }
               ),
@@ -5546,12 +5706,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__ */ jsx(Trash2, { className: "h-4 w-4" })
                 }
               )
@@ -5562,9 +5722,9 @@ var SessionList = ({
       )),
       isLoadingMore && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-6", children: [
         /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground mr-2" }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Loading more..." })
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: labels.loadingMore })
       ] }),
-      !hasMore && sessions.length > 0 && /* @__PURE__ */ jsx("div", { className: "text-center py-4", children: /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "No more sessions" }) })
+      !hasMore && sessions.length > 0 && /* @__PURE__ */ jsx("div", { className: "text-center py-4", children: /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: labels.noMore }) })
     ] }) })
   ] }) });
 };
@@ -5577,6 +5737,7 @@ var ChatWidget = ({
   onToggle,
   onMessage
 }) => {
+  const kt = useKnowbaseT();
   const { sendQuery, getChatHistory } = useKnowbaseChatContext();
   const { createSession, getSession } = useKnowbaseSessionsContext();
   const {
@@ -5587,6 +5748,17 @@ var ChatWidget = ({
     toggleSources,
     toggleTimestamps
   } = useChatUI();
+  const labels = 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 = usePathname();
   const isMobile = useIsMobile();
   const [isLoading, setIsLoading] = useState(false);
@@ -5727,7 +5899,7 @@ var ChatWidget = ({
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b bg-background shadow-sm", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx(MessageSquare, { className: "h-5 w-5 text-primary" }),
-                /* @__PURE__ */ jsx("h2", { className: "font-semibold text-foreground", children: "Knowledge Assistant" })
+                /* @__PURE__ */ jsx("h2", { className: "font-semibold text-foreground", children: labels.title })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx(
@@ -5737,7 +5909,7 @@ var ChatWidget = ({
                     size: "sm",
                     onClick: () => setShowSessions(true),
                     className: "text-muted-foreground hover:text-foreground",
-                    title: "Sessions",
+                    title: labels.sessions,
                     children: /* @__PURE__ */ jsx(List, { className: "h-5 w-5" })
                   }
                 ),
@@ -5748,7 +5920,7 @@ var ChatWidget = ({
                     size: "sm",
                     onClick: handleNewChat,
                     className: "text-muted-foreground hover:text-foreground",
-                    title: "New Chat",
+                    title: labels.newChat,
                     children: /* @__PURE__ */ jsx(Plus, { className: "h-5 w-5" })
                   }
                 ),
@@ -5781,7 +5953,7 @@ var ChatWidget = ({
                 {
                   onSend: handleSendMessage,
                   isLoading,
-                  placeholder: "Ask me anything..."
+                  placeholder: labels.placeholder
                 }
               )
             ] })
@@ -5830,7 +6002,7 @@ var ChatWidget = ({
           /* @__PURE__ */ jsxs(CardHeader, { className: "flex-row items-center justify-between space-y-0 pb-3 border-b", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsx(MessageSquare, { className: "h-5 w-5 text-primary" }),
-              /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground", children: "Support" })
+              /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground", children: labels.titleShort })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsx(
@@ -5840,7 +6012,7 @@ var ChatWidget = ({
                   size: "sm",
                   onClick: () => setShowSessions(true),
                   className: "h-8 w-8 p-0",
-                  title: "Sessions",
+                  title: labels.sessions,
                   children: /* @__PURE__ */ jsx(List, { className: "h-4 w-4" })
                 }
               ),
@@ -5851,7 +6023,7 @@ var ChatWidget = ({
                   size: "sm",
                   onClick: handleNewChat,
                   className: "h-8 w-8 p-0",
-                  title: "New Chat",
+                  title: labels.newChat,
                   children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
                 }
               ),
@@ -5862,7 +6034,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__ */ jsx(Minimize2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Maximize2, { className: "h-4 w-4" })
                 }
               ),
@@ -5873,7 +6045,7 @@ var ChatWidget = ({
                   size: "sm",
                   onClick: toggleChat,
                   className: "h-8 w-8 p-0",
-                  title: "Close",
+                  title: labels.close,
                   children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
                 }
               )
@@ -5896,7 +6068,7 @@ var ChatWidget = ({
               {
                 onSend: handleSendMessage,
                 isLoading,
-                placeholder: "Ask me anything..."
+                placeholder: labels.placeholder
               }
             )
           ] })
@@ -5931,14 +6103,14 @@ var ChatWidget = ({
             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__ */ jsx(
                 MessageSquare,
                 {