@btst/stack 4.0.0 → 4.1.0

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

@@ -25,7 +25,7 @@ function ChatLayout(props) {
     onMessagesChange,
     onClear
   } = props;
-  const { localization } = context.usePluginOverrides("aiChat", {});
+  const { localization, classNames } = context.usePluginOverrides("aiChat", {});
   const { plugins } = context.useStack();
   const resolvedMode = overrides.resolveAiChatMode(plugins?.aiChat?.config);
   const showSidebar = requestedShowSidebar && resolvedMode !== "public";
@@ -47,102 +47,113 @@ function ChatLayout(props) {
     }
   }, [conversationId]);
   if (layout === "widget") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex flex-col items-end gap-3", className), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: utils.cn(
-            "flex flex-col border rounded-xl overflow-hidden bg-background shadow-xl",
-            widgetOpen ? "flex" : "hidden"
-          ),
-          style: { height: widgetHeight, width: widgetWidth },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 px-3 py-1.5 border-b bg-muted/40", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Sparkles, { className: "h-3 w-3 text-muted-foreground" }),
-              pageAIContext ? /* @__PURE__ */ jsxRuntime.jsx(
-                badge.Badge,
-                {
-                  variant: "secondary",
-                  className: "text-xs",
-                  "data-testid": "page-context-badge",
-                  children: pageAIContext.routeName
-                }
-              ) : /* @__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,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "h-5 w-5",
-                  onClick: () => {
-                    onClear?.();
-                    setWidgetResetKey((prev) => prev + 1);
-                  },
-                  "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" })
-                }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils.cn(
+          "flex flex-col items-end gap-3",
+          className,
+          classNames?.container
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: utils.cn(
+                "flex flex-col border rounded-xl overflow-hidden bg-background shadow-xl",
+                widgetOpen ? "flex" : "hidden"
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                button.Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "h-5 w-5",
-                  onClick: () => setWidgetOpen(false),
-                  "aria-label": tr(
-                    "A11Y_CLOSE_CHAT",
-                    "aiChat.a11y.closeChat",
-                    "Close chat"
+              style: { height: widgetHeight, width: widgetWidth },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 px-3 py-1.5 border-b bg-muted/40", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Sparkles, { className: "h-3 w-3 text-muted-foreground" }),
+                  pageAIContext ? /* @__PURE__ */ jsxRuntime.jsx(
+                    badge.Badge,
+                    {
+                      variant: "secondary",
+                      className: "text-xs",
+                      "data-testid": "page-context-badge",
+                      children: pageAIContext.routeName
+                    }
+                  ) : /* @__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,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-5 w-5",
+                      onClick: () => {
+                        onClear?.();
+                        setWidgetResetKey((prev) => prev + 1);
+                      },
+                      "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" })
+                    }
                   ),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-3.5 w-3.5" })
-                }
-              )
-            ] }),
-            widgetEverOpened && /* @__PURE__ */ jsxRuntime.jsx(
-              chatInterface.ChatInterface,
-              {
-                id: conversationId,
-                variant: "widget",
-                initialMessages,
-                onMessagesChange
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    button.Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-5 w-5",
+                      onClick: () => setWidgetOpen(false),
+                      "aria-label": tr(
+                        "A11Y_CLOSE_CHAT",
+                        "aiChat.a11y.closeChat",
+                        "Close chat"
+                      ),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-3.5 w-3.5" })
+                    }
+                  )
+                ] }),
+                widgetEverOpened && /* @__PURE__ */ jsxRuntime.jsx(
+                  chatInterface.ChatInterface,
+                  {
+                    id: conversationId,
+                    variant: "widget",
+                    initialMessages,
+                    onMessagesChange
+                  },
+                  `widget-${conversationId ?? "new"}-${widgetResetKey}`
+                )
+              ]
+            }
+          ),
+          showTrigger && /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              size: "icon",
+              className: "h-12 w-12 rounded-full shadow-lg",
+              onClick: () => {
+                setWidgetOpen((prev) => !prev);
+                setWidgetEverOpened(true);
               },
