@btst/stack 3.1.2 → 4.1.0

package/README.md

@@ -52,13 +52,13 @@ Render the generated `<Toaster />` in your root layout and start from a clean co
 Run the released generator from the application root:
 
 ```bash
-pnpm dlx @btst/codegen@0.2.1 init \
+pnpm dlx @btst/codegen@4.1.0 init \
   --framework nextjs \
   --adapter memory \
   --plugins blog
 ```
 
-The generator shows detected-file and conflict prompts before it writes. It installs `@btst/stack@3.0.2`, `next-themes@0.4.6`, registers Blog on the backend and client, mounts the API and page routes, adds the plugin CSS, and wires the shared provider.
+The generator shows detected-file and conflict prompts before it writes. It installs `@btst/stack@4.1.0`, `next-themes@0.4.6`, registers Blog on the backend and client, mounts the API and page routes, adds the plugin CSS, and wires the shared provider.
 
 Set the trusted local origins in `.env.local`:
 

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

@@ -43,7 +43,8 @@ function ChatInput({
   const {
     uploadFile,
     localization: customLocalization,
-    allowedFileTypes
+    allowedFileTypes,
+    classNames
   } = context.usePluginOverrides(
     "aiChat",
     {}
@@ -217,113 +218,121 @@ function ChatInput({
         )
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleFormSubmit, className: "space-y-2", children: [
-      attachedFiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: attachedFiles.map((file, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "relative group rounded-lg overflow-hidden border",
-          children: [
-            isImageFile(file.mediaType) ? (
-              // Image preview
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        onSubmit: handleFormSubmit,
+        className: utils.cn("space-y-2", classNames?.input),
+        "data-testid": "chat-input-form",
+        children: [
+          attachedFiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: attachedFiles.map((file, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "relative group rounded-lg overflow-hidden border",
+              children: [
+                isImageFile(file.mediaType) ? (
+                  // Image preview
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: file.url,
+                      alt: file.filename,
+                      className: "h-16 w-16 object-cover"
+                    }
+                  )
+                ) : (
+                  // File preview with icon
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-32 flex items-center gap-2 p-2 bg-muted", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.FileText, { className: "h-5 w-5 shrink-0 text-muted-foreground" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs truncate", title: file.filename, children: file.filename })
+                  ] })
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    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__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-3 w-3" })
+                  }
+                )
+              ]
+            },
+            index
+          )) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center gap-2", children: [
+            canUploadFiles && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                "img",
+                "input",
                 {
-                  src: file.url,
-                  alt: file.filename,
-                  className: "h-16 w-16 object-cover"
+                  ref: fileInputRef,
+                  type: "file",
+                  accept: acceptString,
+                  onChange: handleFileUpload,
+                  className: "hidden"
                 }
-              )
-            ) : (
-              // File preview with icon
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-32 flex items-center gap-2 p-2 bg-muted", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.FileText, { className: "h-5 w-5 shrink-0 text-muted-foreground" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs truncate", title: file.filename, children: file.filename })
-              ] })
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                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__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-3 w-3" })
-              }
-            )
-          ]
-        },
-        index
-      )) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center gap-2", children: [
-        canUploadFiles && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              ref: fileInputRef,
-              type: "file",
-              accept: acceptString,
-              onChange: handleFileUpload,
-              className: "hidden"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            button.Button,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "icon",
-              onClick: () => fileInputRef.current?.click(),
-              disabled: isLoading || isUploading,
-              className: utils.cn("shrink-0", isCompact ? "h-8 w-8" : "h-9 w-9"),
-              "aria-label": tr(
-                "FILE_UPLOAD_BUTTON",
-                "aiChat.files.attach",
-                "Attach file"
               ),
