@btst/stack 3.0.0-rc.2 → 3.0.0-rc.3

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

@@ -12,6 +12,7 @@ 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 overrides = require('../overrides.cjs');
 const index = require('../localization/index.cjs');
 
 function ChatLayout(props) {
@@ -19,13 +20,15 @@ function ChatLayout(props) {
     conversationId,
     layout = "full",
     className,
-    showSidebar = true,
+    showSidebar: requestedShowSidebar = true,
     initialMessages,
     onMessagesChange,
     onClear
   } = props;
-  const { localization } = context.usePluginOverrides("ai-chat", {});
-  const { api } = context.useStack();
+  const { localization } = context.usePluginOverrides("aiChat", {});
+  const { plugins } = context.useStack();
+  const resolvedMode = overrides.resolveAiChatMode(plugins?.aiChat?.config);
+  const showSidebar = requestedShowSidebar && resolvedMode !== "public";
   const tr = index.useAiChatTranslation(localization);
   const widgetHeight = props.layout === "widget" ? props.widgetHeight ?? "600px" : "600px";
   const widgetWidth = props.layout === "widget" ? props.widgetWidth ?? "380px" : "380px";
@@ -38,7 +41,6 @@ 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 = `${api?.baseURL ?? ""}${api?.basePath ?? ""}/chat`;
   const handleNewChat = React.useCallback(() => {
     if (!conversationId) {
       setChatResetKey((prev) => prev + 1);
@@ -109,7 +111,6 @@ function ChatLayout(props) {
             widgetEverOpened && /* @__PURE__ */ jsxRuntime.jsx(
               chatInterface.ChatInterface,
               {
-                apiPath,
                 id: conversationId,
                 variant: "widget",
                 initialMessages,
@@ -248,7 +249,6 @@ function ChatLayout(props) {
           /* @__PURE__ */ jsxRuntime.jsx(
             chatInterface.ChatInterface,
             {
-              apiPath,
               id: conversationId,
               variant: "full",
               initialMessages,

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

@@ -10,6 +10,7 @@ import { ChatSidebar } from './chat-sidebar.mjs';
 import { ChatInterface } from './chat-interface.mjs';
 import { usePageAIContext } from '../../../../../../../plugins/ai-chat/client/context/page-ai-context.mjs';
 import { usePluginOverrides, useStack } from '@btst/stack/context';
+import { resolveAiChatMode } from '../overrides.mjs';
 import { useAiChatTranslation } from '../localization/index.mjs';
 
 function ChatLayout(props) {
@@ -17,13 +18,15 @@ function ChatLayout(props) {
     conversationId,
     layout = "full",
     className,
-    showSidebar = true,
+    showSidebar: requestedShowSidebar = true,
     initialMessages,
     onMessagesChange,
     onClear
   } = props;
-  const { localization } = usePluginOverrides("ai-chat", {});
-  const { api } = useStack();
+  const { localization } = usePluginOverrides("aiChat", {});
+  const { plugins } = useStack();
+  const resolvedMode = resolveAiChatMode(plugins?.aiChat?.config);
+  const showSidebar = requestedShowSidebar && resolvedMode !== "public";
   const tr = useAiChatTranslation(localization);
   const widgetHeight = props.layout === "widget" ? props.widgetHeight ?? "600px" : "600px";
   const widgetWidth = props.layout === "widget" ? props.widgetWidth ?? "380px" : "380px";
@@ -36,7 +39,6 @@ function ChatLayout(props) {
   const [widgetResetKey, setWidgetResetKey] = useState(0);
   const [widgetEverOpened, setWidgetEverOpened] = useState(defaultOpen);
   const pageAIContext = usePageAIContext();
-  const apiPath = `${api?.baseURL ?? ""}${api?.basePath ?? ""}/chat`;
   const handleNewChat = useCallback(() => {
     if (!conversationId) {
       setChatResetKey((prev) => prev + 1);
@@ -107,7 +109,6 @@ function ChatLayout(props) {
             widgetEverOpened && /* @__PURE__ */ jsx(
               ChatInterface,
               {
-                apiPath,
                 id: conversationId,
                 variant: "widget",
                 initialMessages,
@@ -246,7 +247,6 @@ function ChatLayout(props) {
           /* @__PURE__ */ jsx(
             ChatInterface,
             {
-              apiPath,
               id: conversationId,
               variant: "full",
               initialMessages,

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

@@ -83,7 +83,7 @@ function ChatMessage({
 }) {
   const isUser = message.role === "user";
   const { localization: customLocalization, toolRenderers } = context.usePluginOverrides(
-    "ai-chat",
+    "aiChat",
     {}
   );
   const { router } = context.useStack();

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

@@ -77,7 +77,7 @@ function ChatMessage({
 }) {
   const isUser = message.role === "user";
   const { localization: customLocalization, toolRenderers } = usePluginOverrides(
-    "ai-chat",
+    "aiChat",
     {}
   );
   const { router } = useStack();

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

@@ -12,27 +12,25 @@ const dialog = require('../../../../../../ui/src/components/dialog.cjs');
 const LucideIcons = require('lucide-react');
 const utils = require('../../../../../../ui/src/lib/utils.cjs');
 const context = require('@btst/stack/context');
+const plugins_aiChat_permissions = require('../../../../../../../plugins/ai-chat/permissions.cjs');
+const overrides = require('../overrides.cjs');
 const chatHooks = require('../hooks/chat-hooks.cjs');
 const index = require('../localization/index.cjs');
+const navigation = require('../navigation.cjs');
 
 function ChatSidebar({
   currentConversationId,
   onNewChat,
   className
 }) {
-  const { localization: customLocalization } = context.usePluginOverrides("ai-chat", {});
-  const { router } = context.useStack();
+  const { localization: customLocalization } = context.usePluginOverrides("aiChat", {});
+  const { basePath: stackBasePath, plugins, router } = context.useStack();
   const navigate = router?.navigate;
-  const basePath = context.useBasePath();
+  const siteBaseURL = plugins?.aiChat?.site.baseURL;
+  const siteBasePath = plugins?.aiChat?.site.basePath ?? stackBasePath;
   const notify = context.useNotify();
   const tr = index.useAiChatTranslation(customLocalization);
-  const { can: canRead, isPending: isReadPermissionPending } = context.useCan({
-    resource: "ai-chat:conversation",
-    action: "read"
-  });
-  const { conversations, isLoading } = chatHooks.useConversations({
-    enabled: !isReadPermissionPending && canRead
-  });
+  const { conversations, isLoading } = chatHooks.useConversations();
   const deleteMutation = chatHooks.useDeleteConversation();
   const [renameDialogOpen, setRenameDialogOpen] = React.useState(false);
   const [deleteDialogOpen, setDeleteDialogOpen] = React.useState(false);
@@ -46,18 +44,27 @@ function ChatSidebar({
       setNewTitle("");
     }
   });
-  const handleNewChat = () => {
-    if (navigate) {
-      navigate(`${basePath}/chat`);
+  const navigateToChat = (...segments) => {
+    const location = overrides.resolveAiChatSiteLocation(
+      { baseURL: siteBaseURL, basePath: siteBasePath },
+      typeof window === "undefined" ? void 0 : window.location.origin,
+      "chat",
+      ...segments
+    );
+    if (location.crossOrigin && typeof window !== "undefined") {
+      navigation.navigateAiChatCrossOrigin(location.href);
+      return;
     }
+    return navigate?.(location.path);
+  };
+  const handleNewChat = () => {
+    void navigateToChat();
     if (onNewChat) {
       onNewChat();
     }
   };
   const handleConversationClick = (conversation) => {
-    if (navigate) {
-      navigate(`${basePath}/chat/${conversation.id}`);
-    }
+    void navigateToChat(conversation.id);
   };
   const handleRenameClick = (conversation) => {
     renameForm.clearErrors();
@@ -77,7 +84,15 @@ function ChatSidebar({
   const handleDeleteConfirm = async () => {
     if (selectedConversation) {
       try {
-        await deleteMutation.mutateAsync({ id: selectedConversation.id });
+        const deletingCurrentConversation = selectedConversation.id === currentConversationId;
+        if (deletingCurrentConversation) {
+          await deleteMutation.mutateAsync(
+            { id: selectedConversation.id },
+            { onSuccess: () => navigateToChat() }
+          );
+        } else {
+          await deleteMutation.mutateAsync({ id: selectedConversation.id });
+        }
         notify.success(
           tr(
             "CONVERSATION_DELETE_SUCCESS",
@@ -87,9 +102,6 @@ function ChatSidebar({
         );
         setDeleteDialogOpen(false);
         setSelectedConversation(null);
-        if (selectedConversation.id === currentConversationId && navigate) {
-          await navigate(`${basePath}/chat`);
-        }
       } catch {
         notify.error(
           tr(
@@ -138,7 +150,7 @@ function ChatSidebar({
       "data-testid": "chat-sidebar",
       className: utils.cn("flex flex-col h-full bg-muted/30 border-r", className),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsxRuntime.jsx(context.CanAccess, { resource: "ai-chat:conversation", action: "create", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__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,
           {
             onClick: handleNewChat,
@@ -194,11 +206,13 @@ function ChatSidebar({
                 ) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuContent, { align: "end", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    context.CanAccess,
+                    context.PermissionAccess,
                     {
-                      resource: "ai-chat:conversation",
-                      action: "update",
-                      params: { id: conversation.id },
+                      permission: plugins_aiChat_permissions.aiChatPermissions.conversation.update({
+                        conversationId: conversation.id,
+                        exists: true,
+                        ...conversation.userId ? { ownerId: conversation.userId } : {}
+                      }),
                       children: /* @__PURE__ */ jsxRuntime.jsxs(
                         dropdownMenu.DropdownMenuItem,
                         {
@@ -219,11 +233,13 @@ function ChatSidebar({
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    context.CanAccess,
+                    context.PermissionAccess,
                     {
-                      resource: "ai-chat:conversation",
-                      action: "delete",
-                      params: { id: conversation.id },
+                      permission: plugins_aiChat_permissions.aiChatPermissions.conversation.delete({
+                        conversationId: conversation.id,
+                        exists: true,
+                        ...conversation.userId ? { ownerId: conversation.userId } : {}
+                      }),
                       children: /* @__PURE__ */ jsxRuntime.jsxs(
                         dropdownMenu.DropdownMenuItem,
                         {

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

@@ -9,28 +9,26 @@ import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, A
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '../../../../../../ui/src/components/dialog.mjs';
 import { MessageSquarePlus, MessageSquare, MoreHorizontal, Pencil, Trash2 } from 'lucide-react';
 import { cn } from '../../../../../../ui/src/lib/utils.mjs';
-import { usePluginOverrides, useStack, useBasePath, useNotify, useCan, CanAccess } from '@btst/stack/context';
+import { usePluginOverrides, useStack, useNotify, PermissionAccess } from '@btst/stack/context';
+import { aiChatPermissions } from '../../../../../../../plugins/ai-chat/permissions.mjs';
+import { resolveAiChatSiteLocation } from '../overrides.mjs';
 import { useConversations, useDeleteConversation, useRenameConversationForm } from '../hooks/chat-hooks.mjs';
 import { useAiChatTranslation } from '../localization/index.mjs';
+import { navigateAiChatCrossOrigin } from '../navigation.mjs';
 
 function ChatSidebar({
   currentConversationId,
   onNewChat,
   className
 }) {
-  const { localization: customLocalization } = usePluginOverrides("ai-chat", {});
-  const { router } = useStack();
+  const { localization: customLocalization } = usePluginOverrides("aiChat", {});
+  const { basePath: stackBasePath, plugins, router } = useStack();
   const navigate = router?.navigate;
-  const basePath = useBasePath();
+  const siteBaseURL = plugins?.aiChat?.site.baseURL;
+  const siteBasePath = plugins?.aiChat?.site.basePath ?? stackBasePath;
   const notify = useNotify();
   const tr = useAiChatTranslation(customLocalization);
-  const { can: canRead, isPending: isReadPermissionPending } = useCan({
-    resource: "ai-chat:conversation",
-    action: "read"
-  });
-  const { conversations, isLoading } = useConversations({
-    enabled: !isReadPermissionPending && canRead
-  });
+  const { conversations, isLoading } = useConversations();
   const deleteMutation = useDeleteConversation();
   const [renameDialogOpen, setRenameDialogOpen] = useState(false);
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
@@ -44,18 +42,27 @@ function ChatSidebar({
       setNewTitle("");
     }
   });
-  const handleNewChat = () => {
-    if (navigate) {
-      navigate(`${basePath}/chat`);
+  const navigateToChat = (...segments) => {
+    const location = resolveAiChatSiteLocation(
+      { baseURL: siteBaseURL, basePath: siteBasePath },
+      typeof window === "undefined" ? void 0 : window.location.origin,
+      "chat",
+      ...segments
+    );
+    if (location.crossOrigin && typeof window !== "undefined") {
+      navigateAiChatCrossOrigin(location.href);
+      return;
     }
+    return navigate?.(location.path);
+  };
+  const handleNewChat = () => {
+    void navigateToChat();
     if (onNewChat) {
       onNewChat();
     }
   };
   const handleConversationClick = (conversation) => {
-    if (navigate) {
-      navigate(`${basePath}/chat/${conversation.id}`);
-    }
+    void navigateToChat(conversation.id);
   };
   const handleRenameClick = (conversation) => {
     renameForm.clearErrors();
@@ -75,7 +82,15 @@ function ChatSidebar({
   const handleDeleteConfirm = async () => {
     if (selectedConversation) {
       try {
-        await deleteMutation.mutateAsync({ id: selectedConversation.id });
+        const deletingCurrentConversation = selectedConversation.id === currentConversationId;
+        if (deletingCurrentConversation) {
+          await deleteMutation.mutateAsync(
+            { id: selectedConversation.id },
+            { onSuccess: () => navigateToChat() }
+          );
+        } else {
+          await deleteMutation.mutateAsync({ id: selectedConversation.id });
+        }
         notify.success(
           tr(
             "CONVERSATION_DELETE_SUCCESS",
@@ -85,9 +100,6 @@ function ChatSidebar({
         );
         setDeleteDialogOpen(false);
         setSelectedConversation(null);
-        if (selectedConversation.id === currentConversationId && navigate) {
-          await navigate(`${basePath}/chat`);
-        }
       } catch {
         notify.error(
           tr(
@@ -136,7 +148,7 @@ function ChatSidebar({
       "data-testid": "chat-sidebar",
       className: cn("flex flex-col h-full bg-muted/30 border-r", className),
       children: [
-        /* @__PURE__ */ jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsx(CanAccess, { resource: "ai-chat:conversation", action: "create", children: /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsx(PermissionAccess, { permission: aiChatPermissions.conversation.create(), children: /* @__PURE__ */ jsxs(
           Button,
           {
             onClick: handleNewChat,
@@ -192,11 +204,13 @@ function ChatSidebar({
                 ) }),
                 /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
                   /* @__PURE__ */ jsx(
-                    CanAccess,
+                    PermissionAccess,
                     {
-                      resource: "ai-chat:conversation",
-                      action: "update",
-                      params: { id: conversation.id },
+                      permission: aiChatPermissions.conversation.update({
+                        conversationId: conversation.id,
+                        exists: true,
+                        ...conversation.userId ? { ownerId: conversation.userId } : {}
+                      }),
                       children: /* @__PURE__ */ jsxs(
                         DropdownMenuItem,
                         {
@@ -217,11 +231,13 @@ function ChatSidebar({
                     }
                   ),
                   /* @__PURE__ */ jsx(
-                    CanAccess,
+                    PermissionAccess,
                     {
-                      resource: "ai-chat:conversation",
-                      action: "delete",
-                      params: { id: conversation.id },
+                      permission: aiChatPermissions.conversation.delete({
+                        conversationId: conversation.id,
+                        exists: true,
+                        ...conversation.userId ? { ownerId: conversation.userId } : {}
+                      }),
                       children: /* @__PURE__ */ jsxs(
                         DropdownMenuItem,
                         {

package/dist/packages/stack/src/plugins/ai-chat/client/components/pages/404-page.cjs

@@ -7,7 +7,7 @@ const errorPlaceholder = require('../shared/error-placeholder.cjs');
 const index = require('../../localization/index.cjs');
 
 function NotFoundPage({ message }) {
-  const { localization } = context.usePluginOverrides("ai-chat", {
+  const { localization } = context.usePluginOverrides("aiChat", {
     localization: {}
   });
   const tr = index.useAiChatTranslation(localization);

package/dist/packages/stack/src/plugins/ai-chat/client/components/pages/404-page.mjs

@@ -5,7 +5,7 @@ import { ErrorPlaceholder } from '../shared/error-placeholder.mjs';
 import { useAiChatTranslation } from '../../localization/index.mjs';
 
 function NotFoundPage({ message }) {
-  const { localization } = usePluginOverrides("ai-chat", {
+  const { localization } = usePluginOverrides("aiChat", {
     localization: {}
   });
   const tr = useAiChatTranslation(localization);

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

@@ -4,26 +4,24 @@
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const context = require('@btst/stack/context');
+const overrides = require('../../overrides.cjs');
 const components = require('@btst/stack/client/components');
 const defaultError = require('../shared/default-error.cjs');
 const index = require('../loading/index.cjs');
 const _404Page = require('./404-page.cjs');
+const plugins_aiChat_permissions = require('../../../../../../../../plugins/ai-chat/permissions.cjs');
+const chatHooks = require('../../hooks/chat-hooks.cjs');
 
 const ChatPage = React.lazy(
   () => import('./chat-page.internal.cjs').then((m) => ({ default: m.ChatPage }))
 );
 function ChatPageComponent({ conversationId }) {
-  const { mode, onRouteError } = context.usePluginOverrides("ai-chat", {});
+  const { onRouteError } = context.usePluginOverrides("aiChat", {});
   return /* @__PURE__ */ jsxRuntime.jsx(
     components.ComposedRoute,
     {
       path: conversationId ? `/chat/${conversationId}` : "/chat",
-      permission: mode === "public" ? void 0 : {
-        resource: "ai-chat:conversation",
-        action: "read",
-        params: conversationId ? { id: conversationId } : void 0
-      },
-      PageComponent: ChatPage,
+      PageComponent: AuthorizedChatPage,
       ErrorComponent: defaultError.DefaultError,
       LoadingComponent: index.ChatLoading,
       NotFoundComponent: _404Page.NotFoundPage,
@@ -40,5 +38,46 @@ function ChatPageComponent({ conversationId }) {
     }
   );
 }
+function AuthorizedChatPage({ conversationId }) {
+  const { plugins } = context.useStack();
+  const mode = overrides.resolveAiChatMode(plugins?.aiChat?.config);
+  if (mode === "public") {
+    return /* @__PURE__ */ jsxRuntime.jsx(ChatPage, { conversationId });
+  }
+  if (!conversationId) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      components.PermissionRouteAccess,
+      {
+        permission: plugins_aiChat_permissions.aiChatPermissions.conversation.read({
+          scope: "collection"
+        }),
+        LoadingComponent: index.ChatLoading,
+        children: /* @__PURE__ */ jsxRuntime.jsx(ChatPage, {})
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(AuthorizedConversationPage, { conversationId });
+}
+function AuthorizedConversationPage({
+  conversationId
+}) {
+  const { conversation, error, isLoading } = chatHooks.useConversation(conversationId);
+  if (error) throw error;
+  if (isLoading) return /* @__PURE__ */ jsxRuntime.jsx(index.ChatLoading, {});
+  if (!conversation) return /* @__PURE__ */ jsxRuntime.jsx(_404Page.NotFoundPage, {});
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.PermissionRouteAccess,
+    {
+      permission: plugins_aiChat_permissions.aiChatPermissions.conversation.read({
+        scope: "record",
+        conversationId: conversation.id,
+        exists: true,
+        ...conversation.userId ? { ownerId: conversation.userId } : {}
+      }),
+      LoadingComponent: index.ChatLoading,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ChatPage, { conversationId })
+    }
+  );
+}
 
 exports.ChatPageComponent = ChatPageComponent;

package/dist/packages/stack/src/plugins/ai-chat/client/components/pages/chat-page.internal.cjs

@@ -5,11 +5,13 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const chatLayout = require('../chat-layout.cjs');
 const context = require('@btst/stack/context');
+const overrides = require('../../overrides.cjs');
 const useRouteLifecycle = require('../../../../../../../ui/src/hooks/use-route-lifecycle.cjs');
 
 function ChatPage({ conversationId }) {
-  const overrides = context.usePluginOverrides("ai-chat", {});
-  const { mode } = overrides;
+  const overrides$1 = context.usePluginOverrides("aiChat", {});
+  const { plugins } = context.useStack();
+  const mode = overrides.resolveAiChatMode(plugins?.aiChat?.config);
   const routeName = conversationId ? "chatConversation" : "chat";
   const context$1 = React.useMemo(
     () => ({
@@ -22,7 +24,7 @@ function ChatPage({ conversationId }) {
   useRouteLifecycle.useRouteLifecycle({
     routeName,
     context: context$1,
-    overrides
+    overrides: overrides$1
   });
   const showSidebar = mode !== "public";
   return /* @__PURE__ */ jsxRuntime.jsx(chatLayout.ChatLayout, { conversationId, showSidebar });

package/dist/packages/stack/src/plugins/ai-chat/client/components/pages/chat-page.internal.mjs

@@ -2,12 +2,14 @@
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { ChatLayout } from '../chat-layout.mjs';
-import { usePluginOverrides } from '@btst/stack/context';
+import { usePluginOverrides, useStack } from '@btst/stack/context';
+import { resolveAiChatMode } from '../../overrides.mjs';
 import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
 
 function ChatPage({ conversationId }) {
-  const overrides = usePluginOverrides("ai-chat", {});
-  const { mode } = overrides;
+  const overrides = usePluginOverrides("aiChat", {});
+  const { plugins } = useStack();
+  const mode = resolveAiChatMode(plugins?.aiChat?.config);
   const routeName = conversationId ? "chatConversation" : "chat";
   const context = useMemo(
     () => ({

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

@@ -1,27 +1,25 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { lazy } from 'react';
-import { usePluginOverrides } from '@btst/stack/context';
-import { ComposedRoute } from '@btst/stack/client/components';
+import { usePluginOverrides, useStack } from '@btst/stack/context';
+import { resolveAiChatMode } from '../../overrides.mjs';
+import { ComposedRoute, PermissionRouteAccess } from '@btst/stack/client/components';
 import { DefaultError } from '../shared/default-error.mjs';
 import { ChatLoading } from '../loading/index.mjs';
 import { NotFoundPage } from './404-page.mjs';
+import { aiChatPermissions } from '../../../../../../../../plugins/ai-chat/permissions.mjs';
+import { useConversation } from '../../hooks/chat-hooks.mjs';
 
 const ChatPage = lazy(
   () => import('./chat-page.internal.mjs').then((m) => ({ default: m.ChatPage }))
 );
 function ChatPageComponent({ conversationId }) {
-  const { mode, onRouteError } = usePluginOverrides("ai-chat", {});
+  const { onRouteError } = usePluginOverrides("aiChat", {});
   return /* @__PURE__ */ jsx(
     ComposedRoute,
     {
       path: conversationId ? `/chat/${conversationId}` : "/chat",
-      permission: mode === "public" ? void 0 : {
-        resource: "ai-chat:conversation",
-        action: "read",
-        params: conversationId ? { id: conversationId } : void 0
-      },
-      PageComponent: ChatPage,
+      PageComponent: AuthorizedChatPage,
       ErrorComponent: DefaultError,
       LoadingComponent: ChatLoading,
       NotFoundComponent: NotFoundPage,
@@ -38,5 +36,46 @@ function ChatPageComponent({ conversationId }) {
     }
   );
 }
+function AuthorizedChatPage({ conversationId }) {
+  const { plugins } = useStack();
+  const mode = resolveAiChatMode(plugins?.aiChat?.config);
+  if (mode === "public") {
+    return /* @__PURE__ */ jsx(ChatPage, { conversationId });
+  }
+  if (!conversationId) {
+    return /* @__PURE__ */ jsx(
+      PermissionRouteAccess,
+      {
+        permission: aiChatPermissions.conversation.read({
+          scope: "collection"
+        }),
+        LoadingComponent: ChatLoading,
+        children: /* @__PURE__ */ jsx(ChatPage, {})
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(AuthorizedConversationPage, { conversationId });
+}
+function AuthorizedConversationPage({
+  conversationId
+}) {
+  const { conversation, error, isLoading } = useConversation(conversationId);
+  if (error) throw error;
+  if (isLoading) return /* @__PURE__ */ jsx(ChatLoading, {});
+  if (!conversation) return /* @__PURE__ */ jsx(NotFoundPage, {});
+  return /* @__PURE__ */ jsx(
+    PermissionRouteAccess,
+    {
+      permission: aiChatPermissions.conversation.read({
+        scope: "record",
+        conversationId: conversation.id,
+        exists: true,
+        ...conversation.userId ? { ownerId: conversation.userId } : {}
+      }),
+      LoadingComponent: ChatLoading,
+      children: /* @__PURE__ */ jsx(ChatPage, { conversationId })
+    }
+  );
+}
 
 export { ChatPageComponent };

package/dist/packages/stack/src/plugins/ai-chat/client/components/shared/default-error.cjs

@@ -7,7 +7,7 @@ const context = require('@btst/stack/context');
 const index = require('../../localization/index.cjs');
 
 function DefaultError({ error }) {
-  const { localization } = context.usePluginOverrides("ai-chat", {
+  const { localization } = context.usePluginOverrides("aiChat", {
     localization: {}
   });
   const tr = index.useAiChatTranslation(localization);

package/dist/packages/stack/src/plugins/ai-chat/client/components/shared/default-error.mjs

@@ -5,7 +5,7 @@ import { usePluginOverrides } from '@btst/stack/context';
 import { useAiChatTranslation } from '../../localization/index.mjs';
 
 function DefaultError({ error }) {
-  const { localization } = usePluginOverrides("ai-chat", {
+  const { localization } = usePluginOverrides("aiChat", {
     localization: {}
   });
   const tr = useAiChatTranslation(localization);

package/dist/packages/stack/src/plugins/ai-chat/client/components/tool-call-display.cjs

@@ -52,7 +52,7 @@ function ToolCallDisplay({
   errorText,
   isLoading
 }) {
-  const { localization } = context.usePluginOverrides("ai-chat", {});
+  const { localization } = context.usePluginOverrides("aiChat", {});
   const tr = index.useAiChatTranslation(localization);
   const displayName = formatToolName(toolName);
   const statusLabel = isLoading || state === "input-streaming" ? tr("TOOL_STATUS_RUNNING", "aiChat.tools.status.running", "Running...") : state === "input-available" ? tr(