Enhance actions with list_toolbar, visible/disabled expressions, bulkEnabled, and add msw-todo actions

- Add list_toolbar location + bulkEnabled to todo, CRM (account, contact, opportunity), and kitchen-sink actions
- Add visible conditional expressions to opportunity (stage-gated), contact (type-gated), todo (status/completion-gated), showcase (status-gated)
- Add 3 actions to msw-todo example (task_complete, task_reopen, task_delete) with batch + visible support
- All 13/14 objects now have actions (kitchen_sink excluded as field-types demo)

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

examples/crm/src/actions/account.actions.ts

@@ -17,7 +17,8 @@ export const AccountActions = [
     label: 'Assign Owner',
     icon: 'user-plus',
     type: 'api' as const,
-    locations: ['record_header' as const, 'list_item' as const],
+    locations: ['record_header' as const, 'list_item' as const, 'list_toolbar' as const],
+    bulkEnabled: true,
     params: [
       { name: 'owner_id', label: 'New Owner', type: 'lookup' as const, required: true },
     ],

examples/crm/src/actions/contact.actions.ts

@@ -4,7 +4,8 @@ export const ContactActions = [
     label: 'Send Email',
     icon: 'mail',
     type: 'api' as const,
-    locations: ['record_header' as const, 'list_item' as const],
+    locations: ['record_header' as const, 'list_item' as const, 'list_toolbar' as const],
+    bulkEnabled: true,
     params: [
       { name: 'subject', label: 'Subject', type: 'text' as const, required: true },
       { name: 'body', label: 'Message', type: 'textarea' as const },
@@ -17,6 +18,7 @@ export const ContactActions = [
     icon: 'user-check',
     type: 'api' as const,
     locations: ['record_header' as const],
+    visible: "type !== 'Customer'",
     confirmText: 'Convert this contact to a customer?',
     refreshAfter: true,
     successMessage: 'Contact converted to customer',

examples/crm/src/actions/opportunity.actions.ts

@@ -4,7 +4,9 @@ export const OpportunityActions = [
     label: 'Change Stage',
     icon: 'arrow-right-circle',
     type: 'api' as const,
-    locations: ['record_header' as const, 'list_item' as const],
+    locations: ['record_header' as const, 'list_item' as const, 'list_toolbar' as const],
+    bulkEnabled: true,
+    visible: "stage !== 'closed_won' && stage !== 'closed_lost'",
     params: [
       {
         name: 'new_stage', label: 'New Stage', type: 'select' as const, required: true,
@@ -28,6 +30,7 @@ export const OpportunityActions = [
     type: 'api' as const,
     locations: ['record_header' as const],
     variant: 'primary' as const,
+    visible: "stage !== 'closed_won' && stage !== 'closed_lost'",
     confirmText: 'Mark this opportunity as Closed Won?',
     refreshAfter: true,
     successMessage: 'Opportunity marked as won!',
@@ -39,6 +42,7 @@ export const OpportunityActions = [
     type: 'api' as const,
     locations: ['record_more' as const],
     variant: 'danger' as const,
+    visible: "stage !== 'closed_won' && stage !== 'closed_lost'",
     params: [
       { name: 'loss_reason', label: 'Reason for Loss', type: 'text' as const, required: true },
     ],

examples/kitchen-sink/src/objects/showcase.actions.ts

@@ -4,7 +4,9 @@ export const ShowcaseActions = [
     label: 'Change Status',
     icon: 'arrow-right-circle',
     type: 'api' as const,
-    locations: ['record_header' as const, 'list_item' as const],
+    locations: ['record_header' as const, 'list_item' as const, 'list_toolbar' as const],
+    bulkEnabled: true,
+    visible: "status !== 'archived'",
     params: [
       {
         name: 'new_status', label: 'New Status', type: 'select' as const, required: true,
@@ -25,7 +27,8 @@ export const ShowcaseActions = [
     label: 'Assign Owner',
     icon: 'user-plus',
     type: 'api' as const,
-    locations: ['record_header' as const],
+    locations: ['record_header' as const, 'list_toolbar' as const],
+    bulkEnabled: true,
     params: [
       { name: 'owner_email', label: 'Owner Email', type: 'email' as const, required: true },
       { name: 'notify', label: 'Send Notification', type: 'boolean' as const },
@@ -40,6 +43,7 @@ export const ShowcaseActions = [
     type: 'api' as const,
     locations: ['record_more' as const],
     variant: 'danger' as const,
+    visible: "status !== 'archived'",
     confirmText: 'Are you sure you want to archive this item?',
     refreshAfter: true,
     successMessage: 'Item archived',

examples/msw-todo/objectstack.config.ts

@@ -26,6 +26,45 @@ export const TaskObject = ObjectSchema.create({
   },
 });
 
+/**
+ * Task Actions — complete, toggle, and delete operations
+ */
+export const TaskActions = [
+  {
+    name: 'task_complete',
+    label: 'Mark Complete',
+    icon: 'check-circle-2',
+    type: 'api' as const,
+    locations: ['record_header' as const, 'list_item' as const, 'list_toolbar' as const],
+    visible: 'is_completed === false',
+    bulkEnabled: true,
+    refreshAfter: true,
+    successMessage: 'Task completed',
+  },
+  {
+    name: 'task_reopen',
+    label: 'Reopen Task',
+    icon: 'rotate-ccw',
+    type: 'api' as const,
+    locations: ['record_header' as const, 'list_item' as const],
+    visible: 'is_completed === true',
+    refreshAfter: true,
+    successMessage: 'Task reopened',
+  },
+  {
+    name: 'task_delete',
+    label: 'Delete Task',
+    icon: 'trash-2',
+    type: 'api' as const,
+    locations: ['record_more' as const, 'list_toolbar' as const],
+    variant: 'danger' as const,
+    bulkEnabled: true,
+    confirmText: 'Are you sure you want to delete this task?',
+    refreshAfter: true,
+    successMessage: 'Task deleted',
+  },
+];
+
 /**
  * App Configuration — Standard ObjectStackDefinition format
  */
@@ -47,6 +86,9 @@ export default defineStack({
       },
     },
   ],
+  actions: [
+    ...TaskActions,
+  ],
   apps: [
     App.create({
       name: 'task_app',

examples/todo/src/domains/todo/task.actions.ts

@@ -4,7 +4,9 @@ export const TodoTaskActions = [
     label: 'Mark Complete',
     icon: 'check-circle-2',
     type: 'api' as const,
-    locations: ['record_header' as const, 'list_item' as const],
+    locations: ['record_header' as const, 'list_item' as const, 'list_toolbar' as const],
+    visible: 'is_completed === false',
+    bulkEnabled: true,
     confirmText: 'Mark this task as complete?',
     refreshAfter: true,
     successMessage: 'Task marked as complete',
@@ -15,6 +17,7 @@ export const TodoTaskActions = [
     icon: 'play',
     type: 'api' as const,
     locations: ['record_header' as const, 'list_item' as const],
+    visible: "status === 'Backlog' || status === 'Todo'",
     refreshAfter: true,
     successMessage: 'Task moved to In Progress',
   },
@@ -33,6 +36,7 @@ export const TodoTaskActions = [
     icon: 'clock',
     type: 'api' as const,
     locations: ['record_header' as const],
+    visible: "status !== 'Done'",
     params: [
       { name: 'defer_until', label: 'Defer Until', type: 'date' as const, required: true },
     ],
@@ -56,7 +60,8 @@ export const TodoTaskActions = [
     label: 'Assign',
     icon: 'user-plus',
     type: 'api' as const,
-    locations: ['record_header' as const, 'list_item' as const],
+    locations: ['record_header' as const, 'list_item' as const, 'list_toolbar' as const],
+    bulkEnabled: true,
     params: [
       { name: 'assignee', label: 'Assignee', type: 'text' as const, required: true },
     ],