@btst/stack 2.12.2 → 3.0.0-rc.2

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

@@ -9,11 +9,13 @@ const boardForm = require('../forms/board-form.cjs');
 const pageWrapper = require('../shared/page-wrapper.cjs');
 
 function NewBoardPage() {
-  const { Link: OverrideLink, navigate: overrideNavigate } = context.usePluginOverrides("kanban");
-  const navigate = overrideNavigate || ((path) => {
+  const t = context.useTranslate();
+  const { localization } = context.usePluginOverrides("kanban");
+  const { router } = context.useStack();
+  const navigate = router?.navigate || ((path) => {
     window.location.href = path;
   });
-  const Link = OverrideLink || "a";
+  const Link = router?.Link ?? "a";
   const handleSuccess = (boardId) => {
     navigate(`/pages/kanban/${boardId}`);
   };
@@ -28,14 +30,20 @@ function NewBoardPage() {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold", "data-testid": "page-header", children: "Create New Board" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-1", children: "Set up a new kanban board for your project" })
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold", "data-testid": "page-header", children: localization?.createNewBoard ?? t("kanban.list.createNewBoard", "Create New Board") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-1", children: localization?.createNewBoardDescription ?? t(
+          "kanban.list.createNewBoardDescription",
+          "Set up a new kanban board for your project"
+        ) })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(card.Card, { className: "max-w-2xl", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(card.CardTitle, { children: "Board Details" }),
-        /* @__PURE__ */ jsxRuntime.jsx(card.CardDescription, { children: "Enter the details for your new kanban board." })
+        /* @__PURE__ */ jsxRuntime.jsx(card.CardTitle, { children: localization?.boardDetails ?? t("kanban.list.boardDetails", "Board Details") }),
+        /* @__PURE__ */ jsxRuntime.jsx(card.CardDescription, { children: localization?.boardDetailsDescription ?? t(
+          "kanban.list.boardDetailsDescription",
+          "Enter the details for your new kanban board."
+        ) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(card.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
         boardForm.BoardForm,

package/dist/packages/stack/src/plugins/kanban/client/components/pages/new-board-page.internal.mjs

@@ -2,16 +2,18 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ArrowLeft } from 'lucide-react';
 import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '../../../../../../../ui/src/components/card.mjs';
-import { usePluginOverrides } from '@btst/stack/context';
+import { useTranslate, usePluginOverrides, useStack } from '@btst/stack/context';
 import { BoardForm } from '../forms/board-form.mjs';
 import { PageWrapper } from '../shared/page-wrapper.mjs';
 
 function NewBoardPage() {
-  const { Link: OverrideLink, navigate: overrideNavigate } = usePluginOverrides("kanban");
-  const navigate = overrideNavigate || ((path) => {
+  const t = useTranslate();
+  const { localization } = usePluginOverrides("kanban");
+  const { router } = useStack();
+  const navigate = router?.navigate || ((path) => {
     window.location.href = path;
   });
-  const Link = OverrideLink || "a";
+  const Link = router?.Link ?? "a";
   const handleSuccess = (boardId) => {
     navigate(`/pages/kanban/${boardId}`);
   };
@@ -26,14 +28,20 @@ function NewBoardPage() {
         }
       ),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold", "data-testid": "page-header", children: "Create New Board" }),
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: "Set up a new kanban board for your project" })
+        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold", "data-testid": "page-header", children: localization?.createNewBoard ?? t("kanban.list.createNewBoard", "Create New Board") }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: localization?.createNewBoardDescription ?? t(
+          "kanban.list.createNewBoardDescription",
+          "Set up a new kanban board for your project"
+        ) })
       ] })
     ] }),
     /* @__PURE__ */ jsxs(Card, { className: "max-w-2xl", children: [
       /* @__PURE__ */ jsxs(CardHeader, { children: [
-        /* @__PURE__ */ jsx(CardTitle, { children: "Board Details" }),
-        /* @__PURE__ */ jsx(CardDescription, { children: "Enter the details for your new kanban board." })
+        /* @__PURE__ */ jsx(CardTitle, { children: localization?.boardDetails ?? t("kanban.list.boardDetails", "Board Details") }),
+        /* @__PURE__ */ jsx(CardDescription, { children: localization?.boardDetailsDescription ?? t(
+          "kanban.list.boardDetailsDescription",
+          "Enter the details for your new kanban board."
+        ) })
       ] }),
       /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
         BoardForm,

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

@@ -16,6 +16,7 @@ function NewBoardPageComponent() {
     ComposedRoute,
     {
       path: "/kanban/new",
+      permission: { resource: "kanban:board", action: "create" },
       PageComponent: NewBoardPage,
       ErrorComponent: DefaultError,
       LoadingComponent: BoardsListSkeleton,

package/dist/packages/stack/src/plugins/kanban/client/components/shared/column-content.cjs

@@ -7,44 +7,69 @@ const LucideIcons = require('lucide-react');
 const button = require('../../../../../../../ui/src/components/button.cjs');
 const badge = require('../../../../../../../ui/src/components/badge.cjs');
 const kanban = require('../../../../../../../ui/src/components/kanban.cjs');
+const context = require('@btst/stack/context');
 const dropdownMenu = require('../../../../../../../ui/src/components/dropdown-menu.cjs');
 const taskCard = require('./task-card.cjs');
 
 function ColumnContentComponent({
+  boardId,
   column,
+  canMoveColumn,
+  canMoveTasks,
   onAddTask,
   onEditTask,
   onEditColumn,
   onDeleteColumn
 }) {
+  const t = context.useTranslate();
+  const { localization } = context.usePluginOverrides("kanban");
   const hasTasks = column.tasks && column.tasks.length > 0;
+  const { can: canUpdateColumn, isPending: isCheckingUpdateColumn } = context.useCan({
+    resource: "kanban:column",
+    action: "update",
+    params: { id: column.id, boardId }
+  });
+  const { can: canCreateTask, isPending: isCheckingCreateTask } = context.useCan({
+    resource: "kanban:task",
+    action: "create",
+    params: { boardId, columnId: column.id }
+  });
+  const { can: canDeleteColumn, isPending: isCheckingDeleteColumn } = context.useCan({
+    resource: "kanban:column",
+    action: "delete",
+    params: { id: column.id, boardId }
+  });
+  const showUpdateColumn = !isCheckingUpdateColumn && canUpdateColumn;
+  const showCreateTask = !isCheckingCreateTask && canCreateTask;
+  const showDeleteColumn = !isCheckingDeleteColumn && canDeleteColumn;
+  const hasColumnActions = showUpdateColumn || showCreateTask || showDeleteColumn;
   return /* @__PURE__ */ jsxRuntime.jsxs(kanban.KanbanColumn, { value: column.id, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(kanban.KanbanColumnHandle, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.GripVertical, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(kanban.KanbanColumnHandle, { asChild: true, disabled: !canMoveColumn, children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.GripVertical, { className: "h-4 w-4" }) }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-lg line-clamp-1 flex-1 text-left", children: column.title }),
         /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "outline", className: "pointer-events-none rounded-sm", children: column.tasks?.length || 0 })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
+      hasColumnActions && /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.MoreVertical, { className: "h-4 w-4" }) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuContent, { align: "end", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { onClick: onEditColumn, children: [
+          showUpdateColumn && /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { onClick: onEditColumn, children: [
             /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Pencil, { className: "mr-2 h-4 w-4" }),
-            "Edit Column"
+            localization?.editColumn ?? t("kanban.list.editColumn", "Edit Column")
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { onClick: onAddTask, children: [
+          showCreateTask && /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { onClick: onAddTask, children: [
             /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Plus, { className: "mr-2 h-4 w-4" }),
-            "Add Task"
+            localization?.addTask ?? t("kanban.list.addTask", "Add Task")
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsxRuntime.jsxs(
+          showDeleteColumn && (showUpdateColumn || showCreateTask) && /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuSeparator, {}),
+          showDeleteColumn && /* @__PURE__ */ jsxRuntime.jsxs(
             dropdownMenu.DropdownMenuItem,
             {
               onClick: onDeleteColumn,
               className: "text-red-600 focus:text-red-600",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "mr-2 h-4 w-4" }),
-                "Delete Column"
+                localization?.deleteColumn ?? t("kanban.forms.deleteColumn", "Delete Column")
               ]
             }
           )
@@ -54,20 +79,34 @@ function ColumnContentComponent({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-0.5 space-y-2", children: hasTasks ? column.tasks.map((task) => /* @__PURE__ */ jsxRuntime.jsx(
       taskCard.TaskCard,
       {
+        boardId,
+        columnId: column.id,
         task,
+        canMove: canMoveTasks,
         onClick: () => onEditTask(task.id)
       },
       task.id
     )) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-1 md:py-8 text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-muted p-4 mb-3 hidden md:block", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Plus, { className: "h-5 w-5 text-muted-foreground" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 mb-2 md:space-y-2 md:mb-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "No tasks yet" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Add a task to get started" })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: localization?.noTasks ?? t("kanban.common.noTasks", "No tasks yet") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: localization?.noTasksDescription ?? t(
+          "kanban.list.noTasksDescription",
+          "Add a task to get started"
+        ) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { onClick: onAddTask, size: "sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Plus, { className: "mr-2 h-4 w-4" }),
-        "Add Task"
-      ] })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        context.CanAccess,
+        {
+          resource: "kanban:task",
+          action: "create",
+          params: { boardId, columnId: column.id },
+          children: /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { onClick: onAddTask, size: "sm", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Plus, { className: "mr-2 h-4 w-4" }),
+            localization?.addTask ?? t("kanban.list.addTask", "Add Task")
+          ] })
+        }
+      )
     ] }) })
   ] }, column.id);
 }

