@btst/stack 2.12.2 → 3.0.0-rc.1

package/dist/packages/stack/src/plugins/ai-chat/client/components/chat-input.mjs

@@ -5,10 +5,9 @@ import { Button } from '../../../../../../ui/src/components/button.mjs';
 import { Textarea } from '../../../../../../ui/src/components/textarea.mjs';
 import { FileText, X, Loader2, Paperclip, Send } from 'lucide-react';
 import { cn } from '../../../../../../ui/src/lib/utils.mjs';
-import { toast } from 'sonner';
-import { usePluginOverrides } from '@btst/stack/context';
+import { usePluginOverrides, useNotify } from '@btst/stack/context';
 import { DEFAULT_ALLOWED_FILE_TYPES, FILE_TYPE_MIME_MAP } from '../overrides.mjs';
-import { AI_CHAT_LOCALIZATION } from '../localization/index.mjs';
+import { useAiChatTranslation } from '../localization/index.mjs';
 
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
 function ChatInput({
@@ -30,7 +29,8 @@ function ChatInput({
     "ai-chat",
     {}
   );
-  const localization = { ...AI_CHAT_LOCALIZATION, ...customLocalization };
+  const notify = useNotify();
+  const tr = useAiChatTranslation(customLocalization);
   const fileInputRef = useRef(null);
   const [internalFiles, setInternalFiles] = useState([]);
   const [isUploading, setIsUploading] = useState(false);
@@ -77,7 +77,13 @@ function ChatInput({
     const file = event.target.files?.[0];
     if (!file) return;
     if (file.size > MAX_FILE_SIZE) {
-      toast.error(localization.FILE_UPLOAD_ERROR_TOO_LARGE);
+      notify.error(
+        tr(
+          "FILE_UPLOAD_ERROR_TOO_LARGE",
+          "aiChat.files.tooLarge",
+          "File must be less than 10MB"
+        )
+      );
       return;
     }
     if (uploadFile) {
@@ -85,10 +91,22 @@ function ChatInput({
         setIsUploading(true);
         const url = await uploadFile(file);
         addFile({ url, mediaType: file.type, filename: file.name });
-        toast.success(localization.FILE_UPLOAD_SUCCESS);
+        notify.success(
+          tr(
+            "FILE_UPLOAD_SUCCESS",
+            "aiChat.files.uploadSuccess",
+            "File attached"
+          )
+        );
       } catch (error) {
         console.error("Failed to upload file:", error);
-        toast.error(localization.FILE_UPLOAD_FAILURE);
+        notify.error(
+          tr(
+            "FILE_UPLOAD_FAILURE",
+            "aiChat.files.uploadFailure",
+            "Failed to attach file"
+          )
+        );
       } finally {
         setIsUploading(false);
       }
@@ -101,7 +119,13 @@ function ChatInput({
         setIsUploading(false);
       };
       reader.onerror = () => {
-        toast.error(localization.FILE_UPLOAD_FAILURE);
+        notify.error(
+          tr(
+            "FILE_UPLOAD_FAILURE",
+            "aiChat.files.uploadFailure",
+            "Failed to attach file"
+          )
+        );
         setIsUploading(false);
       };
       reader.readAsDataURL(file);
@@ -149,6 +173,11 @@ function ChatInput({
               type: "button",
               onClick: () => removeFile(index),
               className: "absolute top-0.5 right-0.5 p-0.5 rounded-full bg-background/80 opacity-0 group-hover:opacity-100 transition-opacity",
+              "aria-label": tr(
+                "FILE_REMOVE",
+                "aiChat.files.remove",
+                "Remove file"
+              ),
               children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
             }
           )
@@ -177,7 +206,11 @@ function ChatInput({
             onClick: () => fileInputRef.current?.click(),
             disabled: isLoading || isUploading,
             className: cn("shrink-0", isCompact ? "h-8 w-8" : "h-9 w-9"),
-            "aria-label": localization.FILE_UPLOAD_BUTTON,
+            "aria-label": tr(
+              "FILE_UPLOAD_BUTTON",
+              "aiChat.files.attach",
+              "Attach file"
+            ),
             children: isUploading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Paperclip, { className: "h-4 w-4" })
           }
         )
@@ -189,7 +222,11 @@ function ChatInput({
             value: input,
             onChange: handleInputChange,
             onKeyDown: handleKeyDown,
-            placeholder: placeholder || localization.CHAT_PLACEHOLDER,
+            placeholder: placeholder || tr(
+              "CHAT_PLACEHOLDER",
+              "aiChat.chat.placeholder",
+              "Type a message..."
+            ),
             className: cn(
               "resize-none pr-12 max-w-full",
               isCompact ? "min-h-[40px] max-h-[120px] py-2" : "min-h-[50px] max-h-[200px] py-3"
@@ -207,7 +244,7 @@ function ChatInput({
               "absolute right-2 bottom-2",
               isCompact ? "h-7 w-7" : "h-8 w-8"
             ),
-            "aria-label": localization.CHAT_SEND_BUTTON,
+            "aria-label": tr("CHAT_SEND_BUTTON", "aiChat.chat.send", "Send"),
             children: /* @__PURE__ */ jsx(Send, { className: cn(isCompact ? "h-3.5 w-3.5" : "h-4 w-4") })
           }
         )

package/dist/packages/stack/src/plugins/ai-chat/client/components/chat-interface.cjs

@@ -27,10 +27,7 @@ function ChatInterface({
   onMessagesChange
 }) {
   const {
-    navigate,
     localization: customLocalization,
-    apiBaseURL,
-    apiBasePath,
     headers,
     mode,
     showAttribution,
@@ -39,10 +36,14 @@ function ChatInterface({
     "ai-chat",
     { showAttribution: true }
   );
+  const { api, router } = context.useStack();
+  const apiBaseURL = api?.baseURL;
+  const apiBasePath = api?.basePath;
+  router?.navigate;
   const basePath = context.useBasePath();
   const isPublicMode = mode === "public";
   const pageAIContext = plugins_aiChat_client_context_pageAiContext.usePageAIContext();
-  const localization = { ...index.AI_CHAT_LOCALIZATION, ...customLocalization };
+  const tr = index.useAiChatTranslation(customLocalization);
   const queryClient = reactQuery.useQueryClient();
   const conversationsListQueryKey = React.useMemo(() => {
     if (isPublicMode) return ["ai-chat", "disabled"];
@@ -54,6 +55,12 @@ function ChatInterface({
     return queries.conversations.list().queryKey;
   }, [apiBaseURL, apiBasePath, headers, isPublicMode]);
   const [currentConversationId, setCurrentConversationId] = React.useState(isPublicMode ? void 0 : id);
+  const { can: canPersistConversation, isPending: isPermissionPending } = context.useCan({
+    resource: "ai-chat:conversation",
+    action: currentConversationId ? "update" : "create",
+    params: currentConversationId ? { id: currentConversationId } : void 0
+  });
+  const canWrite = isPublicMode || !isPermissionPending && canPersistConversation;
   const isFirstMessageSentRef = React.useRef(false);
   const hasNavigatedRef = React.useRef(false);
   React.useEffect(() => {
@@ -159,7 +166,11 @@ function ChatInterface({
             tool: toolName,
             toolCallId: toolCall.toolCallId,
             state: "output-error",
-            errorText: err instanceof Error ? err.message : "Tool execution failed"
+            errorText: err instanceof Error ? err.message : tr(
+              "TOOL_EXECUTION_FAILED",
+              "aiChat.tools.executionFailed",
+              "Tool execution failed"
+            )
           });
         }
       } else {
@@ -167,7 +178,12 @@ function ChatInterface({
           tool: toolName,
           toolCallId: toolCall.toolCallId,
           state: "output-error",
-          errorText: `No client-side handler registered for tool "${toolName}". The page context may have changed while the response was streaming.`
+          errorText: tr(
+            "TOOL_HANDLER_MISSING",
+            "aiChat.tools.handlerMissing",
+            'No client-side handler registered for tool "{{toolName}}". The page context may have changed while the response was streaming.',
+            { toolName }
+          )
         });
       }
     },
@@ -288,6 +304,7 @@ function ChatInterface({
   };
   const handleSubmit = async (e, files) => {
     e.preventDefault();
+    if (!canWrite) return;
     const text = input.trim();
     if (!text && (!files || files.length === 0)) return;
     if (!isPublicMode && !id && messages.length === 0) {
@@ -373,14 +390,18 @@ function ChatInterface({
             ),
             children: [
               messages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full min-h-[300px]", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground mb-4", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: localization.CHAT_EMPTY_STATE }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground mb-4", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: tr(
+                  "CHAT_EMPTY_STATE",
+                  "aiChat.chat.emptyState",
+                  "Start a conversation..."
+                ) }) }),
                 (() => {
                   const pageSuggestions = pageAIContext?.suggestions ?? [];
                   const allSuggestions = [
                     ...pageSuggestions,
                     ...chatSuggestions ?? []
                   ];
-                  return allSuggestions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap justify-center gap-2 pb-4 max-w-md mx-auto", children: allSuggestions.map((suggestion, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                  return canWrite && allSuggestions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap justify-center gap-2 pb-4 max-w-md mx-auto", children: allSuggestions.map((suggestion, index) => /* @__PURE__ */ jsxRuntime.jsx(
                     "button",
                     {
                       type: "button",
@@ -399,24 +420,28 @@ function ChatInterface({
                   variant: isWidget ? "compact" : "default",
                   onRetry: (
                     // Only show retry on the last assistant message
-                    m.role === "assistant" && index === messages.length - 1 ? handleRetry : void 0
+                    m.role === "assistant" && index === messages.length - 1 ? canWrite ? handleRetry : void 0 : void 0
                   ),
                   onEdit: (
                     // Allow editing user messages
-                    m.role === "user" ? (newText) => handleEditMessage(m.id, newText) : void 0
+                    m.role === "user" ? canWrite ? (newText) => handleEditMessage(m.id, newText) : void 0 : void 0
                   ),
                   isRetrying: isLoading && m.role === "assistant"
                 },
                 m.id || `msg-${index}`
               )),
-              isLoading && messages[messages.length - 1]?.role !== "assistant" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 text-muted-foreground text-sm py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-pulse", children: localization.CHAT_LOADING }) }),
-              error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 text-destructive text-sm py-4 px-3 bg-destructive/10 rounded-md", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: localization.CHAT_ERROR }) })
+              isLoading && messages[messages.length - 1]?.role !== "assistant" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 text-muted-foreground text-sm py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-pulse", children: tr("CHAT_LOADING", "aiChat.chat.loading", "Thinking...") }) }),
+              error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 text-destructive text-sm py-4 px-3 bg-destructive/10 rounded-md", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: tr(
+                "CHAT_ERROR",
+                "aiChat.chat.error",
+                "Something went wrong. Please try again."
+              ) }) })
             ]
           }
         ) })
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    canWrite && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         className: utils.cn(
@@ -431,7 +456,11 @@ function ChatInterface({
               handleInputChange,
               handleSubmit,
               isLoading,
-              placeholder: localization.CHAT_PLACEHOLDER,
+              placeholder: tr(
+                "CHAT_PLACEHOLDER",
+                "aiChat.chat.placeholder",
+                "Type a message..."
+              ),
               variant: isWidget ? "compact" : "default",
               onFilesAttached: setAttachedFiles,
               attachedFiles

package/dist/packages/stack/src/plugins/ai-chat/client/components/chat-interface.mjs

@@ -9,8 +9,8 @@ import { StackAttribution } from '../../../../../../ui/src/components/stack-attr
 import { ScrollArea } from '../../../../../../ui/src/components/scroll-area.mjs';
 import { DefaultChatTransport, lastAssistantMessageIsCompleteWithToolCalls } from 'ai';
 import { cn } from '../../../../../../ui/src/lib/utils.mjs';
-import { usePluginOverrides, useBasePath } from '@btst/stack/context';
-import { AI_CHAT_LOCALIZATION } from '../localization/index.mjs';
+import { usePluginOverrides, useStack, useBasePath, useCan } from '@btst/stack/context';
+import { useAiChatTranslation } from '../localization/index.mjs';
 import { createApiClient } from '@btst/stack/plugins/client';
 import { createAiChatQueryKeys } from '../../../../../../../plugins/ai-chat/query-keys.mjs';
 import { useConversation, useConversations } from '../hooks/chat-hooks.mjs';
@@ -25,10 +25,7 @@ function ChatInterface({
   onMessagesChange
 }) {
   const {
-    navigate,
     localization: customLocalization,
-    apiBaseURL,
-    apiBasePath,
     headers,
     mode,
     showAttribution,
@@ -37,10 +34,14 @@ function ChatInterface({
     "ai-chat",
     { showAttribution: true }
   );
+  const { api, router } = useStack();
+  const apiBaseURL = api?.baseURL;
+  const apiBasePath = api?.basePath;
+  router?.navigate;
   const basePath = useBasePath();
   const isPublicMode = mode === "public";
   const pageAIContext = usePageAIContext();
-  const localization = { ...AI_CHAT_LOCALIZATION, ...customLocalization };
+  const tr = useAiChatTranslation(customLocalization);
   const queryClient = useQueryClient();
   const conversationsListQueryKey = useMemo(() => {
     if (isPublicMode) return ["ai-chat", "disabled"];
@@ -52,6 +53,12 @@ function ChatInterface({
     return queries.conversations.list().queryKey;
   }, [apiBaseURL, apiBasePath, headers, isPublicMode]);
   const [currentConversationId, setCurrentConversationId] = useState(isPublicMode ? void 0 : id);
+  const { can: canPersistConversation, isPending: isPermissionPending } = useCan({
+    resource: "ai-chat:conversation",
+    action: currentConversationId ? "update" : "create",
+    params: currentConversationId ? { id: currentConversationId } : void 0
+  });
+  const canWrite = isPublicMode || !isPermissionPending && canPersistConversation;
   const isFirstMessageSentRef = useRef(false);
   const hasNavigatedRef = useRef(false);
   useEffect(() => {
@@ -157,7 +164,11 @@ function ChatInterface({
             tool: toolName,
             toolCallId: toolCall.toolCallId,
             state: "output-error",
-            errorText: err instanceof Error ? err.message : "Tool execution failed"
+            errorText: err instanceof Error ? err.message : tr(
+              "TOOL_EXECUTION_FAILED",
+              "aiChat.tools.executionFailed",
+              "Tool execution failed"
+            )
           });
         }
       } else {
@@ -165,7 +176,12 @@ function ChatInterface({
           tool: toolName,
           toolCallId: toolCall.toolCallId,
           state: "output-error",
-          errorText: `No client-side handler registered for tool "${toolName}". The page context may have changed while the response was streaming.`
+          errorText: tr(
+            "TOOL_HANDLER_MISSING",
+            "aiChat.tools.handlerMissing",
+            'No client-side handler registered for tool "{{toolName}}". The page context may have changed while the response was streaming.',
+            { toolName }
+          )
         });
       }
     },
@@ -286,6 +302,7 @@ function ChatInterface({
   };
   const handleSubmit = async (e, files) => {
     e.preventDefault();
+    if (!canWrite) return;
     const text = input.trim();
     if (!text && (!files || files.length === 0)) return;
     if (!isPublicMode && !id && messages.length === 0) {
@@ -371,14 +388,18 @@ function ChatInterface({
             ),
             children: [
               messages.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full min-h-[300px]", children: [
-                /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground mb-4", children: /* @__PURE__ */ jsx("p", { children: localization.CHAT_EMPTY_STATE }) }),
+                /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground mb-4", children: /* @__PURE__ */ jsx("p", { children: tr(
+                  "CHAT_EMPTY_STATE",
+                  "aiChat.chat.emptyState",
+                  "Start a conversation..."
+                ) }) }),
                 (() => {
                   const pageSuggestions = pageAIContext?.suggestions ?? [];
                   const allSuggestions = [
                     ...pageSuggestions,
                     ...chatSuggestions ?? []
                   ];
-                  return allSuggestions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-2 pb-4 max-w-md mx-auto", children: allSuggestions.map((suggestion, index) => /* @__PURE__ */ jsx(
+                  return canWrite && allSuggestions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-2 pb-4 max-w-md mx-auto", children: allSuggestions.map((suggestion, index) => /* @__PURE__ */ jsx(
                     "button",
                     {
                       type: "button",
@@ -397,24 +418,28 @@ function ChatInterface({
                   variant: isWidget ? "compact" : "default",
                   onRetry: (
                     // Only show retry on the last assistant message
-                    m.role === "assistant" && index === messages.length - 1 ? handleRetry : void 0
+                    m.role === "assistant" && index === messages.length - 1 ? canWrite ? handleRetry : void 0 : void 0
                   ),
                   onEdit: (
                     // Allow editing user messages
-                    m.role === "user" ? (newText) => handleEditMessage(m.id, newText) : void 0
+                    m.role === "user" ? canWrite ? (newText) => handleEditMessage(m.id, newText) : void 0 : void 0
                   ),
                   isRetrying: isLoading && m.role === "assistant"
                 },
                 m.id || `msg-${index}`
               )),
-              isLoading && messages[messages.length - 1]?.role !== "assistant" && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-muted-foreground text-sm py-4", children: /* @__PURE__ */ jsx("div", { className: "animate-pulse", children: localization.CHAT_LOADING }) }),
-              error && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-destructive text-sm py-4 px-3 bg-destructive/10 rounded-md", children: /* @__PURE__ */ jsx("span", { children: localization.CHAT_ERROR }) })
+              isLoading && messages[messages.length - 1]?.role !== "assistant" && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-muted-foreground text-sm py-4", children: /* @__PURE__ */ jsx("div", { className: "animate-pulse", children: tr("CHAT_LOADING", "aiChat.chat.loading", "Thinking...") }) }),
+              error && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-destructive text-sm py-4 px-3 bg-destructive/10 rounded-md", children: /* @__PURE__ */ jsx("span", { children: tr(
+                "CHAT_ERROR",
+                "aiChat.chat.error",
+                "Something went wrong. Please try again."
+              ) }) })
             ]
           }
         ) })
       }
     ) }),
-    /* @__PURE__ */ jsx(
+    canWrite && /* @__PURE__ */ jsx(
       "div",
       {
         className: cn(
@@ -429,7 +454,11 @@ function ChatInterface({
               handleInputChange,
               handleSubmit,
               isLoading,
-              placeholder: localization.CHAT_PLACEHOLDER,
+              placeholder: tr(
+                "CHAT_PLACEHOLDER",
+                "aiChat.chat.placeholder",
+                "Type a message..."
+              ),
               variant: isWidget ? "compact" : "default",
               onFilesAttached: setAttachedFiles,
               attachedFiles

package/dist/packages/stack/src/plugins/ai-chat/client/components/chat-layout.cjs

@@ -11,11 +11,11 @@ const utils = require('../../../../../../ui/src/lib/utils.cjs');
 const chatSidebar = require('./chat-sidebar.cjs');
 const chatInterface = require('./chat-interface.cjs');
 const plugins_aiChat_client_context_pageAiContext = require('../../../../../../../plugins/ai-chat/client/context/page-ai-context.cjs');
+const context = require('@btst/stack/context');
+const index = require('../localization/index.cjs');
 
 function ChatLayout(props) {
   const {
-    apiBaseURL,
-    apiBasePath,
     conversationId,
     layout = "full",
     className,
@@ -24,6 +24,9 @@ function ChatLayout(props) {
     onMessagesChange,
     onClear
   } = props;
+  const { localization } = context.usePluginOverrides("ai-chat", {});
+  const { api } = context.useStack();
+  const tr = index.useAiChatTranslation(localization);
   const widgetHeight = props.layout === "widget" ? props.widgetHeight ?? "600px" : "600px";
   const widgetWidth = props.layout === "widget" ? props.widgetWidth ?? "380px" : "380px";
   const defaultOpen = props.layout === "widget" ? props.defaultOpen ?? false : false;
@@ -35,7 +38,7 @@ function ChatLayout(props) {
   const [widgetResetKey, setWidgetResetKey] = React.useState(0);
   const [widgetEverOpened, setWidgetEverOpened] = React.useState(defaultOpen);
   const pageAIContext = plugins_aiChat_client_context_pageAiContext.usePageAIContext();
-  const apiPath = `${apiBaseURL}${apiBasePath}/chat`;
+  const apiPath = `${api?.baseURL ?? ""}${api?.basePath ?? ""}/chat`;
   const handleNewChat = React.useCallback(() => {
     if (!conversationId) {
       setChatResetKey((prev) => prev + 1);
@@ -62,7 +65,7 @@ function ChatLayout(props) {
                   "data-testid": "page-context-badge",
                   children: pageAIContext.routeName
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground font-medium", children: "AI Chat" }),
+              ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground font-medium", children: tr("A11Y_CHAT_TITLE", "aiChat.a11y.title", "AI Chat") }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 button.Button,
@@ -74,8 +77,16 @@ function ChatLayout(props) {
                     onClear?.();
                     setWidgetResetKey((prev) => prev + 1);
                   },
-                  "aria-label": "Clear chat",
-                  title: "Clear chat",
+                  "aria-label": tr(
+                    "A11Y_CLEAR_CHAT",
+                    "aiChat.a11y.clearChat",
+                    "Clear chat"
+                  ),
+                  title: tr(
+                    "A11Y_CLEAR_CHAT",
+                    "aiChat.a11y.clearChat",
+                    "Clear chat"
+                  ),
                   children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-3.5 w-3.5" })
                 }
               ),
@@ -86,7 +97,11 @@ function ChatLayout(props) {
                   size: "icon",
                   className: "h-5 w-5",
                   onClick: () => setWidgetOpen(false),
-                  "aria-label": "Close chat",
+                  "aria-label": tr(
+                    "A11Y_CLOSE_CHAT",
+                    "aiChat.a11y.closeChat",
+                    "Close chat"
+                  ),
                   children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-3.5 w-3.5" })
                 }
               )
@@ -114,7 +129,7 @@ function ChatLayout(props) {
             setWidgetOpen((prev) => !prev);
             setWidgetEverOpened(true);
           },
-          "aria-label": widgetOpen ? "Close chat" : "Open chat",
+          "aria-label": widgetOpen ? tr("A11Y_CLOSE_CHAT", "aiChat.a11y.closeChat", "Close chat") : tr("A11Y_OPEN_CHAT", "aiChat.a11y.openChat", "Open chat"),
           "data-testid": "widget-trigger",
           children: widgetOpen ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-5 w-5" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Sparkles, { className: "h-5 w-5" })
         }
@@ -156,7 +171,11 @@ function ChatLayout(props) {
                   variant: "ghost",
                   size: "icon",
                   className: "md:hidden",
-                  "aria-label": "Open menu",
+                  "aria-label": tr(
+                    "A11Y_OPEN_MENU",
+                    "aiChat.a11y.openMenu",
+                    "Open menu"
+                  ),
                   children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Menu, { className: "h-5 w-5" })
                 }
               ) }),
@@ -178,7 +197,15 @@ function ChatLayout(props) {
                 size: "icon",
                 className: "hidden md:flex",
                 onClick: () => setSidebarOpen(!sidebarOpen),
-                "aria-label": sidebarOpen ? "Close sidebar" : "Open sidebar",
+                "aria-label": sidebarOpen ? tr(
+                  "A11Y_CLOSE_SIDEBAR",
+                  "aiChat.a11y.closeSidebar",
+                  "Close sidebar"
+                ) : tr(
+                  "A11Y_OPEN_SIDEBAR",
+                  "aiChat.a11y.openSidebar",
+                  "Open sidebar"
+                ),
                 children: sidebarOpen ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.PanelLeftClose, { className: "h-5 w-5" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.PanelLeft, { className: "h-5 w-5" })
               }
             ),
@@ -204,8 +231,16 @@ function ChatLayout(props) {
                   onClear();
                   setChatResetKey((prev) => prev + 1);
                 },
-                "aria-label": "Clear chat",
-                title: "Clear chat",
+                "aria-label": tr(
+                  "A11Y_CLEAR_CHAT",
+                  "aiChat.a11y.clearChat",
+                  "Clear chat"
+                ),
+                title: tr(
+                  "A11Y_CLEAR_CHAT",
+                  "aiChat.a11y.clearChat",
+                  "Clear chat"
+                ),
                 children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-4 w-4" })
               }
             )