-              `widget-${conversationId ?? "new"}-${widgetResetKey}`
-            )
-          ]
-        }
-      ),
-      showTrigger && /* @__PURE__ */ jsxRuntime.jsx(
-        button.Button,
-        {
-          size: "icon",
-          className: "h-12 w-12 rounded-full shadow-lg",
-          onClick: () => {
-            setWidgetOpen((prev) => !prev);
-            setWidgetEverOpened(true);
-          },
-          "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" })
-        }
-      )
-    ] });
+              "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" })
+            }
+          )
+        ]
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: utils.cn(
         "flex h-[calc(100vh-4rem)] w-full overflow-hidden",
-        className
+        className,
+        classNames?.container
       ),
       "data-testid": "chat-layout",
       children: [

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

@@ -23,7 +23,7 @@ function ChatLayout(props) {
     onMessagesChange,
     onClear
   } = props;
-  const { localization } = usePluginOverrides("aiChat", {});
+  const { localization, classNames } = usePluginOverrides("aiChat", {});
   const { plugins } = useStack();
   const resolvedMode = resolveAiChatMode(plugins?.aiChat?.config);
   const showSidebar = requestedShowSidebar && resolvedMode !== "public";
@@ -45,102 +45,113 @@ function ChatLayout(props) {
     }
   }, [conversationId]);
   if (layout === "widget") {
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-end gap-3", className), children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "flex flex-col border rounded-xl overflow-hidden bg-background shadow-xl",
-            widgetOpen ? "flex" : "hidden"
-          ),
-          style: { height: widgetHeight, width: widgetWidth },
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-3 py-1.5 border-b bg-muted/40", children: [
-              /* @__PURE__ */ jsx(Sparkles, { className: "h-3 w-3 text-muted-foreground" }),
-              pageAIContext ? /* @__PURE__ */ jsx(
-                Badge,
-                {
-                  variant: "secondary",
-                  className: "text-xs",
-                  "data-testid": "page-context-badge",
-                  children: pageAIContext.routeName
-                }
-              ) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground font-medium", children: tr("A11Y_CHAT_TITLE", "aiChat.a11y.title", "AI Chat") }),
-              /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "h-5 w-5",
-                  onClick: () => {
-                    onClear?.();
-                    setWidgetResetKey((prev) => prev + 1);
-                  },
-                  "aria-label": tr(
-                    "A11Y_CLEAR_CHAT",
-                    "aiChat.a11y.clearChat",
-                    "Clear chat"
-                  ),
-                  title: tr(
-                    "A11Y_CLEAR_CHAT",
-                    "aiChat.a11y.clearChat",
-                    "Clear chat"
-                  ),
-                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
-                }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-col items-end gap-3",
+          className,
+          classNames?.container
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex flex-col border rounded-xl overflow-hidden bg-background shadow-xl",
+                widgetOpen ? "flex" : "hidden"
               ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "h-5 w-5",
-                  onClick: () => setWidgetOpen(false),
-                  "aria-label": tr(
-                    "A11Y_CLOSE_CHAT",
-                    "aiChat.a11y.closeChat",
-                    "Close chat"
+              style: { height: widgetHeight, width: widgetWidth },
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-3 py-1.5 border-b bg-muted/40", children: [
+                  /* @__PURE__ */ jsx(Sparkles, { className: "h-3 w-3 text-muted-foreground" }),
+                  pageAIContext ? /* @__PURE__ */ jsx(
+                    Badge,
+                    {
+                      variant: "secondary",
+                      className: "text-xs",
+                      "data-testid": "page-context-badge",
+                      children: pageAIContext.routeName
+                    }
+                  ) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground font-medium", children: tr("A11Y_CHAT_TITLE", "aiChat.a11y.title", "AI Chat") }),
+                  /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-5 w-5",
+                      onClick: () => {
+                        onClear?.();
+                        setWidgetResetKey((prev) => prev + 1);
+                      },
+                      "aria-label": tr(
+                        "A11Y_CLEAR_CHAT",
+                        "aiChat.a11y.clearChat",
+                        "Clear chat"
+                      ),
+                      title: tr(
+                        "A11Y_CLEAR_CHAT",
+                        "aiChat.a11y.clearChat",
+                        "Clear chat"
+                      ),
+                      children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+                    }
                   ),