package/dist/packages/stack/src/plugins/kanban/client/components/shared/column-content.mjs

@@ -5,44 +5,69 @@ import { GripVertical, MoreVertical, Pencil, Plus, Trash2 } from 'lucide-react';
 import { Button } from '../../../../../../../ui/src/components/button.mjs';
 import { Badge } from '../../../../../../../ui/src/components/badge.mjs';
 import { KanbanColumn, KanbanColumnHandle } from '../../../../../../../ui/src/components/kanban.mjs';
+import { useTranslate, usePluginOverrides, useCan, CanAccess } from '@btst/stack/context';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from '../../../../../../../ui/src/components/dropdown-menu.mjs';
 import { TaskCard } from './task-card.mjs';
 
 function ColumnContentComponent({
+  boardId,
   column,
+  canMoveColumn,
+  canMoveTasks,
   onAddTask,
   onEditTask,
   onEditColumn,
   onDeleteColumn
 }) {
+  const t = useTranslate();
+  const { localization } = usePluginOverrides("kanban");
   const hasTasks = column.tasks && column.tasks.length > 0;
+  const { can: canUpdateColumn, isPending: isCheckingUpdateColumn } = useCan({
+    resource: "kanban:column",
+    action: "update",
+    params: { id: column.id, boardId }
+  });
+  const { can: canCreateTask, isPending: isCheckingCreateTask } = useCan({
+    resource: "kanban:task",
+    action: "create",
+    params: { boardId, columnId: column.id }
+  });
+  const { can: canDeleteColumn, isPending: isCheckingDeleteColumn } = useCan({
+    resource: "kanban:column",
+    action: "delete",
+    params: { id: column.id, boardId }
+  });
+  const showUpdateColumn = !isCheckingUpdateColumn && canUpdateColumn;
+  const showCreateTask = !isCheckingCreateTask && canCreateTask;
+  const showDeleteColumn = !isCheckingDeleteColumn && canDeleteColumn;
+  const hasColumnActions = showUpdateColumn || showCreateTask || showDeleteColumn;
   return /* @__PURE__ */ jsxs(KanbanColumn, { value: column.id, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ jsx(KanbanColumnHandle, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx(KanbanColumnHandle, { asChild: true, disabled: !canMoveColumn, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4" }) }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
         /* @__PURE__ */ jsx("span", { className: "font-bold text-lg line-clamp-1 flex-1 text-left", children: column.title }),
         /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "pointer-events-none rounded-sm", children: column.tasks?.length || 0 })
       ] }),
-      /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      hasColumnActions && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
         /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" }) }) }),
         /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
-          /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: onEditColumn, children: [
+          showUpdateColumn && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: onEditColumn, children: [
             /* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-4 w-4" }),
-            "Edit Column"
+            localization?.editColumn ?? t("kanban.list.editColumn", "Edit Column")
           ] }),
-          /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: onAddTask, children: [
+          showCreateTask && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: onAddTask, children: [
             /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
-            "Add Task"
+            localization?.addTask ?? t("kanban.list.addTask", "Add Task")
           ] }),
-          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsxs(
+          showDeleteColumn && (showUpdateColumn || showCreateTask) && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          showDeleteColumn && /* @__PURE__ */ jsxs(
             DropdownMenuItem,
             {
               onClick: onDeleteColumn,
               className: "text-red-600 focus:text-red-600",
               children: [
                 /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
-                "Delete Column"
+                localization?.deleteColumn ?? t("kanban.forms.deleteColumn", "Delete Column")
               ]
             }
           )
@@ -52,20 +77,34 @@ function ColumnContentComponent({
     /* @__PURE__ */ jsx("div", { className: "p-0.5 space-y-2", children: hasTasks ? column.tasks.map((task) => /* @__PURE__ */ jsx(
       TaskCard,
       {
+        boardId,
+        columnId: column.id,
         task,
+        canMove: canMoveTasks,
         onClick: () => onEditTask(task.id)
       },
       task.id
     )) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-1 md:py-8 text-center", children: [
       /* @__PURE__ */ jsx("div", { className: "rounded-full bg-muted p-4 mb-3 hidden md:block", children: /* @__PURE__ */ jsx(Plus, { className: "h-5 w-5 text-muted-foreground" }) }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-1 mb-2 md:space-y-2 md:mb-4", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No tasks yet" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Add a task to get started" })
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: localization?.noTasks ?? t("kanban.common.noTasks", "No tasks yet") }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: localization?.noTasksDescription ?? t(
+          "kanban.list.noTasksDescription",
+          "Add a task to get started"
+        ) })
       ] }),
-      /* @__PURE__ */ jsxs(Button, { onClick: onAddTask, size: "sm", children: [
-        /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
-        "Add Task"
-      ] })
+      /* @__PURE__ */ jsx(
+        CanAccess,
+        {
+          resource: "kanban:task",
+          action: "create",
+          params: { boardId, columnId: column.id },
+          children: /* @__PURE__ */ jsxs(Button, { onClick: onAddTask, size: "sm", children: [
+            /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
+            localization?.addTask ?? t("kanban.list.addTask", "Add Task")
+          ] })
+        }
+      )
     ] }) })
   ] }, column.id);
 }

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

