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

package/dist/packages/stack/src/plugins/kanban/api/serializers.cjs

@@ -24,7 +24,28 @@ function serializeBoard(board) {
     columns: board.columns.map(serializeColumn)
   };
 }
+function serializeBoardSummary(board) {
+  return {
+    id: board.id,
+    name: board.name,
+    slug: board.slug,
+    description: board.description,
+    ownerId: board.ownerId,
+    organizationId: board.organizationId,
+    createdAt: board.createdAt.toISOString(),
+    updatedAt: board.updatedAt.toISOString(),
+    columns: board.columns.map((column) => {
+      const { tasks: _tasks, ...bareColumn } = column;
+      return {
+        ...bareColumn,
+        createdAt: column.createdAt.toISOString(),
+        updatedAt: column.updatedAt.toISOString()
+      };
+    })
+  };
+}
 
 exports.serializeBoard = serializeBoard;
+exports.serializeBoardSummary = serializeBoardSummary;
 exports.serializeColumn = serializeColumn;
 exports.serializeTask = serializeTask;

package/dist/packages/stack/src/plugins/kanban/api/serializers.mjs

@@ -22,5 +22,25 @@ function serializeBoard(board) {
     columns: board.columns.map(serializeColumn)
   };
 }
+function serializeBoardSummary(board) {
+  return {
+    id: board.id,
+    name: board.name,
+    slug: board.slug,
+    description: board.description,
+    ownerId: board.ownerId,
+    organizationId: board.organizationId,
+    createdAt: board.createdAt.toISOString(),
+    updatedAt: board.updatedAt.toISOString(),
+    columns: board.columns.map((column) => {
+      const { tasks: _tasks, ...bareColumn } = column;
+      return {
+        ...bareColumn,
+        createdAt: column.createdAt.toISOString(),
+        updatedAt: column.updatedAt.toISOString()
+      };
+    })
+  };
+}
 
-export { serializeBoard, serializeColumn, serializeTask };
+export { serializeBoard, serializeBoardSummary, serializeColumn, serializeTask };

package/dist/packages/stack/src/plugins/kanban/client/components/forms/board-form.cjs

@@ -9,13 +9,14 @@ const textarea = require('../../../../../../../ui/src/components/textarea.cjs');
 const label = require('../../../../../../../ui/src/components/label.cjs');
 const context = require('@btst/stack/context');
 const kanbanHooks = require('../../hooks/kanban-hooks.cjs');