-                  children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
-                }
-              )
-            ] }),
-            widgetEverOpened && /* @__PURE__ */ jsx(
-              ChatInterface,
-              {
-                id: conversationId,
-                variant: "widget",
-                initialMessages,
-                onMessagesChange
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-5 w-5",
+                      onClick: () => setWidgetOpen(false),
+                      "aria-label": tr(
+                        "A11Y_CLOSE_CHAT",
+                        "aiChat.a11y.closeChat",
+                        "Close chat"
+                      ),
+                      children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+                    }
+                  )
+                ] }),
+                widgetEverOpened && /* @__PURE__ */ jsx(
+                  ChatInterface,
+                  {
+                    id: conversationId,
+                    variant: "widget",
+                    initialMessages,
+                    onMessagesChange
+                  },
+                  `widget-${conversationId ?? "new"}-${widgetResetKey}`
+                )
+              ]
+            }
+          ),
+          showTrigger && /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "icon",
+              className: "h-12 w-12 rounded-full shadow-lg",
+              onClick: () => {
+                setWidgetOpen((prev) => !prev);
+                setWidgetEverOpened(true);
               },
-              `widget-${conversationId ?? "new"}-${widgetResetKey}`
-            )
-          ]
-        }
-      ),
-      showTrigger && /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "icon",
-          className: "h-12 w-12 rounded-full shadow-lg",
-          onClick: () => {
-            setWidgetOpen((prev) => !prev);
-            setWidgetEverOpened(true);
-          },
-          "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__ */ jsx(X, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(Sparkles, { className: "h-5 w-5" })
-        }
-      )
-    ] });
+              "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__ */ jsx(X, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(Sparkles, { className: "h-5 w-5" })
+            }
+          )
+        ]
+      }
+    );
   }
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
         "flex h-[calc(100vh-4rem)] w-full overflow-hidden",