@@ -4,8 +4,11 @@
 const jsxRuntime = require('react/jsx-runtime');
 const LucideIcons = require('lucide-react');
 const button = require('../../../../../../../ui/src/components/button.cjs');
+const context = require('@btst/stack/context');
 
 function DefaultError({ error, reset }) {
+  const t = context.useTranslate();
+  const { localization } = context.usePluginOverrides("kanban");
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -13,11 +16,14 @@ function DefaultError({ error, reset }) {
       "data-testid": "error-placeholder",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-destructive/10 p-6 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold mb-2", children: "Something went wrong" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred. Please try again." }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold mb-2", children: localization?.errorGeneric ?? t("kanban.common.errorGeneric", "Something went wrong") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: (error instanceof Error ? error.message : void 0) || (localization?.unexpectedError ?? t(
+          "kanban.common.unexpectedError",
+          "An unexpected error occurred. Please try again."
+        )) }),
         reset && /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { onClick: reset, variant: "outline", children: [
           /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.RefreshCw, { className: "mr-2 h-4 w-4" }),
-          "Try Again"
+          localization?.tryAgain ?? t("kanban.common.tryAgain", "Try Again")
         ] })
       ]
     }

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

@@ -2,8 +2,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { AlertCircle, RefreshCw } from 'lucide-react';
 import { Button } from '../../../../../../../ui/src/components/button.mjs';