-              children: isUploading ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Paperclip, { className: "h-4 w-4" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            textarea.Textarea,
-            {
-              value: input,
-              onChange: handleInputChange,
-              onKeyDown: handleKeyDown,
-              placeholder: placeholder || tr(
-                "CHAT_PLACEHOLDER",
-                "aiChat.chat.placeholder",
-                "Type a message..."
-              ),
-              className: utils.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"
-              ),
-              rows: 1
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            button.Button,
-            {
-              type: "submit",
-              size: "icon",
-              disabled: isLoading || !input?.trim() && attachedFiles.length === 0,
-              className: utils.cn(
-                "absolute right-2 bottom-2",
-                isCompact ? "h-7 w-7" : "h-8 w-8"
+              /* @__PURE__ */ jsxRuntime.jsx(
+                button.Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => fileInputRef.current?.click(),
+                  disabled: isLoading || isUploading,
+                  className: utils.cn("shrink-0", isCompact ? "h-8 w-8" : "h-9 w-9"),
+                  "aria-label": tr(
+                    "FILE_UPLOAD_BUTTON",
+                    "aiChat.files.attach",
+                    "Attach file"
+                  ),
+                  children: isUploading ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Paperclip, { className: "h-4 w-4" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                textarea.Textarea,
+                {
+                  value: input,
+                  onChange: handleInputChange,
+                  onKeyDown: handleKeyDown,
+                  placeholder: placeholder || tr(
+                    "CHAT_PLACEHOLDER",
+                    "aiChat.chat.placeholder",
+                    "Type a message..."
+                  ),
+                  className: utils.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"
+                  ),
+                  rows: 1
+                }
               ),
-              "aria-label": tr("CHAT_SEND_BUTTON", "aiChat.chat.send", "Send"),
-              children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Send, { className: utils.cn(isCompact ? "h-3.5 w-3.5" : "h-4 w-4") })
-            }
-          )
-        ] })
-      ] })
-    ] })
+              /* @__PURE__ */ jsxRuntime.jsx(
+                button.Button,
+                {
+                  type: "submit",
+                  size: "icon",
+                  disabled: isLoading || !input?.trim() && attachedFiles.length === 0,
+                  className: utils.cn(
+                    "absolute right-2 bottom-2",
+                    isCompact ? "h-7 w-7" : "h-8 w-8"
+                  ),
+                  "aria-label": tr("CHAT_SEND_BUTTON", "aiChat.chat.send", "Send"),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Send, { className: utils.cn(isCompact ? "h-3.5 w-3.5" : "h-4 w-4") })
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
   ] });
 }
 

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