+const constants = require('../../constants.cjs');
 
 function firstError(error) {
   return Array.isArray(error) ? error[0] : error;
 }
 function BoardForm({ board, onClose, onSuccess }) {
   const t = context.useTranslate();
-  const { localization } = context.usePluginOverrides("kanban");
+  const { localization } = context.usePluginOverrides(constants.KANBAN_PLUGIN_ID);
   const isEditing = !!board;
   const [name, setName] = React.useState(board?.name || "");
   const [description, setDescription] = React.useState(board?.description || "");

package/dist/packages/stack/src/plugins/kanban/client/components/forms/board-form.mjs

@@ -7,13 +7,14 @@ import { Textarea } from '../../../../../../../ui/src/components/textarea.mjs';
 import { Label } from '../../../../../../../ui/src/components/label.mjs';
 import { useTranslate, usePluginOverrides } from '@btst/stack/context';
 import { useBoardForm } from '../../hooks/kanban-hooks.mjs';
+import { KANBAN_PLUGIN_ID } from '../../constants.mjs';
 
 function firstError(error) {
   return Array.isArray(error) ? error[0] : error;
 }
 function BoardForm({ board, onClose, onSuccess }) {
   const t = useTranslate();
-  const { localization } = usePluginOverrides("kanban");
+  const { localization } = usePluginOverrides(KANBAN_PLUGIN_ID);
   const isEditing = !!board;
   const [name, setName] = useState(board?.name || "");
   const [description, setDescription] = useState(board?.description || "");

package/dist/packages/stack/src/plugins/kanban/client/components/forms/column-form.cjs

@@ -8,6 +8,7 @@ const input = require('../../../../../../../ui/src/components/input.cjs');
 const label = require('../../../../../../../ui/src/components/label.cjs');
 const context = require('@btst/stack/context');
 const kanbanHooks = require('../../hooks/kanban-hooks.cjs');
+const constants = require('../../constants.cjs');
 
 function firstError(error) {
   return Array.isArray(error) ? error[0] : error;
@@ -20,7 +21,7 @@ function ColumnForm({
   onSuccess
 }) {
   const t = context.useTranslate();
-  const { localization } = context.usePluginOverrides("kanban");
+  const { localization } = context.usePluginOverrides(constants.KANBAN_PLUGIN_ID);
   const isEditing = !!columnId;
   const [title, setTitle] = React.useState(column?.title || "");
   const [titleError, setTitleError] = React.useState(null);

package/dist/packages/stack/src/plugins/kanban/client/components/forms/column-form.mjs

@@ -6,6 +6,7 @@ import { Input } from '../../../../../../../ui/src/components/input.mjs';
 import { Label } from '../../../../../../../ui/src/components/label.mjs';
 import { useTranslate, usePluginOverrides } from '@btst/stack/context';
 import { useColumnForm } from '../../hooks/kanban-hooks.mjs';
+import { KANBAN_PLUGIN_ID } from '../../constants.mjs';
 
 function firstError(error) {
   return Array.isArray(error) ? error[0] : error;
@@ -18,7 +19,7 @@ function ColumnForm({
   onSuccess
 }) {
   const t = useTranslate();
-  const { localization } = usePluginOverrides("kanban");
+  const { localization } = usePluginOverrides(KANBAN_PLUGIN_ID);
   const isEditing = !!columnId;
   const [title, setTitle] = useState(column?.title || "");
   const [titleError, setTitleError] = useState(null);

package/dist/packages/stack/src/plugins/kanban/client/components/forms/task-form.cjs

@@ -12,6 +12,8 @@ const minimalTiptap = require('../../../../../../../ui/src/components/minimal-ti
 const searchSelect = require('../../../../../../../ui/src/components/search-select.cjs');
 const context = require('@btst/stack/context');
 const kanbanHooks = require('../../hooks/kanban-hooks.cjs');
+const plugins_kanban_permissions = require('../../../../../../../../plugins/kanban/permissions.cjs');
+const constants = require('../../constants.cjs');
 
 function firstError(error) {
   return Array.isArray(error) ? error[0] : error;
@@ -19,6 +21,8 @@ function firstError(error) {
 function TaskForm({
   columnId,
   boardId,
+  ownerId,
+  organizationId,
   taskId,
   task,
   columns,
@@ -31,9 +35,8 @@ function TaskForm({
     uploadImage,
     imagePicker: imagePickerTrigger,
     localization
-  } = context.usePluginOverrides("kanban");
+  } = context.usePluginOverrides(constants.KANBAN_PLUGIN_ID);
   const isEditing = !!taskId;
-  const { moveTask, isMoving } = kanbanHooks.useTaskMutations();
   const [title, setTitle] = React.useState(task?.title || "");
   const [description, setDescription] = React.useState(task?.description || "");
   const [priority, setPriority] = React.useState(
@@ -55,36 +58,25 @@ function TaskForm({
       columnId: values.columnId,
       assigneeId: values.assigneeId || void 0
     }),
-    toUpdateVars: (values) => ({
-      id: taskId ?? "",
-      data: {
-        title: values.title,
-        description: values.description,
-        priority: values.priority,
-        ...values.columnId === task?.columnId ? { columnId: values.columnId } : {},
-        assigneeId: values.assigneeId || null
+    toUpdateVars: (values) => {
+      const isColumnMove = values.columnId !== task?.columnId;
+      let targetOrder;
+      if (isColumnMove) {
+        const targetTasks = columns.find((column) => column.id === values.columnId)?.tasks ?? [];
+        targetOrder = targetTasks.length > 0 ? Math.max(...targetTasks.map((targetTask) => targetTask.order)) + 1 : 0;
       }
-    }),
-    onSuccess: async () => {
-      if (isEditing && taskId && selectedColumnId !== task?.columnId) {
-        const targetTasks = columns.find((column) => column.id === selectedColumnId)?.tasks ?? [];
-        const targetOrder = targetTasks.length > 0 ? Math.max(...targetTasks.map((targetTask) => targetTask.order)) + 1 : 0;
-        try {
-          await moveTask(taskId, selectedColumnId, targetOrder);
-        } catch (error) {
-          const message = error instanceof Error ? error.message : localization?.errorGeneric ?? t("kanban.common.errorGeneric", "Something went wrong");
-          const partialErrorTemplate = localization?.taskMovePartialError;
-          throw new Error(
-            partialErrorTemplate ? partialErrorTemplate.replaceAll("{{message}}", message) : t(
-              "kanban.forms.taskMovePartialError",
-              "Task properties were saved, but moving to the new column failed: {{message}}. You can try dragging the task to the desired column.",
-              { message }
-            )
-          );
+      return {
+        id: taskId ?? "",
+        data: {
+          title: values.title,
+          description: values.description,
+          priority: values.priority,
+          ...isColumnMove ? { columnId: values.columnId, order: targetOrder } : {},
+          assigneeId: values.assigneeId || null
         }
-      }
-      onSuccess();
-    }
+      };
+    },
+    onSuccess
   });
   const { data: users = [] } = kanbanHooks.useSearchUsers("", boardId);
   const unassigned = localization?.unassigned ?? t("kanban.common.unassigned", "Unassigned");
@@ -110,7 +102,7 @@ function TaskForm({
       label: localization?.priorityUrgent ?? t("kanban.common.priorityUrgent", "Urgent")
     }
   ];
-  const isPending = resourceForm.isSubmitting || isMoving || isDeleting;
+  const isPending = resourceForm.isSubmitting || isDeleting;
   const serverTitleError = firstError(resourceForm.fieldErrors.title);
   const serverDescriptionError = firstError(
     resourceForm.fieldErrors.description
@@ -146,6 +138,42 @@ function TaskForm({
       setIsDeleting(false);
     }
   };
+  const columnSelect = /* @__PURE__ */ jsxRuntime.jsxs(
+    select.Select,
+    {
+      value: selectedColumnId,
+      onValueChange: setSelectedColumnId,
+      disabled: isPending,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { id: "column", "aria-invalid": !!serverColumnError, children: /* @__PURE__ */ jsxRuntime.jsx(
+          select.SelectValue,
+          {
+            placeholder: localization?.selectColumn ?? t("kanban.forms.selectColumn", "Select column")
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: columns.map((column) => {
+          const item = /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: column.id, children: column.title }, column.id);
+          if (isEditing && task?.columnId === column.id) return item;
+          const permission = isEditing ? plugins_kanban_permissions.kanbanPermissions.task.move({
+            boardId,
+            columnId: task?.columnId ?? columnId,
+            targetColumnId: column.id,
+            taskId: task?.id ?? taskId ?? "",
+            ...ownerId ? { ownerId } : {},
+            ...organizationId ? { organizationId } : {},
+            ...task?.assigneeId ? { assigneeId: task.assigneeId } : {},
+            isArchived: task?.isArchived ?? false
+          }) : plugins_kanban_permissions.kanbanPermissions.task.create({
+            boardId,
+            columnId: column.id,
+            ...ownerId ? { ownerId } : {},
+            ...organizationId ? { organizationId } : {}
+          });
+          return /* @__PURE__ */ jsxRuntime.jsx(context.PermissionAccess, { permission, children: item }, column.id);
+        }) })
+      ]
+    }
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4 overflow-x-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(label.Label, { htmlFor: "title", children: [
@@ -192,23 +220,7 @@ function TaskForm({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "column", children: localization?.taskColumn ?? t("kanban.forms.taskColumn", "Column") }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          select.Select,
-          {
-            value: selectedColumnId,
-            onValueChange: setSelectedColumnId,
-            disabled: isPending,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { id: "column", "aria-invalid": !!serverColumnError, children: /* @__PURE__ */ jsxRuntime.jsx(
-                select.SelectValue,
-                {
-                  placeholder: localization?.selectColumn ?? t("kanban.forms.selectColumn", "Select column")
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: column.id, children: column.title }, column.id)) })
-            ]
-          }
-        ),
+        columnSelect,
         serverColumnError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: serverColumnError })
       ] })
     ] }),
@@ -245,7 +257,7 @@ function TaskForm({
     topLevelError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded-md", children: topLevelError }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between pt-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", disabled: isPending, children: resourceForm.isSubmitting || isMoving ? isEditing ? localization?.updating ?? t("kanban.common.updating", "Updating...") : localization?.creating ?? t("kanban.common.creating", "Creating...") : isEditing ? localization?.updateTask ?? t("kanban.forms.updateTask", "Update Task") : localization?.createTask ?? t("kanban.forms.createTask", "Create Task") }),
+        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", disabled: isPending, children: resourceForm.isSubmitting ? isEditing ? localization?.updating ?? t("kanban.common.updating", "Updating...") : localization?.creating ?? t("kanban.common.creating", "Creating...") : isEditing ? localization?.updateTask ?? t("kanban.forms.updateTask", "Update Task") : localization?.createTask ?? t("kanban.forms.createTask", "Create Task") }),
         /* @__PURE__ */ jsxRuntime.jsx(
           button.Button,
           {
@@ -257,12 +269,18 @@ function TaskForm({
           }
         )
       ] }),
-      isEditing && onDelete && taskId && /* @__PURE__ */ jsxRuntime.jsx(
-        context.CanAccess,
+      isEditing && onDelete && taskId && task && /* @__PURE__ */ jsxRuntime.jsx(
+        context.PermissionAccess,
         {
-          resource: "kanban:task",
-          action: "delete",
-          params: { id: taskId, boardId, columnId },
+          permission: plugins_kanban_permissions.kanbanPermissions.task.delete({
+            boardId,
+            columnId: task.columnId,
+            taskId: task.id,
+            ...ownerId ? { ownerId } : {},
+            ...organizationId ? { organizationId } : {},
+            ...task.assigneeId ? { assigneeId: task.assigneeId } : {},
+            isArchived: task.isArchived
+          }),
           children: /* @__PURE__ */ jsxRuntime.jsxs(
             button.Button,
             {

package/dist/packages/stack/src/plugins/kanban/client/components/forms/task-form.mjs

@@ -8,8 +8,10 @@ import { Label } from '../../../../../../../ui/src/components/label.mjs';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../../../../../../ui/src/components/select.mjs';
 import { MinimalTiptapEditor } from '../../../../../../../ui/src/components/minimal-tiptap/minimal-tiptap.mjs';
 import SearchSelect from '../../../../../../../ui/src/components/search-select.mjs';
-import { useTranslate, usePluginOverrides, CanAccess } from '@btst/stack/context';
-import { useTaskMutations, useTaskForm, useSearchUsers } from '../../hooks/kanban-hooks.mjs';
+import { useTranslate, usePluginOverrides, PermissionAccess } from '@btst/stack/context';
+import { useTaskForm, useSearchUsers } from '../../hooks/kanban-hooks.mjs';
+import { kanbanPermissions } from '../../../../../../../../plugins/kanban/permissions.mjs';
+import { KANBAN_PLUGIN_ID } from '../../constants.mjs';
 
 function firstError(error) {
   return Array.isArray(error) ? error[0] : error;
@@ -17,6 +19,8 @@ function firstError(error) {
 function TaskForm({
   columnId,
   boardId,
+  ownerId,
+  organizationId,
   taskId,
   task,
   columns,
@@ -29,9 +33,8 @@ function TaskForm({
     uploadImage,
     imagePicker: imagePickerTrigger,
     localization
-  } = usePluginOverrides("kanban");
+  } = usePluginOverrides(KANBAN_PLUGIN_ID);
   const isEditing = !!taskId;
-  const { moveTask, isMoving } = useTaskMutations();
   const [title, setTitle] = useState(task?.title || "");
   const [description, setDescription] = useState(task?.description || "");
   const [priority, setPriority] = useState(
@@ -53,36 +56,25 @@ function TaskForm({
       columnId: values.columnId,
       assigneeId: values.assigneeId || void 0
     }),
-    toUpdateVars: (values) => ({
-      id: taskId ?? "",
-      data: {
-        title: values.title,
-        description: values.description,
-        priority: values.priority,
-        ...values.columnId === task?.columnId ? { columnId: values.columnId } : {},
-        assigneeId: values.assigneeId || null
+    toUpdateVars: (values) => {
+      const isColumnMove = values.columnId !== task?.columnId;
+      let targetOrder;
+      if (isColumnMove) {
+        const targetTasks = columns.find((column) => column.id === values.columnId)?.tasks ?? [];
+        targetOrder = targetTasks.length > 0 ? Math.max(...targetTasks.map((targetTask) => targetTask.order)) + 1 : 0;
       }
-    }),
-    onSuccess: async () => {
-      if (isEditing && taskId && selectedColumnId !== task?.columnId) {
-        const targetTasks = columns.find((column) => column.id === selectedColumnId)?.tasks ?? [];
-        const targetOrder = targetTasks.length > 0 ? Math.max(...targetTasks.map((targetTask) => targetTask.order)) + 1 : 0;
-        try {
-          await moveTask(taskId, selectedColumnId, targetOrder);
-        } catch (error) {
-          const message = error instanceof Error ? error.message : localization?.errorGeneric ?? t("kanban.common.errorGeneric", "Something went wrong");
-          const partialErrorTemplate = localization?.taskMovePartialError;
-          throw new Error(
-            partialErrorTemplate ? partialErrorTemplate.replaceAll("{{message}}", message) : t(
-              "kanban.forms.taskMovePartialError",
-              "Task properties were saved, but moving to the new column failed: {{message}}. You can try dragging the task to the desired column.",
-              { message }
-            )
-          );
+      return {
+        id: taskId ?? "",
+        data: {
+          title: values.title,
+          description: values.description,
+          priority: values.priority,
+          ...isColumnMove ? { columnId: values.columnId, order: targetOrder } : {},
+          assigneeId: values.assigneeId || null
         }
-      }
-      onSuccess();
-    }
+      };
+    },
+    onSuccess
   });
   const { data: users = [] } = useSearchUsers("", boardId);
   const unassigned = localization?.unassigned ?? t("kanban.common.unassigned", "Unassigned");
@@ -108,7 +100,7 @@ function TaskForm({
       label: localization?.priorityUrgent ?? t("kanban.common.priorityUrgent", "Urgent")
     }
   ];
-  const isPending = resourceForm.isSubmitting || isMoving || isDeleting;
+  const isPending = resourceForm.isSubmitting || isDeleting;
   const serverTitleError = firstError(resourceForm.fieldErrors.title);
   const serverDescriptionError = firstError(
     resourceForm.fieldErrors.description
@@ -144,6 +136,42 @@ function TaskForm({
       setIsDeleting(false);
     }
   };
+  const columnSelect = /* @__PURE__ */ jsxs(
+    Select,
+    {
+      value: selectedColumnId,
+      onValueChange: setSelectedColumnId,
+      disabled: isPending,
+      children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { id: "column", "aria-invalid": !!serverColumnError, children: /* @__PURE__ */ jsx(
+          SelectValue,
+          {
+            placeholder: localization?.selectColumn ?? t("kanban.forms.selectColumn", "Select column")
+          }
+        ) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: columns.map((column) => {
+          const item = /* @__PURE__ */ jsx(SelectItem, { value: column.id, children: column.title }, column.id);
+          if (isEditing && task?.columnId === column.id) return item;
+          const permission = isEditing ? kanbanPermissions.task.move({
+            boardId,
+            columnId: task?.columnId ?? columnId,
+            targetColumnId: column.id,
+            taskId: task?.id ?? taskId ?? "",
+            ...ownerId ? { ownerId } : {},
+            ...organizationId ? { organizationId } : {},
+            ...task?.assigneeId ? { assigneeId: task.assigneeId } : {},
+            isArchived: task?.isArchived ?? false
+          }) : kanbanPermissions.task.create({
+            boardId,
+            columnId: column.id,
+            ...ownerId ? { ownerId } : {},
+            ...organizationId ? { organizationId } : {}
+          });
+          return /* @__PURE__ */ jsx(PermissionAccess, { permission, children: item }, column.id);
+        }) })
+      ]
+    }
+  );
   return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4 overflow-x-hidden", children: [
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs(Label, { htmlFor: "title", children: [
@@ -190,23 +218,7 @@ function TaskForm({
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx(Label, { htmlFor: "column", children: localization?.taskColumn ?? t("kanban.forms.taskColumn", "Column") }),
-        /* @__PURE__ */ jsxs(
-          Select,
-          {
-            value: selectedColumnId,
-            onValueChange: setSelectedColumnId,
-            disabled: isPending,
-            children: [
-              /* @__PURE__ */ jsx(SelectTrigger, { id: "column", "aria-invalid": !!serverColumnError, children: /* @__PURE__ */ jsx(
-                SelectValue,
-                {
-                  placeholder: localization?.selectColumn ?? t("kanban.forms.selectColumn", "Select column")
-                }
-              ) }),
-              /* @__PURE__ */ jsx(SelectContent, { children: columns.map((column) => /* @__PURE__ */ jsx(SelectItem, { value: column.id, children: column.title }, column.id)) })
-            ]
-          }
-        ),
+        columnSelect,
         serverColumnError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: serverColumnError })
       ] })
     ] }),
@@ -243,7 +255,7 @@ function TaskForm({
     topLevelError && /* @__PURE__ */ jsx("div", { className: "p-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded-md", children: topLevelError }),
     /* @__PURE__ */ jsxs("div", { className: "flex justify-between pt-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isPending, children: resourceForm.isSubmitting || isMoving ? isEditing ? localization?.updating ?? t("kanban.common.updating", "Updating...") : localization?.creating ?? t("kanban.common.creating", "Creating...") : isEditing ? localization?.updateTask ?? t("kanban.forms.updateTask", "Update Task") : localization?.createTask ?? t("kanban.forms.createTask", "Create Task") }),
+        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isPending, children: resourceForm.isSubmitting ? isEditing ? localization?.updating ?? t("kanban.common.updating", "Updating...") : localization?.creating ?? t("kanban.common.creating", "Creating...") : isEditing ? localization?.updateTask ?? t("kanban.forms.updateTask", "Update Task") : localization?.createTask ?? t("kanban.forms.createTask", "Create Task") }),
         /* @__PURE__ */ jsx(
           Button,
           {
@@ -255,12 +267,18 @@ function TaskForm({
           }
         )
       ] }),
-      isEditing && onDelete && taskId && /* @__PURE__ */ jsx(
-        CanAccess,
+      isEditing && onDelete && taskId && task && /* @__PURE__ */ jsx(
+        PermissionAccess,
         {
-          resource: "kanban:task",
-          action: "delete",
-          params: { id: taskId, boardId, columnId },
+          permission: kanbanPermissions.task.delete({
+            boardId,
+            columnId: task.columnId,
+            taskId: task.id,
+            ...ownerId ? { ownerId } : {},
+            ...organizationId ? { organizationId } : {},
+            ...task.assigneeId ? { assigneeId: task.assigneeId } : {},
+            isArchived: task.isArchived
+          }),
           children: /* @__PURE__ */ jsxs(
             Button,
             {

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

@@ -4,14 +4,12 @@
 const jsxRuntime = require('react/jsx-runtime');
 const button = require('../../../../../../../ui/src/components/button.cjs');
 const context = require('@btst/stack/context');
+const constants = require('../../constants.cjs');
 
 function NotFoundPage() {
   const t = context.useTranslate();
-  const { localization } = context.usePluginOverrides("kanban");
-  const { router } = context.useStack();
-  const navigate = router?.navigate || ((path) => {
-    window.location.href = path;
-  });
+  const { localization } = context.usePluginOverrides(constants.KANBAN_PLUGIN_ID);
+  const { navigate } = context.usePluginSiteNavigation(constants.KANBAN_PLUGIN_ID);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -23,7 +21,7 @@ function NotFoundPage() {
           "kanban.common.pageNotFoundDescription",
           "The page you're looking for doesn't exist."
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: () => navigate("/pages/kanban"), children: localization?.backToBoards ?? t("kanban.common.backToBoards", "Back to Boards") })
+        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: () => navigate("kanban"), children: localization?.backToBoards ?? t("kanban.common.backToBoards", "Back to Boards") })
       ]
     }
   );

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

@@ -1,15 +1,13 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Button } from '../../../../../../../ui/src/components/button.mjs';
-import { useTranslate, usePluginOverrides, useStack } from '@btst/stack/context';
+import { useTranslate, usePluginOverrides, usePluginSiteNavigation } from '@btst/stack/context';
+import { KANBAN_PLUGIN_ID } from '../../constants.mjs';
 
 function NotFoundPage() {
   const t = useTranslate();
-  const { localization } = usePluginOverrides("kanban");
-  const { router } = useStack();
-  const navigate = router?.navigate || ((path) => {
-    window.location.href = path;
-  });
+  const { localization } = usePluginOverrides(KANBAN_PLUGIN_ID);
+  const { navigate } = usePluginSiteNavigation(KANBAN_PLUGIN_ID);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -21,7 +19,7 @@ function NotFoundPage() {
           "kanban.common.pageNotFoundDescription",
           "The page you're looking for doesn't exist."
         ) }),
-        /* @__PURE__ */ jsx(Button, { onClick: () => navigate("/pages/kanban"), children: localization?.backToBoards ?? t("kanban.common.backToBoards", "Back to Boards") })
+        /* @__PURE__ */ jsx(Button, { onClick: () => navigate("kanban"), children: localization?.backToBoards ?? t("kanban.common.backToBoards", "Back to Boards") })
       ]
     }
   );

package/dist/packages/stack/src/plugins/kanban/client/components/pages/board-page.cjs

@@ -7,6 +7,8 @@ const components = require('@btst/stack/client/components');
 const defaultError = require('../shared/default-error.cjs');
 const boardSkeleton = require('../loading/board-skeleton.cjs');
 const _404Page = require('./404-page.cjs');
+const kanbanHooks = require('../../hooks/kanban-hooks.cjs');
+const plugins_kanban_permissions = require('../../../../../../../../plugins/kanban/permissions.cjs');
 
 const BoardPage = React.lazy(
   () => import('./board-page.internal.cjs').then((m) => ({
@@ -18,12 +20,7 @@ function BoardPageComponent({ boardId }) {
     components.ComposedRoute,
     {
       path: `/kanban/${boardId}`,
-      permission: {
-        resource: "kanban:board",
-        action: "read",
-        params: { id: boardId }
-      },
-      PageComponent: BoardPage,
+      PageComponent: AuthorizedBoardPage,
       ErrorComponent: defaultError.DefaultError,
       LoadingComponent: boardSkeleton.BoardSkeleton,
       NotFoundComponent: _404Page.NotFoundPage,
@@ -32,5 +29,24 @@ function BoardPageComponent({ boardId }) {
     }
   );
 }
+function AuthorizedBoardPage({ boardId }) {
+  const { data: board, error, isFetching } = kanbanHooks.useSuspenseBoard(boardId);
+  if (error && !isFetching) throw error;
+  if (!board) return /* @__PURE__ */ jsxRuntime.jsx(_404Page.NotFoundPage, {});
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.PermissionRouteAccess,
+    {
+      permission: plugins_kanban_permissions.kanbanPermissions.board.read({
+        scope: "record",
+        boardId: board.id,
+        ...board.ownerId ? { ownerId: board.ownerId } : {},
+        ...board.organizationId ? { organizationId: board.organizationId } : {},
+        exists: true
+      }),
+      LoadingComponent: boardSkeleton.BoardSkeleton,
+      children: /* @__PURE__ */ jsxRuntime.jsx(BoardPage, { boardId })
+    }
+  );
+}
 
 exports.BoardPageComponent = BoardPageComponent;