-        className
+        className,
+        classNames?.container
       ),
       "data-testid": "chat-layout",
       children: [

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

@@ -82,7 +82,11 @@ function ChatMessage({
   isRetrying = false
 }) {
   const isUser = message.role === "user";
-  const { localization: customLocalization, toolRenderers } = context.usePluginOverrides(
+  const {
+    localization: customLocalization,
+    toolRenderers,
+    classNames
+  } = context.usePluginOverrides(
     "aiChat",
     {}
   );
@@ -176,8 +180,11 @@ function ChatMessage({
       className: utils.cn(
         "flex gap-3 w-full",
         isCompact ? "mb-3" : "mb-4",
-        isUser ? "justify-end" : "justify-start"
+        isUser ? "justify-end" : "justify-start",
+        classNames?.message
       ),
+      "data-testid": "chat-message",
+      "data-role": message.role,
       "aria-label": isUser ? tr("A11Y_USER_MESSAGE", "aiChat.a11y.userMessage", "Your message") : tr(
         "A11Y_ASSISTANT_MESSAGE",
         "aiChat.a11y.assistantMessage",
@@ -201,8 +208,10 @@ function ChatMessage({
               className: utils.cn(
                 "rounded-lg",
                 isCompact ? "px-3 py-2" : "px-4 py-3",
-                isUser ? "bg-primary text-primary-foreground" : "bg-muted"
+                isUser ? "bg-primary text-primary-foreground" : "bg-muted",
+                isUser ? classNames?.userMessage : classNames?.assistantMessage
               ),
+              "data-testid": "chat-message-bubble",
               children: isUser ? (
                 // User messages: files + images + text (or edit mode)
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [

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

@@ -76,7 +76,11 @@ function ChatMessage({
   isRetrying = false
 }) {
   const isUser = message.role === "user";
-  const { localization: customLocalization, toolRenderers } = usePluginOverrides(
+  const {
+    localization: customLocalization,
+    toolRenderers,
+    classNames
+  } = usePluginOverrides(
     "aiChat",
     {}
   );
@@ -170,8 +174,11 @@ function ChatMessage({
       className: cn(
         "flex gap-3 w-full",
         isCompact ? "mb-3" : "mb-4",
-        isUser ? "justify-end" : "justify-start"
+        isUser ? "justify-end" : "justify-start",
+        classNames?.message
       ),
+      "data-testid": "chat-message",
+      "data-role": message.role,
       "aria-label": isUser ? tr("A11Y_USER_MESSAGE", "aiChat.a11y.userMessage", "Your message") : tr(
         "A11Y_ASSISTANT_MESSAGE",
         "aiChat.a11y.assistantMessage",
@@ -195,8 +202,10 @@ function ChatMessage({
               className: cn(
                 "rounded-lg",
                 isCompact ? "px-3 py-2" : "px-4 py-3",
-                isUser ? "bg-primary text-primary-foreground" : "bg-muted"
+                isUser ? "bg-primary text-primary-foreground" : "bg-muted",
+                isUser ? classNames?.userMessage : classNames?.assistantMessage
               ),
+              "data-testid": "chat-message-bubble",
               children: isUser ? (
                 // User messages: files + images + text (or edit mode)
                 /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [

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

@@ -23,7 +23,7 @@ function ChatSidebar({
   onNewChat,
   className
 }) {
-  const { localization: customLocalization } = context.usePluginOverrides("aiChat", {});
+  const { localization: customLocalization, classNames } = context.usePluginOverrides("aiChat", {});
   const { basePath: stackBasePath, plugins, router } = context.useStack();
   const navigate = router?.navigate;
   const siteBaseURL = plugins?.aiChat?.site.baseURL;
@@ -148,7 +148,11 @@ function ChatSidebar({
     "div",
     {
       "data-testid": "chat-sidebar",
-      className: utils.cn("flex flex-col h-full bg-muted/30 border-r", className),
+      className: utils.cn(
+        "flex flex-col h-full bg-muted/30 border-r",
+        className,
+        classNames?.sidebar
+      ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsxRuntime.jsx(context.PermissionAccess, { permission: plugins_aiChat_permissions.aiChatPermissions.conversation.create(), children: /* @__PURE__ */ jsxRuntime.jsxs(
           button.Button,

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

@@ -21,7 +21,7 @@ function ChatSidebar({
   onNewChat,
   className
 }) {
-  const { localization: customLocalization } = usePluginOverrides("aiChat", {});
+  const { localization: customLocalization, classNames } = usePluginOverrides("aiChat", {});
   const { basePath: stackBasePath, plugins, router } = useStack();
   const navigate = router?.navigate;
   const siteBaseURL = plugins?.aiChat?.site.baseURL;
@@ -146,7 +146,11 @@ function ChatSidebar({
     "div",
     {
       "data-testid": "chat-sidebar",
-      className: cn("flex flex-col h-full bg-muted/30 border-r", className),
+      className: cn(
+        "flex flex-col h-full bg-muted/30 border-r",
+        className,
+        classNames?.sidebar
+      ),
       children: [
         /* @__PURE__ */ jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsx(PermissionAccess, { permission: aiChatPermissions.conversation.create(), children: /* @__PURE__ */ jsxs(
           Button,

package/dist/packages/stack/src/plugins/blog/client/components/shared/page-wrapper.cjs

@@ -5,19 +5,20 @@ const jsxRuntime = require('react/jsx-runtime');
 const context = require('@btst/stack/context');
 const pageWrapper = require('../../../../../../../ui/src/components/page-wrapper.cjs');
 const constants = require('../../constants.cjs');
+const utils = require('../../../utils.cjs');
 
 function PageWrapper({
   children,
   className,
   testId
 }) {
-  const { showAttribution } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID, {
+  const { showAttribution, classNames } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID, {
     showAttribution: true
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     pageWrapper.PageWrapper,
     {
-      className,
+      className: utils.cn(className, classNames?.container),
       testId,
       showAttribution,
       children

package/dist/packages/stack/src/plugins/blog/client/components/shared/page-wrapper.mjs

@@ -3,19 +3,20 @@ import { jsx } from 'react/jsx-runtime';
 import { usePluginOverrides } from '@btst/stack/context';
 import { PageWrapper as PageWrapper$1 } from '../../../../../../../ui/src/components/page-wrapper.mjs';
 import { BLOG_PLUGIN_ID } from '../../constants.mjs';
+import { cn } from '../../../utils.mjs';
 
 function PageWrapper({
   children,
   className,
   testId
 }) {
-  const { showAttribution } = usePluginOverrides(BLOG_PLUGIN_ID, {
+  const { showAttribution, classNames } = usePluginOverrides(BLOG_PLUGIN_ID, {
     showAttribution: true
   });
   return /* @__PURE__ */ jsx(
     PageWrapper$1,
     {
-      className,
+      className: cn(className, classNames?.container),
       testId,
       showAttribution,
       children