@@ -41,7 +41,8 @@ function ChatInput({
   const {
     uploadFile,
     localization: customLocalization,
-    allowedFileTypes
+    allowedFileTypes,
+    classNames
   } = usePluginOverrides(
     "aiChat",
     {}
@@ -215,113 +216,121 @@ function ChatInput({
         )
       }
     ),
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleFormSubmit, className: "space-y-2", children: [
-      attachedFiles.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: attachedFiles.map((file, index) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "relative group rounded-lg overflow-hidden border",
-          children: [
-            isImageFile(file.mediaType) ? (
-              // Image preview
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: handleFormSubmit,
+        className: cn("space-y-2", classNames?.input),
+        "data-testid": "chat-input-form",
+        children: [
+          attachedFiles.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: attachedFiles.map((file, index) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "relative group rounded-lg overflow-hidden border",
+              children: [
+                isImageFile(file.mediaType) ? (
+                  // Image preview
+                  /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: file.url,
+                      alt: file.filename,
+                      className: "h-16 w-16 object-cover"
+                    }
+                  )
+                ) : (
+                  // File preview with icon
+                  /* @__PURE__ */ jsxs("div", { className: "w-32 flex items-center gap-2 p-2 bg-muted", children: [
+                    /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 shrink-0 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-xs truncate", title: file.filename, children: file.filename })
+                  ] })
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    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" })
+                  }
+                )
+              ]
+            },
+            index
+          )) }),
+          /* @__PURE__ */ jsxs("div", { className: "relative flex items-center gap-2", children: [
+            canUploadFiles && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(
-                "img",
+                "input",
                 {
-                  src: file.url,
-                  alt: file.filename,
-                  className: "h-16 w-16 object-cover"
+                  ref: fileInputRef,
+                  type: "file",
+                  accept: acceptString,
+                  onChange: handleFileUpload,
+                  className: "hidden"
                 }
-              )
-            ) : (
-              // File preview with icon
-              /* @__PURE__ */ jsxs("div", { className: "w-32 flex items-center gap-2 p-2 bg-muted", children: [
-                /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 shrink-0 text-muted-foreground" }),
-                /* @__PURE__ */ jsx("span", { className: "text-xs truncate", title: file.filename, children: file.filename })
-              ] })
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                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" })
-              }
-            )
-          ]
-        },
-        index
-      )) }),
-      /* @__PURE__ */ jsxs("div", { className: "relative flex items-center gap-2", children: [
-        canUploadFiles && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: fileInputRef,
-              type: "file",
-              accept: acceptString,
-              onChange: handleFileUpload,
-              className: "hidden"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "icon",
-              onClick: () => fileInputRef.current?.click(),
-              disabled: isLoading || isUploading,
-              className: cn("shrink-0", isCompact ? "h-8 w-8" : "h-9 w-9"),
-              "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" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx(
-            Textarea,
-            {
-              value: input,
-              onChange: handleInputChange,
-              onKeyDown: handleKeyDown,
-              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"
-              ),
-              rows: 1
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "submit",
-              size: "icon",
-              disabled: isLoading || !input?.trim() && attachedFiles.length === 0,
-              className: cn(
-                "absolute right-2 bottom-2",
-                isCompact ? "h-7 w-7" : "h-8 w-8"
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => fileInputRef.current?.click(),
+                  disabled: isLoading || isUploading,
+                  className: cn("shrink-0", isCompact ? "h-8 w-8" : "h-9 w-9"),
+                  "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" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "relative flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  value: input,
+                  onChange: handleInputChange,
+                  onKeyDown: handleKeyDown,
+                  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"
+                  ),
+                  rows: 1
+                }
               ),
-              "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") })
-            }
-          )
-        ] })
-      ] })
-    ] })
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "submit",
+                  size: "icon",
+                  disabled: isLoading || !input?.trim() && attachedFiles.length === 0,
+                  className: cn(
+                    "absolute right-2 bottom-2",
+                    isCompact ? "h-7 w-7" : "h-8 w-8"
+                  ),
+                  "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

@@ -163,7 +163,8 @@ function ChatInterface({
   const {
     localization: customLocalization,
     showAttribution,
-    chatSuggestions
+    chatSuggestions,
+    classNames
   } = context.usePluginOverrides(
     "aiChat",
     { showAttribution: true }
@@ -797,8 +798,10 @@ function ChatInterface({
           {
             className: utils.cn(
               "flex flex-col p-4",
-              isWidget ? "max-w-full" : "max-w-3xl mx-auto w-full"
+              isWidget ? "max-w-full" : "max-w-3xl mx-auto w-full",
+              classNames?.messageList
             ),
+            "data-testid": "chat-message-list",
             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: tr(

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

@@ -161,7 +161,8 @@ function ChatInterface({
   const {
     localization: customLocalization,
     showAttribution,
-    chatSuggestions
+    chatSuggestions,
+    classNames
   } = usePluginOverrides(
     "aiChat",
     { showAttribution: true }
@@ -795,8 +796,10 @@ function ChatInterface({
           {
             className: cn(
               "flex flex-col p-4",
-              isWidget ? "max-w-full" : "max-w-3xl mx-auto w-full"
+              isWidget ? "max-w-full" : "max-w-3xl mx-auto w-full",
+              classNames?.messageList
             ),
+            "data-testid": "chat-message-list",
             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: tr(