+import { useTranslate, usePluginOverrides } from '@btst/stack/context';
 
 function DefaultError({ error, reset }) {
+  const t = useTranslate();
+  const { localization } = usePluginOverrides("kanban");
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -11,11 +14,14 @@ function DefaultError({ error, reset }) {
       "data-testid": "error-placeholder",
       children: [
         /* @__PURE__ */ jsx("div", { className: "rounded-full bg-destructive/10 p-6 mb-4", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
-        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Something went wrong" }),
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred. Please try again." }),
+        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: localization?.errorGeneric ?? t("kanban.common.errorGeneric", "Something went wrong") }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: (error instanceof Error ? error.message : void 0) || (localization?.unexpectedError ?? t(
+          "kanban.common.unexpectedError",
+          "An unexpected error occurred. Please try again."
+        )) }),
         reset && /* @__PURE__ */ jsxs(Button, { onClick: reset, variant: "outline", children: [
           /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 h-4 w-4" }),
-          "Try Again"
+          localization?.tryAgain ?? t("kanban.common.tryAgain", "Try Again")
         ] })
       ]
     }

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

@@ -8,8 +8,11 @@ const utils = require('../../../../../../../ui/src/lib/utils.cjs');
 const columnContent = require('./column-content.cjs');
 
 function KanbanBoardComponent({
+  boardId,
   columns,
   kanbanState,
+  canMoveColumns,
+  canMoveTasks,
   onKanbanChange,
   onAddTask,
   onEditTask,
@@ -58,7 +61,10 @@ function KanbanBoardComponent({
             children: orderedColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
               columnContent.ColumnContent,
               {
+                boardId,
                 column,
+                canMoveColumn: canMoveColumns,
+                canMoveTasks,
                 onAddTask: () => onAddTask(column.id),
                 onEditTask: (taskId) => onEditTask(column.id, taskId),
                 onEditColumn: () => onEditColumn(column.id),

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

@@ -6,8 +6,11 @@ import { cn } from '../../../../../../../ui/src/lib/utils.mjs';
 import { ColumnContent } from './column-content.mjs';
 
 function KanbanBoardComponent({
+  boardId,
   columns,
   kanbanState,
+  canMoveColumns,
+  canMoveTasks,
   onKanbanChange,
   onAddTask,
   onEditTask,
@@ -56,7 +59,10 @@ function KanbanBoardComponent({
             children: orderedColumns.map((column) => /* @__PURE__ */ jsx(
               ColumnContent,
               {
+                boardId,
                 column,
+                canMoveColumn: canMoveColumns,
+                canMoveTasks,
                 onAddTask: () => onAddTask(column.id),
                 onEditTask: (taskId) => onEditTask(column.id, taskId),
                 onEditColumn: () => onEditColumn(column.id),

package/dist/packages/stack/src/plugins/kanban/client/components/shared/task-card.cjs

@@ -11,18 +11,39 @@ const dateFns = require('date-fns');
 const utils = require('../../../utils.cjs');
 const kanbanHooks = require('../../hooks/kanban-hooks.cjs');
 const userAvatar = require('./user-avatar.cjs');
+const context = require('@btst/stack/context');
 
-function TaskCardComponent({ task, onClick }) {
+function TaskCardComponent({
+  boardId,
+  columnId,
+  task,
+  canMove,
+  onClick
+}) {
+  const t = context.useTranslate();
+  const { localization } = context.usePluginOverrides("kanban");
+  const { can: canEdit, isPending: isCheckingEdit } = context.useCan({
+    resource: "kanban:task",
+    action: "update",
+    params: { id: task.id, boardId, columnId }
+  });
   const priorityConfig = utils.getPriorityConfig(task.priority);
   const { data: assignee } = kanbanHooks.useResolveUser(task.assigneeId);
+  const priorityLabels = {
+    LOW: localization?.priorityLow ?? t("kanban.common.priorityLow", "Low"),
+    MEDIUM: localization?.priorityMedium ?? t("kanban.common.priorityMedium", "Medium"),
+    HIGH: localization?.priorityHigh ?? t("kanban.common.priorityHigh", "High"),
+    URGENT: localization?.priorityUrgent ?? t("kanban.common.priorityUrgent", "Urgent")
+  };
+  const editable = !isCheckingEdit && canEdit;
   return /* @__PURE__ */ jsxRuntime.jsx(kanban.KanbanItem, { value: task.id, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: "rounded-md border bg-card p-3 shadow-xs cursor-pointer hover:shadow-md transition-shadow",
-      onClick,
+      className: `rounded-md border bg-card p-3 shadow-xs transition-shadow ${editable ? "cursor-pointer hover:shadow-md" : "cursor-default"}`,
+      onClick: editable ? onClick : void 0,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(kanban.KanbanItemHandle, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(kanban.KanbanItemHandle, { asChild: true, disabled: !canMove, children: /* @__PURE__ */ jsxRuntime.jsx(
             button.Button,
             {
               variant: "ghost",
@@ -35,7 +56,7 @@ function TaskCardComponent({ task, onClick }) {
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: "line-clamp-1 font-medium text-base flex-1 text-left cursor-pointer hover:text-primary",
+              className: `line-clamp-1 font-medium text-base flex-1 text-left ${editable ? "cursor-pointer hover:text-primary" : "cursor-default"}`,
               title: task.title,
               children: task.title
             }
@@ -45,17 +66,17 @@ function TaskCardComponent({ task, onClick }) {
             {
               variant: priorityConfig.variant,
               className: `pointer-events-none h-5 rounded-sm px-1.5 text-[11px] capitalize ${priorityConfig.className}`,
-              children: priorityConfig.label
+              children: priorityLabels[task.priority] ?? priorityConfig.label
             }
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-muted-foreground text-xs", children: [
           task.assigneeId ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx(userAvatar.UserAvatar, { user: assignee ?? null, size: "sm" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1", children: assignee?.name || "Assigned" })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1", children: assignee?.name || (localization?.assigned ?? t("kanban.common.assigned", "Assigned")) })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx(userAvatar.UserAvatar, { user: null, size: "sm" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1", children: "Unassigned" })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1", children: localization?.unassigned ?? t("kanban.common.unassigned", "Unassigned") })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("time", { className: "tabular-nums", children: dateFns.format(new Date(task.createdAt), "MMM d") })
         ] })

package/dist/packages/stack/src/plugins/kanban/client/components/shared/task-card.mjs

@@ -9,18 +9,39 @@ import { format } from 'date-fns';
 import { getPriorityConfig } from '../../../utils.mjs';
 import { useResolveUser } from '../../hooks/kanban-hooks.mjs';
 import { UserAvatar } from './user-avatar.mjs';
+import { useTranslate, usePluginOverrides, useCan } from '@btst/stack/context';
 
-function TaskCardComponent({ task, onClick }) {
+function TaskCardComponent({
+  boardId,
+  columnId,
+  task,
+  canMove,
+  onClick
+}) {
+  const t = useTranslate();
+  const { localization } = usePluginOverrides("kanban");
+  const { can: canEdit, isPending: isCheckingEdit } = useCan({
+    resource: "kanban:task",
+    action: "update",
+    params: { id: task.id, boardId, columnId }
+  });
   const priorityConfig = getPriorityConfig(task.priority);
   const { data: assignee } = useResolveUser(task.assigneeId);
+  const priorityLabels = {
+    LOW: localization?.priorityLow ?? t("kanban.common.priorityLow", "Low"),
+    MEDIUM: localization?.priorityMedium ?? t("kanban.common.priorityMedium", "Medium"),
+    HIGH: localization?.priorityHigh ?? t("kanban.common.priorityHigh", "High"),
+    URGENT: localization?.priorityUrgent ?? t("kanban.common.priorityUrgent", "Urgent")
+  };
+  const editable = !isCheckingEdit && canEdit;
   return /* @__PURE__ */ jsx(KanbanItem, { value: task.id, asChild: true, children: /* @__PURE__ */ jsx(
     "div",
     {
-      className: "rounded-md border bg-card p-3 shadow-xs cursor-pointer hover:shadow-md transition-shadow",
-      onClick,
+      className: `rounded-md border bg-card p-3 shadow-xs transition-shadow ${editable ? "cursor-pointer hover:shadow-md" : "cursor-default"}`,
+      onClick: editable ? onClick : void 0,
       children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(KanbanItemHandle, { asChild: true, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(KanbanItemHandle, { asChild: true, disabled: !canMove, children: /* @__PURE__ */ jsx(
             Button,
             {
               variant: "ghost",
@@ -33,7 +54,7 @@ function TaskCardComponent({ task, onClick }) {
           /* @__PURE__ */ jsx(
             "span",
             {
-              className: "line-clamp-1 font-medium text-base flex-1 text-left cursor-pointer hover:text-primary",
+              className: `line-clamp-1 font-medium text-base flex-1 text-left ${editable ? "cursor-pointer hover:text-primary" : "cursor-default"}`,
               title: task.title,
               children: task.title
             }
@@ -43,17 +64,17 @@ function TaskCardComponent({ task, onClick }) {
             {
               variant: priorityConfig.variant,
               className: `pointer-events-none h-5 rounded-sm px-1.5 text-[11px] capitalize ${priorityConfig.className}`,
-              children: priorityConfig.label
+              children: priorityLabels[task.priority] ?? priorityConfig.label
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-muted-foreground text-xs", children: [
           task.assigneeId ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ jsx(UserAvatar, { user: assignee ?? null, size: "sm" }),
-            /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: assignee?.name || "Assigned" })
+            /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: assignee?.name || (localization?.assigned ?? t("kanban.common.assigned", "Assigned")) })
           ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ jsx(UserAvatar, { user: null, size: "sm" }),
-            /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: "Unassigned" })
+            /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: localization?.unassigned ?? t("kanban.common.unassigned", "Unassigned") })
           ] }),
           /* @__PURE__ */ jsx("time", { className: "tabular-nums", children: format(new Date(task.createdAt), "MMM d") })
         ] })

package/dist/packages/stack/src/plugins/kanban/client/components/shared/user-avatar.cjs

@@ -5,6 +5,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const LucideIcons = require('lucide-react');
 const avatar = require('../../../../../../../ui/src/components/avatar.cjs');
+const context = require('@btst/stack/context');
 
 function getInitials(name) {
   const parts = name.trim().split(/\s+/);
@@ -18,8 +19,18 @@ function UserAvatarComponent({
   size = "sm",
   className
 }) {
+  const t = context.useTranslate();
+  const { localization } = context.usePluginOverrides("kanban");
   if (!user) {
-    return /* @__PURE__ */ jsxRuntime.jsx(avatar.Avatar, { size, className, title: "Unassigned", children: /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.User, { className: "size-3 group-data-[size=default]/avatar:size-4 group-data-[size=lg]/avatar:size-5" }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      avatar.Avatar,
+      {
+        size,
+        className,
+        title: localization?.unassigned ?? t("kanban.common.unassigned", "Unassigned"),
+        children: /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.User, { className: "size-3 group-data-[size=default]/avatar:size-4 group-data-[size=lg]/avatar:size-5" }) })
+      }
+    );
   }
   const initials = getInitials(user.name);
   return /* @__PURE__ */ jsxRuntime.jsxs(avatar.Avatar, { size, className, title: user.name, children: [