@btst/stack 2.3.0 → 2.5.0

package/dist/packages/stack/src/client/components/compose.cjs

@@ -40,8 +40,7 @@ function ComposedRoute({
 }) {
   if (PageComponent) {
     const content = /* @__PURE__ */ jsxRuntime.jsx(PageComponent, { ...props });
-    const isBrowser = typeof window !== "undefined";
-    const suspenseFallback = isBrowser && LoadingComponent ? /* @__PURE__ */ jsxRuntime.jsx(LoadingComponent, {}) : null;
+    const suspenseFallback = LoadingComponent ? /* @__PURE__ */ jsxRuntime.jsx(LoadingComponent, {}) : null;
     if (ErrorComponent) {
       return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: suspenseFallback, children: /* @__PURE__ */ jsxRuntime.jsx(
         errorBoundary.ErrorBoundary,

package/dist/packages/stack/src/client/components/compose.mjs

@@ -38,8 +38,7 @@ function ComposedRoute({
 }) {
   if (PageComponent) {
     const content = /* @__PURE__ */ jsx(PageComponent, { ...props });
-    const isBrowser = typeof window !== "undefined";
-    const suspenseFallback = isBrowser && LoadingComponent ? /* @__PURE__ */ jsx(LoadingComponent, {}) : null;
+    const suspenseFallback = LoadingComponent ? /* @__PURE__ */ jsx(LoadingComponent, {}) : null;
     if (ErrorComponent) {
       return /* @__PURE__ */ jsx(Suspense, { fallback: suspenseFallback, children: /* @__PURE__ */ jsx(
         ErrorBoundary,

package/dist/packages/stack/src/plugins/ai-chat/api/page-tools.cjs

@@ -0,0 +1,71 @@
+'use strict';
+
+const ai = require('ai');
+const z = require('zod');
+
+const BUILT_IN_PAGE_TOOL_ROUTE_ALLOWLIST = {
+  /** Blog new-post and edit-post pages */
+  fillBlogForm: ["blog-new-post", "blog-edit-post", "newPost", "editPost"],
+  /** UI builder edit page */
+  updatePageLayers: ["ui-builder-edit-page"]
+};
+const BUILT_IN_PAGE_TOOL_SCHEMAS = {
+  /**
+   * Fill in the blog post editor form fields.
+   * Registered by blog new/edit page via useRegisterPageAIContext.
+   */
+  fillBlogForm: ai.tool({
+    description: "Fill in the blog post editor form fields. Call this when the user asks to write, draft, or populate a blog post. You can fill any combination of title, content, excerpt, and tags.",
+    inputSchema: z.z.object({
+      title: z.z.string().optional().describe("The post title"),
+      content: z.z.string().optional().describe(
+        "Full markdown content for the post body. Use proper markdown formatting with headings, lists, etc."
+      ),
+      excerpt: z.z.string().optional().describe("A short summary/excerpt of the post (1-2 sentences)"),
+      tags: z.z.array(z.z.string()).optional().describe("Array of tag names to apply to the post")
+    })
+  }),
+  /**
+   * Replace the UI builder page layers with new ones.
+   * Registered by the UI builder edit page via useRegisterPageAIContext.
+   */
+  updatePageLayers: ai.tool({
+    description: `Replace the UI builder page component layers. Call this when the user asks to change, add, redesign, or update the page layout and components.
+
+Rules:
+- Provide the COMPLETE layer tree, not a partial diff. The entire tree will replace the current layers.
+- Only use component types that appear in the "Available Component Types" list in the page context.
+- Every layer must have a unique \`id\` string (e.g. "hero-section", "card-title-1").
+- The \`type\` field must exactly match a name from the component registry (e.g. "div", "Button", "Card", "Flexbox").
+- The \`name\` field is the human-readable label shown in the layers panel.
+- \`props\` contains component-specific props (className uses Tailwind classes).
+- \`children\` is either an array of child ComponentLayer objects, or a plain string for text content.
+- Use \`Flexbox\` or \`Grid\` for layout instead of raw div flex/grid when possible.
+- Preserve any layers the user has not asked to change \u2014 read the current layers from the page context first.
+- ALWAYS use shadcn/ui semantic color tokens in className (e.g. bg-background, bg-card, bg-primary, text-foreground, text-muted-foreground, text-primary-foreground, border-border) instead of hardcoded Tailwind colors like bg-white, bg-gray-*, text-black, etc. This ensures the UI automatically adapts to light and dark themes.`,
+    inputSchema: z.z.object({
+      layers: z.z.array(
+        z.z.object({
+          id: z.z.string().describe("Unique identifier for this layer"),
+          type: z.z.string().describe(
+            "Component type \u2014 must match a key in the component registry (e.g. 'div', 'Button', 'Card', 'Flexbox')"
+          ),
+          name: z.z.string().describe(
+            "Human-readable display name shown in the layers panel"
+          ),
+          props: z.z.record(z.z.string(), z.z.any()).describe(
+            "Component props object. Use Tailwind classes for className. See the component registry for valid props per type."
+          ),
+          children: z.z.any().optional().describe(
+            "Child layers (array of ComponentLayer) or plain text string"
+          )
+        })
+      ).describe(
+        "Complete replacement layer tree. Must include ALL layers for the page, not just changed ones."
+      )
+    })
+  })
+};
+
+exports.BUILT_IN_PAGE_TOOL_ROUTE_ALLOWLIST = BUILT_IN_PAGE_TOOL_ROUTE_ALLOWLIST;
+exports.BUILT_IN_PAGE_TOOL_SCHEMAS = BUILT_IN_PAGE_TOOL_SCHEMAS;

package/dist/packages/stack/src/plugins/ai-chat/api/page-tools.mjs

@@ -0,0 +1,68 @@
+import { tool } from 'ai';
+import { z } from 'zod';
+
+const BUILT_IN_PAGE_TOOL_ROUTE_ALLOWLIST = {
+  /** Blog new-post and edit-post pages */
+  fillBlogForm: ["blog-new-post", "blog-edit-post", "newPost", "editPost"],
+  /** UI builder edit page */
+  updatePageLayers: ["ui-builder-edit-page"]
+};
+const BUILT_IN_PAGE_TOOL_SCHEMAS = {
+  /**
+   * Fill in the blog post editor form fields.
+   * Registered by blog new/edit page via useRegisterPageAIContext.
+   */
+  fillBlogForm: tool({
+    description: "Fill in the blog post editor form fields. Call this when the user asks to write, draft, or populate a blog post. You can fill any combination of title, content, excerpt, and tags.",
+    inputSchema: z.object({
+      title: z.string().optional().describe("The post title"),
+      content: z.string().optional().describe(
+        "Full markdown content for the post body. Use proper markdown formatting with headings, lists, etc."
+      ),
+      excerpt: z.string().optional().describe("A short summary/excerpt of the post (1-2 sentences)"),
+      tags: z.array(z.string()).optional().describe("Array of tag names to apply to the post")
+    })
+  }),
+  /**
+   * Replace the UI builder page layers with new ones.
+   * Registered by the UI builder edit page via useRegisterPageAIContext.
+   */
+  updatePageLayers: tool({
+    description: `Replace the UI builder page component layers. Call this when the user asks to change, add, redesign, or update the page layout and components.
+
+Rules:
+- Provide the COMPLETE layer tree, not a partial diff. The entire tree will replace the current layers.
+- Only use component types that appear in the "Available Component Types" list in the page context.
+- Every layer must have a unique \`id\` string (e.g. "hero-section", "card-title-1").
+- The \`type\` field must exactly match a name from the component registry (e.g. "div", "Button", "Card", "Flexbox").
+- The \`name\` field is the human-readable label shown in the layers panel.
+- \`props\` contains component-specific props (className uses Tailwind classes).
+- \`children\` is either an array of child ComponentLayer objects, or a plain string for text content.
+- Use \`Flexbox\` or \`Grid\` for layout instead of raw div flex/grid when possible.
+- Preserve any layers the user has not asked to change \u2014 read the current layers from the page context first.
+- ALWAYS use shadcn/ui semantic color tokens in className (e.g. bg-background, bg-card, bg-primary, text-foreground, text-muted-foreground, text-primary-foreground, border-border) instead of hardcoded Tailwind colors like bg-white, bg-gray-*, text-black, etc. This ensures the UI automatically adapts to light and dark themes.`,
+    inputSchema: z.object({
+      layers: z.array(
+        z.object({
+          id: z.string().describe("Unique identifier for this layer"),
+          type: z.string().describe(
+            "Component type \u2014 must match a key in the component registry (e.g. 'div', 'Button', 'Card', 'Flexbox')"
+          ),
+          name: z.string().describe(
+            "Human-readable display name shown in the layers panel"
+          ),
+          props: z.record(z.string(), z.any()).describe(
+            "Component props object. Use Tailwind classes for className. See the component registry for valid props per type."
+          ),
+          children: z.any().optional().describe(
+            "Child layers (array of ComponentLayer) or plain text string"
+          )
+        })
+      ).describe(
+        "Complete replacement layer tree. Must include ALL layers for the page, not just changed ones."
+      )
+    })
+  })
+};
+
+export { BUILT_IN_PAGE_TOOL_ROUTE_ALLOWLIST, BUILT_IN_PAGE_TOOL_SCHEMAS };

package/dist/packages/stack/src/plugins/ai-chat/api/plugin.cjs

@@ -5,6 +5,8 @@ const ai = require('ai');
 const db = require('../db.cjs');
 const schemas = require('../schemas.cjs');
 const getters = require('./getters.cjs');
+const pageTools = require('./page-tools.cjs');
+const utils = require('../../utils.cjs');
 
 const aiChatBackendPlugin = (config) => api.defineBackendPlugin({
   name: "ai-chat",
@@ -52,7 +54,13 @@ const aiChatBackendPlugin = (config) => api.defineBackendPlugin({
         body: schemas.chatRequestSchema
       },
       async (ctx) => {
-        const { messages: rawMessages, conversationId } = ctx.body;
+        const {
+          messages: rawMessages,
+          conversationId,
+          pageContext,
+          availableTools,
+          routeName
+        } = ctx.body;
         const uiMessages = rawMessages;
         const context = {
           body: ctx.body,
@@ -65,15 +73,11 @@ const aiChatBackendPlugin = (config) => api.defineBackendPlugin({
               role: msg.role,
               content: getMessageTextContent(msg)
             }));
-            const canChat = await config.hooks.onBeforeChat(
-              messagesForHook,
-              context
+            await utils.runHookWithShim(
+              () => config.hooks.onBeforeChat(messagesForHook, context),
+              ctx.error,
+              "Unauthorized: Cannot start chat"
             );
-            if (!canChat) {
-              throw ctx.error(403, {
-                message: "Unauthorized: Cannot start chat"
-              });
-            }
           }
           const firstMessage = uiMessages[0];
           if (!firstMessage) {
@@ -83,17 +87,57 @@ const aiChatBackendPlugin = (config) => api.defineBackendPlugin({
           }
           const firstMessageContent = getMessageTextContent(firstMessage);
           const modelMessages = ai.convertToModelMessages(uiMessages);
-          const messagesWithSystem = config.systemPrompt ? [
-            { role: "system", content: config.systemPrompt },
+          const pageContextContent = pageContext && pageContext.trim() ? `
+
+Current page context:
+${pageContext}` : "";
+          const systemContent = config.systemPrompt ? `${config.systemPrompt}${pageContextContent}` : pageContextContent || void 0;
+          const messagesWithSystem = systemContent ? [
+            { role: "system", content: systemContent },
             ...modelMessages
           ] : modelMessages;
+          const activePageTools = config.enablePageTools && availableTools && availableTools.length > 0 ? (() => {
+            const consumerSchemas = config.clientToolSchemas ?? {};
+            return Object.fromEntries(
+              availableTools.filter((name) => {
+                if (name in pageTools.BUILT_IN_PAGE_TOOL_SCHEMAS) {
+                  const allowed = pageTools.BUILT_IN_PAGE_TOOL_ROUTE_ALLOWLIST[name];
+                  return allowed && routeName && allowed.includes(routeName);
+                }
+                return name in consumerSchemas;
+              }).map((name) => {
+                const schema = pageTools.BUILT_IN_PAGE_TOOL_SCHEMAS[name] ?? consumerSchemas[name];
+                return [name, schema];
+              })
+            );
+          })() : {};
+          if (config.hooks?.onBeforeToolsActivated && Object.keys(activePageTools).length > 0) {
+            try {
+              const allowed = await config.hooks.onBeforeToolsActivated(
+                Object.keys(activePageTools),
+                routeName,
+                context
+              );
+              const allowedSet = new Set(allowed);
+              for (const key of Object.keys(activePageTools)) {
+                if (!allowedSet.has(key)) {
+                  delete activePageTools[key];
+                }
+              }
+            } catch (hookError) {
+              throw ctx.error(403, {
+                message: hookError instanceof Error ? hookError.message : "Unauthorized: Tool activation denied"
+              });
+            }
+          }
+          const mergedTools = Object.keys(activePageTools).length > 0 ? { ...activePageTools, ...config.tools } : config.tools;
           if (isPublicMode) {
             const result2 = ai.streamText({
               model: config.model,
               messages: messagesWithSystem,
-              tools: config.tools,
+              tools: mergedTools,
               // Enable multi-step tool calls if tools are configured
-              ...config.tools ? { stopWhen: ai.stepCountIs(5) } : {}
+              ...mergedTools ? { stopWhen: ai.stepCountIs(5) } : {}
             });
             return result2.toUIMessageStreamResponse({
               originalMessages: uiMessages
@@ -201,9 +245,9 @@ const aiChatBackendPlugin = (config) => api.defineBackendPlugin({
           const result = ai.streamText({
             model: config.model,
             messages: messagesWithSystem,
-            tools: config.tools,
+            tools: mergedTools,
             // Enable multi-step tool calls if tools are configured
-            ...config.tools ? { stopWhen: ai.stepCountIs(5) } : {},
+            ...mergedTools ? { stopWhen: ai.stepCountIs(5) } : {},
             onFinish: async (completion) => {
               try {
                 const assistantParts = completion.text ? [{ type: "text", text: completion.text }] : [];
@@ -296,15 +340,14 @@ const aiChatBackendPlugin = (config) => api.defineBackendPlugin({
             });
           });
           if (config.hooks?.onBeforeCreateConversation) {
-            const canCreate = await config.hooks.onBeforeCreateConversation(
-              { id, title },
-              context
+            await utils.runHookWithShim(
+              () => config.hooks.onBeforeCreateConversation(
+                { id, title },
+                context
+              ),
+              ctx.error,
+              "Unauthorized: Cannot create conversation"
             );
-            if (!canCreate) {
-              throw ctx.error(403, {
-                message: "Unauthorized: Cannot create conversation"
-              });
-            }
           }
           const newConv = await adapter.create({
             model: "conversation",
@@ -350,12 +393,11 @@ const aiChatBackendPlugin = (config) => api.defineBackendPlugin({
             });
           });
           if (config.hooks?.onBeforeListConversations) {
-            const canList = await config.hooks.onBeforeListConversations(context);
-            if (!canList) {
-              throw ctx.error(403, {
-                message: "Unauthorized: Cannot list conversations"
-              });
-            }
+            await utils.runHookWithShim(
+              () => config.hooks.onBeforeListConversations(context),
+              ctx.error,
+              "Unauthorized: Cannot list conversations"
+            );
           }
           const whereConditions = [];
           if (userId) {
@@ -408,15 +450,11 @@ const aiChatBackendPlugin = (config) => api.defineBackendPlugin({
             });
           });
           if (config.hooks?.onBeforeGetConversation) {
-            const canGet = await config.hooks.onBeforeGetConversation(
-              id,
-              context
+            await utils.runHookWithShim(
+              () => config.hooks.onBeforeGetConversation(id, context),
+              ctx.error,
+              "Unauthorized: Cannot get conversation"
             );
-            if (!canGet) {
-              throw ctx.error(403, {
-                message: "Unauthorized: Cannot get conversation"
-              });
-            }
           }
           const conversations = await adapter.findMany({
             model: "conversation",
@@ -498,16 +536,15 @@ const aiChatBackendPlugin = (config) => api.defineBackendPlugin({
             });
           }
           if (config.hooks?.onBeforeUpdateConversation) {
-            const canUpdate = await config.hooks.onBeforeUpdateConversation(
-              id,
-              { title },
-              context
+            await utils.runHookWithShim(
+              () => config.hooks.onBeforeUpdateConversation(
+                id,
+                { title },
+                context
+              ),
+              ctx.error,
+              "Unauthorized: Cannot update conversation"
             );
-            if (!canUpdate) {
-              throw ctx.error(403, {
-                message: "Unauthorized: Cannot update conversation"
-              });
-            }
           }
           const updated = await adapter.update({
             model: "conversation",
@@ -572,15 +609,11 @@ const aiChatBackendPlugin = (config) => api.defineBackendPlugin({
             });
           }
           if (config.hooks?.onBeforeDeleteConversation) {
-            const canDelete = await config.hooks.onBeforeDeleteConversation(
-              id,
-              context
+            await utils.runHookWithShim(
+              () => config.hooks.onBeforeDeleteConversation(id, context),
+              ctx.error,
+              "Unauthorized: Cannot delete conversation"
             );
-            if (!canDelete) {
-              throw ctx.error(403, {
-                message: "Unauthorized: Cannot delete conversation"
-              });
-            }
           }
           await adapter.delete({
             model: "conversation",

package/dist/packages/stack/src/plugins/ai-chat/api/plugin.mjs

@@ -3,6 +3,8 @@ import { convertToModelMessages, streamText, stepCountIs } from 'ai';
 import { aiChatSchema } from '../db.mjs';
 import { chatRequestSchema, createConversationSchema, updateConversationSchema } from '../schemas.mjs';
 import { getConversationById, getAllConversations } from './getters.mjs';
+import { BUILT_IN_PAGE_TOOL_SCHEMAS, BUILT_IN_PAGE_TOOL_ROUTE_ALLOWLIST } from './page-tools.mjs';
+import { runHookWithShim } from '../../utils.mjs';
 
 const aiChatBackendPlugin = (config) => defineBackendPlugin({
   name: "ai-chat",
@@ -50,7 +52,13 @@ const aiChatBackendPlugin = (config) => defineBackendPlugin({
         body: chatRequestSchema
       },
       async (ctx) => {
-        const { messages: rawMessages, conversationId } = ctx.body;
+        const {
+          messages: rawMessages,
+          conversationId,
+          pageContext,
+          availableTools,
+          routeName
+        } = ctx.body;
         const uiMessages = rawMessages;
         const context = {
           body: ctx.body,
@@ -63,15 +71,11 @@ const aiChatBackendPlugin = (config) => defineBackendPlugin({
               role: msg.role,
               content: getMessageTextContent(msg)
             }));
-            const canChat = await config.hooks.onBeforeChat(
-              messagesForHook,
-              context
+            await runHookWithShim(
+              () => config.hooks.onBeforeChat(messagesForHook, context),
+              ctx.error,
+              "Unauthorized: Cannot start chat"
             );
-            if (!canChat) {
-              throw ctx.error(403, {
-                message: "Unauthorized: Cannot start chat"
-              });
-            }
           }
           const firstMessage = uiMessages[0];
           if (!firstMessage) {
@@ -81,17 +85,57 @@ const aiChatBackendPlugin = (config) => defineBackendPlugin({
           }
           const firstMessageContent = getMessageTextContent(firstMessage);
           const modelMessages = convertToModelMessages(uiMessages);
-          const messagesWithSystem = config.systemPrompt ? [
-            { role: "system", content: config.systemPrompt },
+          const pageContextContent = pageContext && pageContext.trim() ? `
+
+Current page context:
+${pageContext}` : "";
+          const systemContent = config.systemPrompt ? `${config.systemPrompt}${pageContextContent}` : pageContextContent || void 0;
+          const messagesWithSystem = systemContent ? [
+            { role: "system", content: systemContent },
             ...modelMessages
           ] : modelMessages;
+          const activePageTools = config.enablePageTools && availableTools && availableTools.length > 0 ? (() => {
+            const consumerSchemas = config.clientToolSchemas ?? {};
+            return Object.fromEntries(
+              availableTools.filter((name) => {
+                if (name in BUILT_IN_PAGE_TOOL_SCHEMAS) {
+                  const allowed = BUILT_IN_PAGE_TOOL_ROUTE_ALLOWLIST[name];
+                  return allowed && routeName && allowed.includes(routeName);
+                }
+                return name in consumerSchemas;
+              }).map((name) => {
+                const schema = BUILT_IN_PAGE_TOOL_SCHEMAS[name] ?? consumerSchemas[name];
+                return [name, schema];
+              })
+            );
+          })() : {};
+          if (config.hooks?.onBeforeToolsActivated && Object.keys(activePageTools).length > 0) {
+            try {
+              const allowed = await config.hooks.onBeforeToolsActivated(
+                Object.keys(activePageTools),
+                routeName,
+                context
+              );
+              const allowedSet = new Set(allowed);
+              for (const key of Object.keys(activePageTools)) {
+                if (!allowedSet.has(key)) {
+                  delete activePageTools[key];
+                }
+              }
+            } catch (hookError) {
+              throw ctx.error(403, {
+                message: hookError instanceof Error ? hookError.message : "Unauthorized: Tool activation denied"
+              });
+            }
+          }
+          const mergedTools = Object.keys(activePageTools).length > 0 ? { ...activePageTools, ...config.tools } : config.tools;
           if (isPublicMode) {
             const result2 = streamText({
               model: config.model,
               messages: messagesWithSystem,
-              tools: config.tools,
+              tools: mergedTools,
               // Enable multi-step tool calls if tools are configured
-              ...config.tools ? { stopWhen: stepCountIs(5) } : {}
+              ...mergedTools ? { stopWhen: stepCountIs(5) } : {}
             });
             return result2.toUIMessageStreamResponse({
               originalMessages: uiMessages
@@ -199,9 +243,9 @@ const aiChatBackendPlugin = (config) => defineBackendPlugin({
           const result = streamText({
             model: config.model,
             messages: messagesWithSystem,
-            tools: config.tools,
+            tools: mergedTools,
             // Enable multi-step tool calls if tools are configured
-            ...config.tools ? { stopWhen: stepCountIs(5) } : {},
+            ...mergedTools ? { stopWhen: stepCountIs(5) } : {},
             onFinish: async (completion) => {
               try {
                 const assistantParts = completion.text ? [{ type: "text", text: completion.text }] : [];
@@ -294,15 +338,14 @@ const aiChatBackendPlugin = (config) => defineBackendPlugin({
             });
           });
           if (config.hooks?.onBeforeCreateConversation) {
-            const canCreate = await config.hooks.onBeforeCreateConversation(
-              { id, title },
-              context
+            await runHookWithShim(
+              () => config.hooks.onBeforeCreateConversation(
+                { id, title },
+                context
+              ),
+              ctx.error,
+              "Unauthorized: Cannot create conversation"
             );
-            if (!canCreate) {
-              throw ctx.error(403, {
-                message: "Unauthorized: Cannot create conversation"
-              });
-            }
           }
           const newConv = await adapter.create({
             model: "conversation",
@@ -348,12 +391,11 @@ const aiChatBackendPlugin = (config) => defineBackendPlugin({
             });
           });
           if (config.hooks?.onBeforeListConversations) {
-            const canList = await config.hooks.onBeforeListConversations(context);
-            if (!canList) {
-              throw ctx.error(403, {
-                message: "Unauthorized: Cannot list conversations"
-              });
-            }
+            await runHookWithShim(
+              () => config.hooks.onBeforeListConversations(context),
+              ctx.error,
+              "Unauthorized: Cannot list conversations"
+            );
           }
           const whereConditions = [];
           if (userId) {
@@ -406,15 +448,11 @@ const aiChatBackendPlugin = (config) => defineBackendPlugin({
             });
           });
           if (config.hooks?.onBeforeGetConversation) {
-            const canGet = await config.hooks.onBeforeGetConversation(
-              id,
-              context
+            await runHookWithShim(
+              () => config.hooks.onBeforeGetConversation(id, context),
+              ctx.error,
+              "Unauthorized: Cannot get conversation"
             );
-            if (!canGet) {
-              throw ctx.error(403, {
-                message: "Unauthorized: Cannot get conversation"
-              });
-            }
           }
           const conversations = await adapter.findMany({
             model: "conversation",
@@ -496,16 +534,15 @@ const aiChatBackendPlugin = (config) => defineBackendPlugin({
             });
           }
           if (config.hooks?.onBeforeUpdateConversation) {
-            const canUpdate = await config.hooks.onBeforeUpdateConversation(
-              id,
-              { title },
-              context
+            await runHookWithShim(
+              () => config.hooks.onBeforeUpdateConversation(
+                id,
+                { title },
+                context
+              ),
+              ctx.error,
+              "Unauthorized: Cannot update conversation"
             );
-            if (!canUpdate) {
-              throw ctx.error(403, {
-                message: "Unauthorized: Cannot update conversation"
-              });
-            }
           }
           const updated = await adapter.update({
             model: "conversation",
@@ -570,15 +607,11 @@ const aiChatBackendPlugin = (config) => defineBackendPlugin({
             });
           }
           if (config.hooks?.onBeforeDeleteConversation) {
-            const canDelete = await config.hooks.onBeforeDeleteConversation(
-              id,
-              context
+            await runHookWithShim(
+              () => config.hooks.onBeforeDeleteConversation(id, context),
+              ctx.error,
+              "Unauthorized: Cannot delete conversation"
             );
-            if (!canDelete) {
-              throw ctx.error(403, {
-                message: "Unauthorized: Cannot delete conversation"
-              });
-            }
           }
           await adapter.delete({
             model: "conversation",

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

@@ -184,7 +184,7 @@ function ChatInput({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 min-w-0", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           textarea.Textarea,
           {
@@ -193,7 +193,7 @@ function ChatInput({
             onKeyDown: handleKeyDown,
             placeholder: placeholder || localization.CHAT_PLACEHOLDER,
             className: utils.cn(
-              "resize-none pr-12",
+              "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

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

@@ -182,7 +182,7 @@ function ChatInput({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative flex-1 min-w-0", children: [
         /* @__PURE__ */ jsx(
           Textarea,
           {
@@ -191,7 +191,7 @@ function ChatInput({
             onKeyDown: handleKeyDown,
             placeholder: placeholder || localization.CHAT_PLACEHOLDER,
             className: cn(
-              "resize-none pr-12",
+              "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