@burdenoff/microfe-vibecontrols 2026.519.2 → 2026.519.4

package/dist/pages/ActionsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsPage.js","names":[],"sources":["../../src/pages/ActionsPage.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Copy, Play, Plus, RefreshCw, Trash2 } from 'lucide-react';\nimport { isNative, nativeNotify } from '../utils/nativeBridge';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { AnimatePresence } from 'framer-motion';\nimport {\n  PageHeader,\n  EmptyState,\n  LoadingState,\n  ErrorState,\n  ConfirmDialog,\n  SearchInput,\n  FilterDropdown,\n  SelectionCheckbox,\n  GetHelpButton,\n} from '@/components/shared';\nimport {\n  ActionCard,\n  ActionForm,\n  ActionSchedulesList,\n  ExecutionHistory,\n} from '@/components/actions';\nimport type { ActionFormData } from '@/components/actions';\nimport {\n  useListActionsQuery,\n  useGetActionQuery,\n  useListAgentsQuery,\n  useCreateActionMutation,\n  useUpdateActionMutation,\n  useDeleteActionMutation,\n  useExecuteActionMutation,\n  useDuplicateActionMutation,\n} from '@/generated/wspace-operations';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { isQuotaExhaustedError, getQuotaDialogContent } from '@/utils/quotaUtils';\nimport { QuotaExhaustedDialog } from '@/components/shared/QuotaExhaustedDialog';\n\ntype ModalState =\n  | { type: 'none' }\n  | { type: 'create' }\n  | { type: 'edit'; actionId: string }\n  | { type: 'confirmDelete'; id: string; name: string }\n  | { type: 'confirmExecute'; actionId: string; name: string; agentId?: string };\n\ninterface ErrorToast {\n  message: string;\n  variant: 'success' | 'error';\n  detail?: string | null;\n  id: number;\n}\n\nconst ACTION_TYPE_OPTIONS = [\n  { value: 'COMMAND', label: 'Command' },\n  { value: 'SCRIPT', label: 'Script' },\n  { value: 'WEBHOOK', label: 'Webhook' },\n  { value: 'WORKFLOW', label: 'Workflow' },\n];\n\nconst TRIGGER_TYPE_OPTIONS = [\n  { value: 'MANUAL', label: 'Manual' },\n  { value: 'SCHEDULED', label: 'Scheduled' },\n  { value: 'EVENT', label: 'Event' },\n  { value: 'ON_DEMAND', label: 'On Demand' },\n];\n\nexport function ActionsPage() {\n  const navigate = useNavigate();\n  const { workspaceId } = useVibeControls();\n  const { hasPermission, isLoading: permissionsLoading, permissions } = usePermissions();\n  const tr = (\n    (i18n) =>\n    (key: string, fallback: string): string => {\n      const v = i18n.t(key);\n      return v === key ? fallback : v;\n    }\n  )(useI18n());\n  // Default to true when action permissions haven't been registered in RBAC yet\n  const actionPermsRegistered = (\n    Array.isArray(permissions) ? permissions : permissions?.permissionStrings\n  )?.some?.((p: string) => p.startsWith('action:'));\n  const canList = actionPermsRegistered ? hasPermission(VIBE_PERMISSIONS.ACTION_LIST) : true;\n  const canCreate = actionPermsRegistered ? hasPermission(VIBE_PERMISSIONS.ACTION_CREATE) : true;\n  const canUpdate = actionPermsRegistered ? hasPermission(VIBE_PERMISSIONS.ACTION_UPDATE) : true;\n  const canDelete = actionPermsRegistered ? hasPermission(VIBE_PERMISSIONS.ACTION_DELETE) : true;\n  const canExecute = actionPermsRegistered ? hasPermission(VIBE_PERMISSIONS.ACTION_EXECUTE) : true;\n  const shouldSkipQueries = permissionsLoading;\n\n  const [modal, setModal] = useState<ModalState>({ type: 'none' });\n  const [toasts, setToasts] = useState<ErrorToast[]>([]);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [actionTypeFilter, setActionTypeFilter] = useState<string | null>(null);\n  const [triggerTypeFilter, setTriggerTypeFilter] = useState<string | null>(null);\n  const [selectedActionId, setSelectedActionId] = useState<string | null>(null);\n  const [selectedActionIds, setSelectedActionIds] = useState<Set<string>>(new Set());\n  const [executingActionId, setExecutingActionId] = useState<string | null>(null);\n  const [bulkModal, setBulkModal] = useState<'delete' | 'execute' | null>(null);\n  const [bulkBusy, setBulkBusy] = useState<'delete' | 'execute' | 'duplicate' | null>(null);\n  const [quotaKind, setQuotaKind] = useState<'action' | 'command-execution' | null>(null);\n\n  const showToast = useCallback(\n    (message: string, variant: 'success' | 'error', detail?: string | null, duration = 10000) => {\n      const id = Date.now() + Math.random();\n      setToasts((prev) => [...prev, { message, variant, detail, id }]);\n      if (variant === 'success') {\n        setTimeout(() => setToasts((prev) => prev.filter((t) => t.id !== id)), duration);\n      }\n    },\n    []\n  );\n\n  const dismissToast = useCallback((id: number) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  // Queries\n  const {\n    data: actionsData,\n    loading: actionsLoading,\n    error: actionsError,\n    refetch: refetchActions,\n  } = useListActionsQuery({\n    variables: {\n      filter: {\n        ...(actionTypeFilter && actionTypeFilter !== 'all' ? { actionType: actionTypeFilter } : {}),\n        ...(triggerTypeFilter && triggerTypeFilter !== 'all'\n          ? { triggerType: triggerTypeFilter }\n          : {}),\n        ...(searchQuery ? { search: searchQuery } : {}),\n      },\n      pagination: { limit: 50 },\n    },\n    skip: shouldSkipQueries,\n  });\n\n  const actions = useMemo(() => actionsData?.actions?.items || [], [actionsData]);\n\n  // Fetch selected action details (with executions)\n  const { data: selectedActionData } = useGetActionQuery({\n    variables: { id: selectedActionId! },\n    skip: !selectedActionId || shouldSkipQueries,\n  });\n\n  const selectedAction = selectedActionData?.action;\n  const recentExecutions = selectedAction?.recentExecutions || [];\n\n  // Agents for form\n  const { data: agentsData } = useListAgentsQuery({\n    variables: { pagination: { limit: 100 } },\n    fetchPolicy: 'cache-and-network',\n    skip: shouldSkipQueries,\n  });\n  const agents = useMemo(\n    () =>\n      (agentsData?.vibecontrolsAgents ?? []).map(\n        (a: { id: string; name: string; isActive: boolean }) => ({\n          id: a.id,\n          name: a.name,\n          isActive: a.isActive,\n        })\n      ),\n    [agentsData]\n  );\n\n  // Mutations\n  const [createAction, { loading: createLoading }] = useCreateActionMutation({\n    refetchQueries: ['ListActions'],\n  });\n  const [updateAction, { loading: updateLoading }] = useUpdateActionMutation({\n    refetchQueries: ['ListActions', 'GetAction'],\n  });\n  const [deleteAction] = useDeleteActionMutation({\n    refetchQueries: ['ListActions'],\n  });\n  const [executeAction] = useExecuteActionMutation({\n    refetchQueries: ['GetAction'],\n  });\n  const [duplicateAction] = useDuplicateActionMutation({\n    refetchQueries: ['ListActions'],\n  });\n\n  // Handlers\n  const handleCreate = useCallback(\n    async (data: ActionFormData) => {\n      try {\n        const result = await createAction({\n          variables: {\n            input: {\n              name: data.name,\n              displayName: data.displayName || null,\n              description: data.description || null,\n              actionType: data.actionType,\n              triggerType: data.triggerType,\n              schedule: data.triggerType === 'SCHEDULED' ? data.schedule || null : null,\n              category: data.category || null,\n              tags: data.tags.length > 0 ? data.tags : null,\n              command: data.actionType === 'COMMAND' ? data.command || null : null,\n              workingDirectory:\n                data.actionType !== 'WEBHOOK' ? data.workingDirectory || null : null,\n              targetAgentId: data.actionType !== 'WEBHOOK' ? data.targetAgentId || null : null,\n              script: data.actionType === 'SCRIPT' ? data.script || null : null,\n              scriptInterpreter:\n                data.actionType === 'SCRIPT' ? data.scriptInterpreter || 'bash' : null,\n              webhookUrl: data.actionType === 'WEBHOOK' ? data.webhookUrl || null : null,\n              webhookMethod: data.actionType === 'WEBHOOK' ? data.webhookMethod || 'POST' : null,\n              webhookBody: data.actionType === 'WEBHOOK' ? data.webhookBody || null : null,\n              webhookAuthType: data.actionType === 'WEBHOOK' ? data.webhookAuthType || null : null,\n              timeoutMs: data.timeoutMs,\n              retryCount: data.retryCount,\n              confirmationRequired: data.confirmationRequired,\n            },\n          },\n        });\n        // With errorPolicy:'all', quota errors resolve on result.error instead of throwing\n        if (result.error && isQuotaExhaustedError(result.error)) {\n          setModal({ type: 'none' });\n          setQuotaKind('action');\n          return;\n        }\n        setModal({ type: 'none' });\n        showToast('Action created', 'success');\n      } catch (err) {\n        if (isQuotaExhaustedError(err)) {\n          setModal({ type: 'none' });\n          setQuotaKind('action');\n          return;\n        }\n        showToast(err instanceof Error ? err.message : 'Failed to create action', 'error');\n      }\n    },\n    [createAction, showToast]\n  );\n\n  const handleUpdate = useCallback(\n    async (data: ActionFormData) => {\n      if (modal.type !== 'edit') return;\n      try {\n        await updateAction({\n          variables: {\n            id: modal.actionId,\n            input: {\n              displayName: data.displayName || null,\n              description: data.description || null,\n              actionType: data.actionType,\n              triggerType: data.triggerType,\n              schedule: data.triggerType === 'SCHEDULED' ? data.schedule || null : null,\n              category: data.category || null,\n              tags: data.tags.length > 0 ? data.tags : null,\n              command: data.actionType === 'COMMAND' ? data.command || null : null,\n              workingDirectory:\n                data.actionType !== 'WEBHOOK' ? data.workingDirectory || null : null,\n              targetAgentId: data.actionType !== 'WEBHOOK' ? data.targetAgentId || null : null,\n              script: data.actionType === 'SCRIPT' ? data.script || null : null,\n              scriptInterpreter:\n                data.actionType === 'SCRIPT' ? data.scriptInterpreter || 'bash' : null,\n              webhookUrl: data.actionType === 'WEBHOOK' ? data.webhookUrl || null : null,\n              webhookMethod: data.actionType === 'WEBHOOK' ? data.webhookMethod || 'POST' : null,\n              webhookBody: data.actionType === 'WEBHOOK' ? data.webhookBody || null : null,\n              webhookAuthType: data.actionType === 'WEBHOOK' ? data.webhookAuthType || null : null,\n              timeoutMs: data.timeoutMs,\n              retryCount: data.retryCount,\n              confirmationRequired: data.confirmationRequired,\n            },\n          },\n        });\n        setModal({ type: 'none' });\n        showToast('Action updated', 'success');\n      } catch (err) {\n        showToast(err instanceof Error ? err.message : 'Failed to update action', 'error');\n      }\n    },\n    [updateAction, modal, showToast]\n  );\n\n  const handleDelete = useCallback(async () => {\n    if (modal.type !== 'confirmDelete') return;\n    try {\n      await deleteAction({ variables: { id: modal.id } });\n      if (selectedActionId === modal.id) setSelectedActionId(null);\n      setModal({ type: 'none' });\n      showToast('Action deleted', 'success');\n      if (isNative()) void nativeNotify('success');\n    } catch (err) {\n      showToast(err instanceof Error ? err.message : 'Failed to delete action', 'error');\n      if (isNative()) void nativeNotify('error');\n    }\n  }, [modal, deleteAction, selectedActionId, showToast]);\n\n  const handleExecute = async (actionId: string) => {\n    const action = actions.find((a: { id: string }) => a.id === actionId) as\n      | { id: string; name: string; displayName?: string | null; confirmationRequired: boolean }\n      | undefined;\n    if (!action) return;\n\n    if (action.confirmationRequired) {\n      setModal({\n        type: 'confirmExecute',\n        actionId,\n        name: action.displayName || action.name,\n      });\n      return;\n    }\n\n    await doExecute(actionId);\n  };\n\n  const doExecute = useCallback(\n    async (actionId: string) => {\n      setExecutingActionId(actionId);\n      try {\n        const result = await executeAction({ variables: { id: actionId } });\n        // With errorPolicy:'all', quota errors resolve on result.error instead of throwing\n        if (result.error && isQuotaExhaustedError(result.error)) {\n          setQuotaKind('command-execution');\n          return;\n        }\n        const exec = result.data?.executeAction;\n        if (exec) {\n          showToast(\n            exec.status === 'SUCCESS' || exec.status === 'COMPLETED'\n              ? 'Action executed successfully'\n              : 'Action execution failed',\n            exec.status === 'SUCCESS' || exec.status === 'COMPLETED' ? 'success' : 'error',\n            exec.output || exec.errorMessage\n          );\n        }\n      } catch (err) {\n        if (isQuotaExhaustedError(err)) {\n          setQuotaKind('command-execution');\n          return;\n        }\n        showToast(err instanceof Error ? err.message : 'Execution failed', 'error');\n      } finally {\n        setExecutingActionId(null);\n      }\n    },\n    [executeAction, showToast]\n  );\n\n  const handleConfirmExecute = useCallback(async () => {\n    if (modal.type !== 'confirmExecute') return;\n    const actionId = modal.actionId;\n    setModal({ type: 'none' });\n    await doExecute(actionId);\n  }, [modal, doExecute]);\n\n  const handleDuplicate = useCallback(\n    async (actionId: string) => {\n      const action = actions.find((a: { id: string; name: string }) => a.id === actionId);\n      if (!action) return;\n      try {\n        await duplicateAction({\n          variables: { id: actionId, name: `${action.name}-copy` },\n        });\n        showToast('Action duplicated', 'success');\n      } catch (err) {\n        showToast(err instanceof Error ? err.message : 'Failed to duplicate action', 'error');\n      }\n    },\n    [actions, duplicateAction, showToast]\n  );\n\n  // Edit action: find the action data for the form\n  const editingAction = useMemo(() => {\n    if (modal.type !== 'edit') return null;\n    return actions.find((a: { id: string }) => a.id === modal.actionId) || null;\n  }, [modal, actions]);\n\n  const selectedActions = useMemo(\n    () => actions.filter((action: { id: string }) => selectedActionIds.has(action.id)),\n    [actions, selectedActionIds]\n  );\n\n  const allVisibleSelected =\n    actions.length > 0 &&\n    actions.every((action: { id: string }) => selectedActionIds.has(action.id));\n\n  const partiallySelected =\n    actions.some((action: { id: string }) => selectedActionIds.has(action.id)) &&\n    !allVisibleSelected;\n\n  const toggleActionSelection = useCallback((actionId: string, checked: boolean) => {\n    setSelectedActionIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(actionId);\n      } else {\n        next.delete(actionId);\n      }\n      return next;\n    });\n  }, []);\n\n  const toggleAllVisibleActions = useCallback(\n    (checked: boolean) => {\n      setSelectedActionIds((prev) => {\n        const next = new Set(prev);\n        actions.forEach((action: { id: string }) => {\n          if (checked) {\n            next.add(action.id);\n          } else {\n            next.delete(action.id);\n          }\n        });\n        return next;\n      });\n    },\n    [actions]\n  );\n\n  const clearSelection = useCallback(() => {\n    setSelectedActionIds(new Set());\n  }, []);\n\n  const handleBulkDuplicate = useCallback(async () => {\n    if (selectedActions.length === 0) return;\n    setBulkBusy('duplicate');\n    try {\n      const results = await Promise.allSettled(\n        selectedActions.map((action: { id: string; name: string }) =>\n          duplicateAction({\n            variables: { id: action.id, name: `${action.name}-copy` },\n          })\n        )\n      );\n\n      const succeeded = results.filter(\n        (result: PromiseSettledResult<unknown>) => result.status === 'fulfilled'\n      ).length;\n      const failed = results.length - succeeded;\n\n      showToast(\n        `Duplicated ${succeeded} action${succeeded === 1 ? '' : 's'}${failed > 0 ? ` • ${failed} failed` : ''}`,\n        failed > 0 ? 'error' : 'success'\n      );\n      clearSelection();\n      await refetchActions();\n    } catch (err) {\n      showToast(err instanceof Error ? err.message : 'Failed to duplicate actions', 'error');\n    } finally {\n      setBulkBusy(null);\n    }\n  }, [selectedActions, duplicateAction, showToast, clearSelection, refetchActions]);\n\n  const handleBulkDelete = useCallback(async () => {\n    if (selectedActions.length === 0) return;\n    setBulkBusy('delete');\n    try {\n      const results = await Promise.allSettled(\n        selectedActions.map((action: { id: string }) =>\n          deleteAction({ variables: { id: action.id } })\n        )\n      );\n\n      const succeeded = results.filter(\n        (result: PromiseSettledResult<unknown>) => result.status === 'fulfilled'\n      ).length;\n      const failed = results.length - succeeded;\n\n      if (selectedActionId && selectedActionIds.has(selectedActionId)) {\n        setSelectedActionId(null);\n      }\n\n      showToast(\n        `Deleted ${succeeded} action${succeeded === 1 ? '' : 's'}${failed > 0 ? ` • ${failed} failed` : ''}`,\n        failed > 0 ? 'error' : 'success'\n      );\n      clearSelection();\n      setBulkModal(null);\n      await refetchActions();\n    } catch (err) {\n      showToast(err instanceof Error ? err.message : 'Failed to delete actions', 'error');\n    } finally {\n      setBulkBusy(null);\n    }\n  }, [\n    selectedActions,\n    deleteAction,\n    selectedActionId,\n    selectedActionIds,\n    showToast,\n    clearSelection,\n    refetchActions,\n  ]);\n\n  const handleBulkExecute = useCallback(async () => {\n    if (selectedActions.length === 0) return;\n    setBulkBusy('execute');\n    let succeeded = 0;\n    let failed = 0;\n    let quotaHit = false;\n\n    try {\n      for (const action of selectedActions) {\n        try {\n          const result = await executeAction({ variables: { id: action.id } });\n          // With errorPolicy:'all', quota errors resolve on result.error instead of throwing\n          if (result.error && isQuotaExhaustedError(result.error)) {\n            setQuotaKind('command-execution');\n            quotaHit = true;\n            break;\n          }\n          const exec = result.data?.executeAction;\n          if (exec?.status === 'SUCCESS' || exec?.status === 'COMPLETED') {\n            succeeded += 1;\n          } else {\n            failed += 1;\n          }\n        } catch (err) {\n          if (isQuotaExhaustedError(err)) {\n            setQuotaKind('command-execution');\n            quotaHit = true;\n            break;\n          }\n          failed += 1;\n        }\n      }\n\n      // Skip summary toast when quota was hit — the quota dialog is the feedback\n      if (!quotaHit) {\n        showToast(\n          `Executed ${succeeded} action${succeeded === 1 ? '' : 's'}${failed > 0 ? ` • ${failed} failed` : ''}`,\n          failed > 0 ? 'error' : 'success'\n        );\n      }\n      clearSelection();\n      setBulkModal(null);\n      if (selectedActionId) {\n        await refetchActions();\n      }\n    } catch (err) {\n      showToast(err instanceof Error ? err.message : 'Failed to execute actions', 'error');\n    } finally {\n      setBulkBusy(null);\n    }\n  }, [selectedActions, executeAction, showToast, clearSelection, selectedActionId, refetchActions]);\n\n  // Guard states\n  if (!permissionsLoading && permissions && permissions.permissionStrings?.length > 0 && !canList) {\n    return (\n      <MotionPage>\n        <AccessDenied />\n      </MotionPage>\n    );\n  }\n\n  if (actionsLoading) {\n    return (\n      <MotionPage>\n        <LoadingState message=\"Loading Actions...\" />\n      </MotionPage>\n    );\n  }\n\n  if (actionsError) {\n    return (\n      <MotionPage>\n        <ErrorState message={actionsError.message} onRetry={() => refetchActions()} />\n      </MotionPage>\n    );\n  }\n\n  return (\n    <MotionPage className=\"p-4 sm:p-6 space-y-6\">\n      <PageHeader\n        title={tr('nav.actions', 'Actions')}\n        description=\"Automate tasks — run commands, scripts, or trigger webhooks on your agents\"\n        actions={\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={() => refetchActions()}\n              className=\"p-2 rounded-lg hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors\"\n              title=\"Refresh\"\n            >\n              <RefreshCw size={16} />\n            </button>\n            {canCreate && (\n              <button\n                onClick={() => setModal({ type: 'create' })}\n                className=\"inline-flex items-center gap-1.5 px-4 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:opacity-90 text-sm font-medium transition-opacity\"\n              >\n                <Plus size={16} />\n                Create Action\n              </button>\n            )}\n          </div>\n        }\n      />\n\n      {/* Filters */}\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <SearchInput\n          value={searchQuery}\n          onChange={setSearchQuery}\n          placeholder={tr('actions.searchPlaceholder', 'Search actions...')}\n          className=\"w-full sm:w-64\"\n        />\n        <FilterDropdown\n          label=\"Type\"\n          options={ACTION_TYPE_OPTIONS}\n          value={actionTypeFilter}\n          onChange={setActionTypeFilter}\n        />\n        <FilterDropdown\n          label=\"Trigger\"\n          options={TRIGGER_TYPE_OPTIONS}\n          value={triggerTypeFilter}\n          onChange={setTriggerTypeFilter}\n        />\n      </div>\n\n      {actions.length > 0 && (\n        <div className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n          <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n            <div className=\"flex flex-wrap items-center gap-3\">\n              <div className=\"flex items-center gap-2\">\n                <SelectionCheckbox\n                  checked={allVisibleSelected}\n                  indeterminate={partiallySelected}\n                  onChange={toggleAllVisibleActions}\n                  ariaLabel=\"Select all visible actions\"\n                />\n                <span className=\"text-sm font-medium text-text-primary\">Select all visible</span>\n              </div>\n              {selectedActionIds.size > 0 && (\n                <button\n                  onClick={clearSelection}\n                  className=\"text-sm text-text-secondary hover:text-text-primary\"\n                >\n                  Clear selection\n                </button>\n              )}\n            </div>\n\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary\">\n                {selectedActionIds.size} selected\n              </span>\n              <button\n                onClick={() => setBulkModal('execute')}\n                disabled={selectedActions.length === 0 || bulkBusy !== null}\n                className=\"rounded-md border border-status-success-border px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                <span className=\"inline-flex items-center gap-2\">\n                  <Play size={14} />\n                  Execute Selected{selectedActions.length > 0 ? ` (${selectedActions.length})` : ''}\n                </span>\n              </button>\n              <button\n                onClick={handleBulkDuplicate}\n                disabled={selectedActions.length === 0 || bulkBusy !== null}\n                className=\"rounded-md border border-border-default px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                <span className=\"inline-flex items-center gap-2\">\n                  <Copy size={14} />\n                  Duplicate Selected\n                  {selectedActions.length > 0 ? ` (${selectedActions.length})` : ''}\n                </span>\n              </button>\n              <button\n                onClick={() => setBulkModal('delete')}\n                disabled={selectedActions.length === 0 || bulkBusy !== null}\n                className=\"rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                <span className=\"inline-flex items-center gap-2\">\n                  <Trash2 size={14} />\n                  Delete Selected{selectedActions.length > 0 ? ` (${selectedActions.length})` : ''}\n                </span>\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Actions Grid */}\n      <AnimatePresence mode=\"wait\">\n        {actions.length === 0 && !actionsLoading && (\n          <EmptyState\n            title=\"No actions yet\"\n            description=\"Create your first action to automate commands, scripts, and webhooks\"\n            action={\n              <div className=\"flex items-center gap-2\">\n                {canCreate && (\n                  <button\n                    onClick={() => setModal({ type: 'create' })}\n                    className=\"px-4 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:opacity-90 text-sm font-medium\"\n                  >\n                    Create Action\n                  </button>\n                )}\n                <GetHelpButton prompt=\"What is an Action in VibeControls and how do I create one?\" />\n              </div>\n            }\n          />\n        )}\n      </AnimatePresence>\n\n      {actions.length > 0 && (\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n          {actions.map(\n            (action: {\n              id: string;\n              name: string;\n              displayName?: string | null;\n              description?: string | null;\n              actionType: string;\n              sourceType?: string | null;\n              triggerType: string;\n              category?: string | null;\n              tags?: string[] | null;\n              executionCount?: number | null;\n              lastExecutedAt?: string | null;\n              confirmationRequired: boolean;\n            }) => (\n              <div\n                key={action.id}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => setSelectedActionId(action.id)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    setSelectedActionId(action.id);\n                  }\n                }}\n                aria-label={`Select action ${action.displayName || action.name}`}\n              >\n                <ActionCard\n                  action={action}\n                  onExecute={handleExecute}\n                  onEdit={(id) => setModal({ type: 'edit', actionId: id })}\n                  onDuplicate={handleDuplicate}\n                  onDelete={(id) =>\n                    setModal({\n                      type: 'confirmDelete',\n                      id,\n                      name: action.displayName || action.name,\n                    })\n                  }\n                  // Schedule navigates to the scheduler microfe with the\n                  // actionId prefilled. The scheduler Create-Job form reads\n                  // `?actionId=` and auto-selects the action so users don't\n                  // need to copy IDs across tabs.\n                  onSchedule={(id) => navigate(`/scheduler?actionId=${encodeURIComponent(id)}`)}\n                  // Add-to-Calendar navigates to the VibeCalendar page with\n                  // the actionId prefilled so the event-create modal can\n                  // bind a VibeCalendarTask to this action.\n                  onAddToCalendar={(id) =>\n                    navigate(`/vibecontrols/calendar?actionId=${encodeURIComponent(id)}`)\n                  }\n                  canUpdate={canUpdate}\n                  canDelete={canDelete}\n                  canExecute={canExecute}\n                  isExecuting={executingActionId === action.id}\n                  selected={selectedActionIds.has(action.id)}\n                  onToggleSelect={(checked) => toggleActionSelection(action.id, checked)}\n                />\n              </div>\n            )\n          )}\n        </div>\n      )}\n\n      {/* Schedules + Execution History Panels for the selected action */}\n      <AnimatePresence>\n        {selectedActionId && selectedAction && (\n          <div className=\"space-y-3\">\n            {workspaceId && (\n              <ActionSchedulesList\n                actionId={selectedActionId}\n                workspaceId={workspaceId}\n                actionName={selectedAction.displayName || selectedAction.name}\n                onClose={() => setSelectedActionId(null)}\n              />\n            )}\n            <ExecutionHistory\n              executions={recentExecutions}\n              actionName={selectedAction.displayName || selectedAction.name}\n              onClose={() => setSelectedActionId(null)}\n            />\n          </div>\n        )}\n      </AnimatePresence>\n\n      {/* Toast Notifications */}\n      <AnimatePresence>\n        {toasts.length > 0 && (\n          <div className=\"fixed bottom-4 left-4 right-4 sm:left-auto sm:bottom-6 sm:right-6 z-50 flex flex-col gap-2 max-w-[calc(100vw-2rem)] sm:max-w-md\">\n            {toasts.slice(-3).map((toast) => (\n              <div\n                key={toast.id}\n                className={`p-4 rounded-xl shadow-lg border cursor-pointer ${\n                  toast.variant === 'success'\n                    ? 'bg-status-success-bg/10 border-status-success-border/30 text-status-success-text'\n                    : 'bg-status-error-bg/10 border-status-error-border/30 text-status-error-text'\n                }`}\n                onClick={() => dismissToast(toast.id)}\n              >\n                <div className=\"font-medium text-sm\">{toast.message}</div>\n                {toast.detail && (\n                  <pre className=\"text-xs font-mono opacity-80 mt-1 max-h-20 overflow-y-auto whitespace-pre-wrap\">\n                    {toast.detail}\n                  </pre>\n                )}\n              </div>\n            ))}\n          </div>\n        )}\n      </AnimatePresence>\n\n      {/* Modals */}\n      {modal.type === 'create' && (\n        <ActionForm\n          title=\"Create Action\"\n          agents={agents}\n          onSubmit={handleCreate}\n          onCancel={() => setModal({ type: 'none' })}\n          isLoading={createLoading}\n        />\n      )}\n\n      {modal.type === 'edit' && editingAction && (\n        <ActionForm\n          title=\"Edit Action\"\n          initialData={{\n            name: editingAction.name,\n            displayName: editingAction.displayName || '',\n            description: editingAction.description || '',\n            actionType: editingAction.actionType || 'COMMAND',\n            triggerType: editingAction.triggerType || 'MANUAL',\n            schedule: editingAction.schedule || '',\n            category: editingAction.category || '',\n            tags: editingAction.tags || [],\n            command: editingAction.command || '',\n            workingDirectory: editingAction.workingDirectory || '',\n            targetAgentId: editingAction.targetAgentId || '',\n            script: editingAction.script || '',\n            scriptInterpreter: editingAction.scriptInterpreter || 'bash',\n            webhookUrl: editingAction.webhookUrl || '',\n            webhookMethod: editingAction.webhookMethod || 'POST',\n            webhookBody: editingAction.webhookBody || '',\n            webhookAuthType: editingAction.webhookAuthType || '',\n            timeoutMs: editingAction.timeoutMs || 30000,\n            retryCount: editingAction.retryCount || 0,\n            confirmationRequired: editingAction.confirmationRequired ?? false,\n          }}\n          agents={agents}\n          onSubmit={handleUpdate}\n          onCancel={() => setModal({ type: 'none' })}\n          isLoading={updateLoading}\n        />\n      )}\n\n      {modal.type === 'confirmDelete' && (\n        <ConfirmDialog\n          isOpen={true}\n          title=\"Delete Action\"\n          message={`Are you sure you want to delete \"${modal.name}\"? This cannot be undone.`}\n          confirmLabel=\"Delete\"\n          variant=\"danger\"\n          onConfirm={handleDelete}\n          onClose={() => setModal({ type: 'none' })}\n        />\n      )}\n\n      {modal.type === 'confirmExecute' && (\n        <ConfirmDialog\n          isOpen={true}\n          title={`Execute: ${modal.name}`}\n          message={`Are you sure you want to execute \"${modal.name}\"?`}\n          confirmLabel=\"Execute\"\n          variant=\"warning\"\n          onConfirm={handleConfirmExecute}\n          onClose={() => setModal({ type: 'none' })}\n        />\n      )}\n\n      <ConfirmDialog\n        isOpen={bulkModal === 'delete'}\n        title=\"Delete Selected Actions\"\n        message={`Are you sure you want to delete ${selectedActions.length} selected action${selectedActions.length === 1 ? '' : 's'}? This cannot be undone.`}\n        confirmLabel=\"Delete Actions\"\n        variant=\"danger\"\n        onConfirm={handleBulkDelete}\n        onClose={() => setBulkModal(null)}\n        isLoading={bulkBusy === 'delete'}\n      />\n\n      <ConfirmDialog\n        isOpen={bulkModal === 'execute'}\n        title=\"Execute Selected Actions\"\n        message={`Execute ${selectedActions.length} selected action${selectedActions.length === 1 ? '' : 's'}? This may trigger commands, scripts, or webhooks immediately.`}\n        confirmLabel=\"Execute Actions\"\n        variant=\"warning\"\n        onConfirm={handleBulkExecute}\n        onClose={() => setBulkModal(null)}\n        isLoading={bulkBusy === 'execute'}\n      />\n\n      <QuotaExhaustedDialog\n        isOpen={quotaKind !== null}\n        onClose={() => setQuotaKind(null)}\n        onConfirm={() => {\n          setQuotaKind(null);\n          navigate('/billing');\n        }}\n        title={quotaKind ? getQuotaDialogContent(quotaKind).title : undefined}\n        message={quotaKind ? getQuotaDialogContent(quotaKind).message : ''}\n      />\n    </MotionPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,IAAM,KAAsB;CAC1B;EAAE,OAAO;EAAW,OAAO;EAAW;CACtC;EAAE,OAAO;EAAU,OAAO;EAAU;CACpC;EAAE,OAAO;EAAW,OAAO;EAAW;CACtC;EAAE,OAAO;EAAY,OAAO;EAAY;CACzC,EAEK,KAAuB;CAC3B;EAAE,OAAO;EAAU,OAAO;EAAU;CACpC;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAS,OAAO;EAAS;CAClC;EAAE,OAAO;EAAa,OAAO;EAAa;CAC3C;AAED,SAAgB,IAAc;CAC5B,IAAM,IAAW,IAAa,EACxB,EAAE,mBAAgB,IAAiB,EACnC,EAAE,kBAAe,WAAW,GAAoB,mBAAgB,IAAgB,EAChF,MACH,OACA,GAAa,MAA6B;EACzC,IAAM,IAAI,EAAK,EAAE,EAAI;AACrB,SAAO,MAAM,IAAM,IAAW;IAEhC,IAAS,CAAC,EAEN,KACJ,MAAM,QAAQ,EAAY,GAAG,IAAc,GAAa,oBACvD,QAAQ,MAAc,EAAE,WAAW,UAAU,CAAC,EAC3C,KAAU,IAAwB,EAAc,EAAiB,YAAY,GAAG,IAChF,KAAY,IAAwB,EAAc,EAAiB,cAAc,GAAG,IACpF,KAAY,IAAwB,EAAc,EAAiB,cAAc,GAAG,IACpF,KAAY,IAAwB,EAAc,EAAiB,cAAc,GAAG,IACpF,KAAa,IAAwB,EAAc,EAAiB,eAAe,GAAG,IACtF,IAAoB,GAEpB,CAAC,GAAO,KAAY,EAAqB,EAAE,MAAM,QAAQ,CAAC,EAC1D,CAAC,IAAQ,KAAa,EAAuB,EAAE,CAAC,EAChD,CAAC,GAAa,MAAkB,EAAS,GAAG,EAC5C,CAAC,GAAkB,MAAuB,EAAwB,KAAK,EACvE,CAAC,GAAmB,MAAwB,EAAwB,KAAK,EACzE,CAAC,GAAkB,KAAuB,EAAwB,KAAK,EACvE,CAAC,GAAmB,KAAwB,kBAAsB,IAAI,KAAK,CAAC,EAC5E,CAAC,IAAmB,MAAwB,EAAwB,KAAK,EACzE,CAAC,IAAW,KAAgB,EAAsC,KAAK,EACvE,CAAC,GAAU,KAAe,EAAoD,KAAK,EACnF,CAAC,GAAW,KAAgB,EAAgD,KAAK,EAEjF,IAAY,GACf,GAAiB,GAA8B,GAAwB,IAAW,QAAU;EAC3F,IAAM,IAAK,KAAK,KAAK,GAAG,KAAK,QAAQ;AAErC,EADA,GAAW,MAAS,CAAC,GAAG,GAAM;GAAE;GAAS;GAAS;GAAQ;GAAI,CAAC,CAAC,EAC5D,MAAY,aACd,iBAAiB,GAAW,MAAS,EAAK,QAAQ,MAAM,EAAE,OAAO,EAAG,CAAC,EAAE,EAAS;IAGpF,EAAE,CACH,EAEK,KAAe,GAAa,MAAe;AAC/C,KAAW,MAAS,EAAK,QAAQ,MAAM,EAAE,OAAO,EAAG,CAAC;IACnD,EAAE,CAAC,EAGA,EACJ,MAAM,IACN,SAAS,IACT,OAAO,IACP,SAAS,MACP,EAAoB;EACtB,WAAW;GACT,QAAQ;IACN,GAAI,KAAoB,MAAqB,QAAQ,EAAE,YAAY,GAAkB,GAAG,EAAE;IAC1F,GAAI,KAAqB,MAAsB,QAC3C,EAAE,aAAa,GAAmB,GAClC,EAAE;IACN,GAAI,IAAc,EAAE,QAAQ,GAAa,GAAG,EAAE;IAC/C;GACD,YAAY,EAAE,OAAO,IAAI;GAC1B;EACD,MAAM;EACP,CAAC,EAEI,IAAU,QAAc,IAAa,SAAS,SAAS,EAAE,EAAE,CAAC,GAAY,CAAC,EAGzE,EAAE,MAAM,OAAuB,EAAkB;EACrD,WAAW,EAAE,IAAI,GAAmB;EACpC,MAAM,CAAC,KAAoB;EAC5B,CAAC,EAEI,IAAiB,IAAoB,QACrC,KAAmB,GAAgB,oBAAoB,EAAE,EAGzD,EAAE,MAAM,OAAe,GAAmB;EAC9C,WAAW,EAAE,YAAY,EAAE,OAAO,KAAK,EAAE;EACzC,aAAa;EACb,MAAM;EACP,CAAC,EACI,KAAS,SAEV,IAAY,sBAAsB,EAAE,EAAE,KACpC,OAAwD;EACvD,IAAI,EAAE;EACN,MAAM,EAAE;EACR,UAAU,EAAE;EACb,EACF,EACH,CAAC,GAAW,CACb,EAGK,CAAC,IAAc,EAAE,SAAS,QAAmB,EAAwB,EACzE,gBAAgB,CAAC,cAAc,EAChC,CAAC,EACI,CAAC,IAAc,EAAE,SAAS,QAAmB,GAAwB,EACzE,gBAAgB,CAAC,eAAe,YAAY,EAC7C,CAAC,EACI,CAAC,KAAgB,EAAwB,EAC7C,gBAAgB,CAAC,cAAc,EAChC,CAAC,EACI,CAAC,KAAiB,EAAyB,EAC/C,gBAAgB,CAAC,YAAY,EAC9B,CAAC,EACI,CAAC,KAAmB,EAA2B,EACnD,gBAAgB,CAAC,cAAc,EAChC,CAAC,EAGI,KAAe,EACnB,OAAO,MAAyB;AAC9B,MAAI;GACF,IAAM,IAAS,MAAM,GAAa,EAChC,WAAW,EACT,OAAO;IACL,MAAM,EAAK;IACX,aAAa,EAAK,eAAe;IACjC,aAAa,EAAK,eAAe;IACjC,YAAY,EAAK;IACjB,aAAa,EAAK;IAClB,UAAU,EAAK,gBAAgB,eAAc,EAAK,YAAmB;IACrE,UAAU,EAAK,YAAY;IAC3B,MAAM,EAAK,KAAK,SAAS,IAAI,EAAK,OAAO;IACzC,SAAS,EAAK,eAAe,aAAY,EAAK,WAAkB;IAChE,kBACE,EAAK,eAAe,YAA4C,OAAhC,EAAK,oBAAoB;IAC3D,eAAe,EAAK,eAAe,YAAyC,OAA7B,EAAK,iBAAiB;IACrE,QAAQ,EAAK,eAAe,YAAW,EAAK,UAAiB;IAC7D,mBACE,EAAK,eAAe,WAAW,EAAK,qBAAqB,SAAS;IACpE,YAAY,EAAK,eAAe,aAAY,EAAK,cAAqB;IACtE,eAAe,EAAK,eAAe,YAAY,EAAK,iBAAiB,SAAS;IAC9E,aAAa,EAAK,eAAe,aAAY,EAAK,eAAsB;IACxE,iBAAiB,EAAK,eAAe,aAAY,EAAK,mBAA0B;IAChF,WAAW,EAAK;IAChB,YAAY,EAAK;IACjB,sBAAsB,EAAK;IAC5B,EACF,EACF,CAAC;AAEF,OAAI,EAAO,SAAS,EAAsB,EAAO,MAAM,EAAE;AAEvD,IADA,EAAS,EAAE,MAAM,QAAQ,CAAC,EAC1B,EAAa,SAAS;AACtB;;AAGF,GADA,EAAS,EAAE,MAAM,QAAQ,CAAC,EAC1B,EAAU,kBAAkB,UAAU;WAC/B,GAAK;AACZ,OAAI,EAAsB,EAAI,EAAE;AAE9B,IADA,EAAS,EAAE,MAAM,QAAQ,CAAC,EAC1B,EAAa,SAAS;AACtB;;AAEF,KAAU,aAAe,QAAQ,EAAI,UAAU,2BAA2B,QAAQ;;IAGtF,CAAC,IAAc,EAAU,CAC1B,EAEK,KAAe,EACnB,OAAO,MAAyB;AAC1B,QAAM,SAAS,OACnB,KAAI;AA8BF,GA7BA,MAAM,GAAa,EACjB,WAAW;IACT,IAAI,EAAM;IACV,OAAO;KACL,aAAa,EAAK,eAAe;KACjC,aAAa,EAAK,eAAe;KACjC,YAAY,EAAK;KACjB,aAAa,EAAK;KAClB,UAAU,EAAK,gBAAgB,eAAc,EAAK,YAAmB;KACrE,UAAU,EAAK,YAAY;KAC3B,MAAM,EAAK,KAAK,SAAS,IAAI,EAAK,OAAO;KACzC,SAAS,EAAK,eAAe,aAAY,EAAK,WAAkB;KAChE,kBACE,EAAK,eAAe,YAA4C,OAAhC,EAAK,oBAAoB;KAC3D,eAAe,EAAK,eAAe,YAAyC,OAA7B,EAAK,iBAAiB;KACrE,QAAQ,EAAK,eAAe,YAAW,EAAK,UAAiB;KAC7D,mBACE,EAAK,eAAe,WAAW,EAAK,qBAAqB,SAAS;KACpE,YAAY,EAAK,eAAe,aAAY,EAAK,cAAqB;KACtE,eAAe,EAAK,eAAe,YAAY,EAAK,iBAAiB,SAAS;KAC9E,aAAa,EAAK,eAAe,aAAY,EAAK,eAAsB;KACxE,iBAAiB,EAAK,eAAe,aAAY,EAAK,mBAA0B;KAChF,WAAW,EAAK;KAChB,YAAY,EAAK;KACjB,sBAAsB,EAAK;KAC5B;IACF,EACF,CAAC,EACF,EAAS,EAAE,MAAM,QAAQ,CAAC,EAC1B,EAAU,kBAAkB,UAAU;WAC/B,GAAK;AACZ,KAAU,aAAe,QAAQ,EAAI,UAAU,2BAA2B,QAAQ;;IAGtF;EAAC;EAAc;EAAO;EAAU,CACjC,EAEK,KAAe,EAAY,YAAY;AACvC,QAAM,SAAS,gBACnB,KAAI;AAKF,GAJA,MAAM,EAAa,EAAE,WAAW,EAAE,IAAI,EAAM,IAAI,EAAE,CAAC,EAC/C,MAAqB,EAAM,MAAI,EAAoB,KAAK,EAC5D,EAAS,EAAE,MAAM,QAAQ,CAAC,EAC1B,EAAU,kBAAkB,UAAU,EAClC,GAAU,IAAO,EAAa,UAAU;WACrC,GAAK;AAEZ,GADA,EAAU,aAAe,QAAQ,EAAI,UAAU,2BAA2B,QAAQ,EAC9E,GAAU,IAAO,EAAa,QAAQ;;IAE3C;EAAC;EAAO;EAAc;EAAkB;EAAU,CAAC,EAEhD,KAAgB,OAAO,MAAqB;EAChD,IAAM,IAAS,EAAQ,MAAM,MAAsB,EAAE,OAAO,EAAS;AAGhE,SAEL;OAAI,EAAO,sBAAsB;AAC/B,MAAS;KACP,MAAM;KACN;KACA,MAAM,EAAO,eAAe,EAAO;KACpC,CAAC;AACF;;AAGF,SAAM,EAAU,EAAS;;IAGrB,IAAY,EAChB,OAAO,MAAqB;AAC1B,KAAqB,EAAS;AAC9B,MAAI;GACF,IAAM,IAAS,MAAM,EAAc,EAAE,WAAW,EAAE,IAAI,GAAU,EAAE,CAAC;AAEnE,OAAI,EAAO,SAAS,EAAsB,EAAO,MAAM,EAAE;AACvD,MAAa,oBAAoB;AACjC;;GAEF,IAAM,IAAO,EAAO,MAAM;AAC1B,GAAI,KACF,EACE,EAAK,WAAW,aAAa,EAAK,WAAW,cACzC,iCACA,2BACJ,EAAK,WAAW,aAAa,EAAK,WAAW,cAAc,YAAY,SACvE,EAAK,UAAU,EAAK,aACrB;WAEI,GAAK;AACZ,OAAI,EAAsB,EAAI,EAAE;AAC9B,MAAa,oBAAoB;AACjC;;AAEF,KAAU,aAAe,QAAQ,EAAI,UAAU,oBAAoB,QAAQ;YACnE;AACR,MAAqB,KAAK;;IAG9B,CAAC,GAAe,EAAU,CAC3B,EAEK,KAAuB,EAAY,YAAY;AACnD,MAAI,EAAM,SAAS,iBAAkB;EACrC,IAAM,IAAW,EAAM;AAEvB,EADA,EAAS,EAAE,MAAM,QAAQ,CAAC,EAC1B,MAAM,EAAU,EAAS;IACxB,CAAC,GAAO,EAAU,CAAC,EAEhB,KAAkB,EACtB,OAAO,MAAqB;EAC1B,IAAM,IAAS,EAAQ,MAAM,MAAoC,EAAE,OAAO,EAAS;AAC9E,QACL,KAAI;AAIF,GAHA,MAAM,EAAgB,EACpB,WAAW;IAAE,IAAI;IAAU,MAAM,GAAG,EAAO,KAAK;IAAQ,EACzD,CAAC,EACF,EAAU,qBAAqB,UAAU;WAClC,GAAK;AACZ,KAAU,aAAe,QAAQ,EAAI,UAAU,8BAA8B,QAAQ;;IAGzF;EAAC;EAAS;EAAiB;EAAU,CACtC,EAGK,IAAgB,QAChB,EAAM,SAAS,UACZ,EAAQ,MAAM,MAAsB,EAAE,OAAO,EAAM,SAAS,IADjC,MAEjC,CAAC,GAAO,EAAQ,CAAC,EAEd,IAAkB,QAChB,EAAQ,QAAQ,MAA2B,EAAkB,IAAI,EAAO,GAAG,CAAC,EAClF,CAAC,GAAS,EAAkB,CAC7B,EAEK,IACJ,EAAQ,SAAS,KACjB,EAAQ,OAAO,MAA2B,EAAkB,IAAI,EAAO,GAAG,CAAC,EAEvE,KACJ,EAAQ,MAAM,MAA2B,EAAkB,IAAI,EAAO,GAAG,CAAC,IAC1E,CAAC,GAEG,KAAwB,GAAa,GAAkB,MAAqB;AAChF,KAAsB,MAAS;GAC7B,IAAM,IAAO,IAAI,IAAI,EAAK;AAM1B,UALI,IACF,EAAK,IAAI,EAAS,GAElB,EAAK,OAAO,EAAS,EAEhB;IACP;IACD,EAAE,CAAC,EAEA,KAA0B,GAC7B,MAAqB;AACpB,KAAsB,MAAS;GAC7B,IAAM,IAAO,IAAI,IAAI,EAAK;AAQ1B,UAPA,EAAQ,SAAS,MAA2B;AAC1C,IAAI,IACF,EAAK,IAAI,EAAO,GAAG,GAEnB,EAAK,OAAO,EAAO,GAAG;KAExB,EACK;IACP;IAEJ,CAAC,EAAQ,CACV,EAEK,IAAiB,QAAkB;AACvC,oBAAqB,IAAI,KAAK,CAAC;IAC9B,EAAE,CAAC,EAEA,KAAsB,EAAY,YAAY;AAC9C,QAAgB,WAAW,GAC/B;KAAY,YAAY;AACxB,OAAI;IACF,IAAM,IAAU,MAAM,QAAQ,WAC5B,EAAgB,KAAK,MACnB,EAAgB,EACd,WAAW;KAAE,IAAI,EAAO;KAAI,MAAM,GAAG,EAAO,KAAK;KAAQ,EAC1D,CAAC,CACH,CACF,EAEK,IAAY,EAAQ,QACvB,MAA0C,EAAO,WAAW,YAC9D,CAAC,QACI,IAAS,EAAQ,SAAS;AAOhC,IALA,EACE,cAAc,EAAU,SAAS,MAAc,IAAI,KAAK,MAAM,IAAS,IAAI,MAAM,EAAO,WAAW,MACnG,IAAS,IAAI,UAAU,UACxB,EACD,GAAgB,EAChB,MAAM,GAAgB;YACf,GAAK;AACZ,MAAU,aAAe,QAAQ,EAAI,UAAU,+BAA+B,QAAQ;aAC9E;AACR,MAAY,KAAK;;;IAElB;EAAC;EAAiB;EAAiB;EAAW;EAAgB;EAAe,CAAC,EAE3E,KAAmB,EAAY,YAAY;AAC3C,QAAgB,WAAW,GAC/B;KAAY,SAAS;AACrB,OAAI;IACF,IAAM,IAAU,MAAM,QAAQ,WAC5B,EAAgB,KAAK,MACnB,EAAa,EAAE,WAAW,EAAE,IAAI,EAAO,IAAI,EAAE,CAAC,CAC/C,CACF,EAEK,IAAY,EAAQ,QACvB,MAA0C,EAAO,WAAW,YAC9D,CAAC,QACI,IAAS,EAAQ,SAAS;AAYhC,IAVI,KAAoB,EAAkB,IAAI,EAAiB,IAC7D,EAAoB,KAAK,EAG3B,EACE,WAAW,EAAU,SAAS,MAAc,IAAI,KAAK,MAAM,IAAS,IAAI,MAAM,EAAO,WAAW,MAChG,IAAS,IAAI,UAAU,UACxB,EACD,GAAgB,EAChB,EAAa,KAAK,EAClB,MAAM,GAAgB;YACf,GAAK;AACZ,MAAU,aAAe,QAAQ,EAAI,UAAU,4BAA4B,QAAQ;aAC3E;AACR,MAAY,KAAK;;;IAElB;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,KAAoB,EAAY,YAAY;AAChD,MAAI,EAAgB,WAAW,EAAG;AAClC,IAAY,UAAU;EACtB,IAAI,IAAY,GACZ,IAAS,GACT,IAAW;AAEf,MAAI;AACF,QAAK,IAAM,KAAU,EACnB,KAAI;IACF,IAAM,IAAS,MAAM,EAAc,EAAE,WAAW,EAAE,IAAI,EAAO,IAAI,EAAE,CAAC;AAEpE,QAAI,EAAO,SAAS,EAAsB,EAAO,MAAM,EAAE;AAEvD,KADA,EAAa,oBAAoB,EACjC,IAAW;AACX;;IAEF,IAAM,IAAO,EAAO,MAAM;AAC1B,IAAI,GAAM,WAAW,aAAa,GAAM,WAAW,cACjD,KAAa,IAEb,KAAU;YAEL,GAAK;AACZ,QAAI,EAAsB,EAAI,EAAE;AAE9B,KADA,EAAa,oBAAoB,EACjC,IAAW;AACX;;AAEF,SAAU;;AAad,GARK,KACH,EACE,YAAY,EAAU,SAAS,MAAc,IAAI,KAAK,MAAM,IAAS,IAAI,MAAM,EAAO,WAAW,MACjG,IAAS,IAAI,UAAU,UACxB,EAEH,GAAgB,EAChB,EAAa,KAAK,EACd,KACF,MAAM,GAAgB;WAEjB,GAAK;AACZ,KAAU,aAAe,QAAQ,EAAI,UAAU,6BAA6B,QAAQ;YAC5E;AACR,KAAY,KAAK;;IAElB;EAAC;EAAiB;EAAe;EAAW;EAAgB;EAAkB;EAAe,CAAC;AA2BjG,QAxBI,CAAC,KAAsB,KAAe,EAAY,mBAAmB,SAAS,KAAK,CAAC,KAEpF,kBAAC,GAAD,EAAA,UACE,kBAAC,IAAD,EAAgB,CAAA,EACL,CAAA,GAIb,KAEA,kBAAC,GAAD,EAAA,UACE,kBAAC,IAAD,EAAc,SAAQ,sBAAuB,CAAA,EAClC,CAAA,GAIb,KAEA,kBAAC,GAAD,EAAA,UACE,kBAAC,IAAD;EAAY,SAAS,GAAa;EAAS,eAAe,GAAgB;EAAI,CAAA,EACnE,CAAA,GAKf,kBAAC,GAAD;EAAY,WAAU;YAAtB;GACE,kBAAC,IAAD;IACE,OAAO,EAAG,eAAe,UAAU;IACnC,aAAY;IACZ,SACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,eAAe,GAAgB;MAC/B,WAAU;MACV,OAAM;gBAEN,kBAAC,IAAD,EAAW,MAAM,IAAM,CAAA;MAChB,CAAA,EACR,MACC,kBAAC,UAAD;MACE,eAAe,EAAS,EAAE,MAAM,UAAU,CAAC;MAC3C,WAAU;gBAFZ,CAIE,kBAAC,IAAD,EAAM,MAAM,IAAM,CAAA,EAAA,gBAEX;QAEP;;IAER,CAAA;GAGF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,IAAD;MACE,OAAO;MACP,UAAU;MACV,aAAa,EAAG,6BAA6B,oBAAoB;MACjE,WAAU;MACV,CAAA;KACF,kBAAC,IAAD;MACE,OAAM;MACN,SAAS;MACT,OAAO;MACP,UAAU;MACV,CAAA;KACF,kBAAC,IAAD;MACE,OAAM;MACN,SAAS;MACT,OAAO;MACP,UAAU;MACV,CAAA;KACE;;GAEL,EAAQ,SAAS,KAChB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,IAAD;QACE,SAAS;QACT,eAAe;QACf,UAAU;QACV,WAAU;QACV,CAAA,EACF,kBAAC,QAAD;QAAM,WAAU;kBAAwC;QAAyB,CAAA,CAC7E;UACL,EAAkB,OAAO,KACxB,kBAAC,UAAD;OACE,SAAS;OACT,WAAU;iBACX;OAEQ,CAAA,CAEP;SAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACG,EAAkB,MAAK,YACnB;;OACP,kBAAC,UAAD;QACE,eAAe,EAAa,UAAU;QACtC,UAAU,EAAgB,WAAW,KAAK,MAAa;QACvD,WAAU;kBAEV,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,IAAD,EAAM,MAAM,IAAM,CAAA;;UACD,EAAgB,SAAS,IAAI,KAAK,EAAgB,OAAO,KAAK;UAC1E;;QACA,CAAA;OACT,kBAAC,UAAD;QACE,SAAS;QACT,UAAU,EAAgB,WAAW,KAAK,MAAa;QACvD,WAAU;kBAEV,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,IAAD,EAAM,MAAM,IAAM,CAAA;;UAEjB,EAAgB,SAAS,IAAI,KAAK,EAAgB,OAAO,KAAK;UAC1D;;QACA,CAAA;OACT,kBAAC,UAAD;QACE,eAAe,EAAa,SAAS;QACrC,UAAU,EAAgB,WAAW,KAAK,MAAa;QACvD,WAAU;kBAEV,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,IAAD,EAAQ,MAAM,IAAM,CAAA;;UACJ,EAAgB,SAAS,IAAI,KAAK,EAAgB,OAAO,KAAK;UACzE;;QACA,CAAA;OACL;QACF;;IACF,CAAA;GAIR,kBAAC,GAAD;IAAiB,MAAK;cACnB,EAAQ,WAAW,KAAK,CAAC,MACxB,kBAAC,IAAD;KACE,OAAM;KACN,aAAY;KACZ,QACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,MACC,kBAAC,UAAD;OACE,eAAe,EAAS,EAAE,MAAM,UAAU,CAAC;OAC3C,WAAU;iBACX;OAEQ,CAAA,EAEX,kBAAC,IAAD,EAAe,QAAO,8DAA+D,CAAA,CACjF;;KAER,CAAA;IAEY,CAAA;GAEjB,EAAQ,SAAS,KAChB,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,KACN,MAcC,kBAAC,OAAD;KAEE,MAAK;KACL,UAAU;KACV,eAAe,EAAoB,EAAO,GAAG;KAC7C,YAAY,MAAM;AAChB,OAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,EAAoB,EAAO,GAAG;;KAGlC,cAAY,iBAAiB,EAAO,eAAe,EAAO;eAE1D,kBAAC,IAAD;MACU;MACR,WAAW;MACX,SAAS,MAAO,EAAS;OAAE,MAAM;OAAQ,UAAU;OAAI,CAAC;MACxD,aAAa;MACb,WAAW,MACT,EAAS;OACP,MAAM;OACN;OACA,MAAM,EAAO,eAAe,EAAO;OACpC,CAAC;MAMJ,aAAa,MAAO,EAAS,uBAAuB,mBAAmB,EAAG,GAAG;MAI7E,kBAAkB,MAChB,EAAS,mCAAmC,mBAAmB,EAAG,GAAG;MAE5D;MACA;MACC;MACZ,aAAa,OAAsB,EAAO;MAC1C,UAAU,EAAkB,IAAI,EAAO,GAAG;MAC1C,iBAAiB,MAAY,GAAsB,EAAO,IAAI,EAAQ;MACtE,CAAA;KACE,EA1CC,EAAO,GA0CR,CAET;IACG,CAAA;GAIR,kBAAC,GAAD,EAAA,UACG,KAAoB,KACnB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KACC,kBAAC,IAAD;KACE,UAAU;KACG;KACb,YAAY,EAAe,eAAe,EAAe;KACzD,eAAe,EAAoB,KAAK;KACxC,CAAA,EAEJ,kBAAC,IAAD;KACE,YAAY;KACZ,YAAY,EAAe,eAAe,EAAe;KACzD,eAAe,EAAoB,KAAK;KACxC,CAAA,CACE;OAEQ,CAAA;GAGlB,kBAAC,GAAD,EAAA,UACG,GAAO,SAAS,KACf,kBAAC,OAAD;IAAK,WAAU;cACZ,GAAO,MAAM,GAAG,CAAC,KAAK,MACrB,kBAAC,OAAD;KAEE,WAAW,kDACT,EAAM,YAAY,YACd,qFACA;KAEN,eAAe,GAAa,EAAM,GAAG;eAPvC,CASE,kBAAC,OAAD;MAAK,WAAU;gBAAuB,EAAM;MAAc,CAAA,EACzD,EAAM,UACL,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAM;MACH,CAAA,CAEJ;OAdC,EAAM,GAcP,CACN;IACE,CAAA,EAEQ,CAAA;GAGjB,EAAM,SAAS,YACd,kBAAC,IAAD;IACE,OAAM;IACE;IACR,UAAU;IACV,gBAAgB,EAAS,EAAE,MAAM,QAAQ,CAAC;IAC1C,WAAW;IACX,CAAA;GAGH,EAAM,SAAS,UAAU,KACxB,kBAAC,IAAD;IACE,OAAM;IACN,aAAa;KACX,MAAM,EAAc;KACpB,aAAa,EAAc,eAAe;KAC1C,aAAa,EAAc,eAAe;KAC1C,YAAY,EAAc,cAAc;KACxC,aAAa,EAAc,eAAe;KAC1C,UAAU,EAAc,YAAY;KACpC,UAAU,EAAc,YAAY;KACpC,MAAM,EAAc,QAAQ,EAAE;KAC9B,SAAS,EAAc,WAAW;KAClC,kBAAkB,EAAc,oBAAoB;KACpD,eAAe,EAAc,iBAAiB;KAC9C,QAAQ,EAAc,UAAU;KAChC,mBAAmB,EAAc,qBAAqB;KACtD,YAAY,EAAc,cAAc;KACxC,eAAe,EAAc,iBAAiB;KAC9C,aAAa,EAAc,eAAe;KAC1C,iBAAiB,EAAc,mBAAmB;KAClD,WAAW,EAAc,aAAa;KACtC,YAAY,EAAc,cAAc;KACxC,sBAAsB,EAAc,wBAAwB;KAC7D;IACO;IACR,UAAU;IACV,gBAAgB,EAAS,EAAE,MAAM,QAAQ,CAAC;IAC1C,WAAW;IACX,CAAA;GAGH,EAAM,SAAS,mBACd,kBAAC,GAAD;IACE,QAAQ;IACR,OAAM;IACN,SAAS,oCAAoC,EAAM,KAAK;IACxD,cAAa;IACb,SAAQ;IACR,WAAW;IACX,eAAe,EAAS,EAAE,MAAM,QAAQ,CAAC;IACzC,CAAA;GAGH,EAAM,SAAS,oBACd,kBAAC,GAAD;IACE,QAAQ;IACR,OAAO,YAAY,EAAM;IACzB,SAAS,qCAAqC,EAAM,KAAK;IACzD,cAAa;IACb,SAAQ;IACR,WAAW;IACX,eAAe,EAAS,EAAE,MAAM,QAAQ,CAAC;IACzC,CAAA;GAGJ,kBAAC,GAAD;IACE,QAAQ,OAAc;IACtB,OAAM;IACN,SAAS,mCAAmC,EAAgB,OAAO,kBAAkB,EAAgB,WAAW,IAAI,KAAK,IAAI;IAC7H,cAAa;IACb,SAAQ;IACR,WAAW;IACX,eAAe,EAAa,KAAK;IACjC,WAAW,MAAa;IACxB,CAAA;GAEF,kBAAC,GAAD;IACE,QAAQ,OAAc;IACtB,OAAM;IACN,SAAS,WAAW,EAAgB,OAAO,kBAAkB,EAAgB,WAAW,IAAI,KAAK,IAAI;IACrG,cAAa;IACb,SAAQ;IACR,WAAW;IACX,eAAe,EAAa,KAAK;IACjC,WAAW,MAAa;IACxB,CAAA;GAEF,kBAAC,IAAD;IACE,QAAQ,MAAc;IACtB,eAAe,EAAa,KAAK;IACjC,iBAAiB;AAEf,KADA,EAAa,KAAK,EAClB,EAAS,WAAW;;IAEtB,OAAO,IAAY,EAAsB,EAAU,CAAC,QAAQ,KAAA;IAC5D,SAAS,IAAY,EAAsB,EAAU,CAAC,UAAU;IAChE,CAAA;GACS"}
+{"version":3,"file":"ActionsPage.js","names":[],"sources":["../../src/pages/ActionsPage.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Copy, Play, Plus, RefreshCw, Trash2 } from 'lucide-react';\nimport { isNative, nativeNotify } from '../utils/nativeBridge';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { EntityTagPicker } from '@/components/shared/EntityTagPicker';\nimport { AnimatePresence } from 'framer-motion';\nimport {\n  PageHeader,\n  EmptyState,\n  LoadingState,\n  ErrorState,\n  ConfirmDialog,\n  SearchInput,\n  FilterDropdown,\n  SelectionCheckbox,\n  GetHelpButton,\n} from '@/components/shared';\nimport {\n  ActionCard,\n  ActionForm,\n  ActionSchedulesList,\n  ExecutionHistory,\n} from '@/components/actions';\nimport type { ActionFormData } from '@/components/actions';\nimport {\n  useListActionsQuery,\n  useGetActionQuery,\n  useListAgentsQuery,\n  useCreateActionMutation,\n  useUpdateActionMutation,\n  useDeleteActionMutation,\n  useExecuteActionMutation,\n  useDuplicateActionMutation,\n} from '@/generated/wspace-operations';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { isQuotaExhaustedError, getQuotaDialogContent } from '@/utils/quotaUtils';\nimport { QuotaExhaustedDialog } from '@/components/shared/QuotaExhaustedDialog';\n\ntype ModalState =\n  | { type: 'none' }\n  | { type: 'create' }\n  | { type: 'edit'; actionId: string }\n  | { type: 'confirmDelete'; id: string; name: string }\n  | { type: 'confirmExecute'; actionId: string; name: string; agentId?: string };\n\ninterface ErrorToast {\n  message: string;\n  variant: 'success' | 'error';\n  detail?: string | null;\n  id: number;\n}\n\nconst ACTION_TYPE_OPTIONS = [\n  { value: 'COMMAND', label: 'Command' },\n  { value: 'SCRIPT', label: 'Script' },\n  { value: 'WEBHOOK', label: 'Webhook' },\n  { value: 'WORKFLOW', label: 'Workflow' },\n];\n\nconst TRIGGER_TYPE_OPTIONS = [\n  { value: 'MANUAL', label: 'Manual' },\n  { value: 'SCHEDULED', label: 'Scheduled' },\n  { value: 'EVENT', label: 'Event' },\n  { value: 'ON_DEMAND', label: 'On Demand' },\n];\n\nexport function ActionsPage() {\n  const navigate = useNavigate();\n  const { workspaceId } = useVibeControls();\n  const { hasPermission, isLoading: permissionsLoading, permissions } = usePermissions();\n  const tr = (\n    (i18n) =>\n    (key: string, fallback: string): string => {\n      const v = i18n.t(key);\n      return v === key ? fallback : v;\n    }\n  )(useI18n());\n  // Default to true when action permissions haven't been registered in RBAC yet\n  const actionPermsRegistered = (\n    Array.isArray(permissions) ? permissions : permissions?.permissionStrings\n  )?.some?.((p: string) => p.startsWith('action:'));\n  const canList = actionPermsRegistered ? hasPermission(VIBE_PERMISSIONS.ACTION_LIST) : true;\n  const canCreate = actionPermsRegistered ? hasPermission(VIBE_PERMISSIONS.ACTION_CREATE) : true;\n  const canUpdate = actionPermsRegistered ? hasPermission(VIBE_PERMISSIONS.ACTION_UPDATE) : true;\n  const canDelete = actionPermsRegistered ? hasPermission(VIBE_PERMISSIONS.ACTION_DELETE) : true;\n  const canExecute = actionPermsRegistered ? hasPermission(VIBE_PERMISSIONS.ACTION_EXECUTE) : true;\n  const shouldSkipQueries = permissionsLoading;\n\n  const [modal, setModal] = useState<ModalState>({ type: 'none' });\n  const [toasts, setToasts] = useState<ErrorToast[]>([]);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [actionTypeFilter, setActionTypeFilter] = useState<string | null>(null);\n  const [triggerTypeFilter, setTriggerTypeFilter] = useState<string | null>(null);\n  const [selectedActionId, setSelectedActionId] = useState<string | null>(null);\n  const [selectedActionIds, setSelectedActionIds] = useState<Set<string>>(new Set());\n  const [executingActionId, setExecutingActionId] = useState<string | null>(null);\n  const [bulkModal, setBulkModal] = useState<'delete' | 'execute' | null>(null);\n  const [bulkBusy, setBulkBusy] = useState<'delete' | 'execute' | 'duplicate' | null>(null);\n  const [quotaKind, setQuotaKind] = useState<'action' | 'command-execution' | null>(null);\n\n  const showToast = useCallback(\n    (message: string, variant: 'success' | 'error', detail?: string | null, duration = 10000) => {\n      const id = Date.now() + Math.random();\n      setToasts((prev) => [...prev, { message, variant, detail, id }]);\n      if (variant === 'success') {\n        setTimeout(() => setToasts((prev) => prev.filter((t) => t.id !== id)), duration);\n      }\n    },\n    []\n  );\n\n  const dismissToast = useCallback((id: number) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  // Queries\n  const {\n    data: actionsData,\n    loading: actionsLoading,\n    error: actionsError,\n    refetch: refetchActions,\n  } = useListActionsQuery({\n    variables: {\n      filter: {\n        ...(actionTypeFilter && actionTypeFilter !== 'all' ? { actionType: actionTypeFilter } : {}),\n        ...(triggerTypeFilter && triggerTypeFilter !== 'all'\n          ? { triggerType: triggerTypeFilter }\n          : {}),\n        ...(searchQuery ? { search: searchQuery } : {}),\n      },\n      pagination: { limit: 50 },\n    },\n    skip: shouldSkipQueries,\n  });\n\n  const actions = useMemo(() => actionsData?.actions?.items || [], [actionsData]);\n\n  // Fetch selected action details (with executions)\n  const { data: selectedActionData } = useGetActionQuery({\n    variables: { id: selectedActionId! },\n    skip: !selectedActionId || shouldSkipQueries,\n  });\n\n  const selectedAction = selectedActionData?.action;\n  const recentExecutions = selectedAction?.recentExecutions || [];\n\n  // Agents for form\n  const { data: agentsData } = useListAgentsQuery({\n    variables: { pagination: { limit: 100 } },\n    fetchPolicy: 'cache-and-network',\n    skip: shouldSkipQueries,\n  });\n  const agents = useMemo(\n    () =>\n      (agentsData?.vibecontrolsAgents ?? []).map(\n        (a: { id: string; name: string; isActive: boolean }) => ({\n          id: a.id,\n          name: a.name,\n          isActive: a.isActive,\n        })\n      ),\n    [agentsData]\n  );\n\n  // Mutations\n  const [createAction, { loading: createLoading }] = useCreateActionMutation({\n    refetchQueries: ['ListActions'],\n  });\n  const [updateAction, { loading: updateLoading }] = useUpdateActionMutation({\n    refetchQueries: ['ListActions', 'GetAction'],\n  });\n  const [deleteAction] = useDeleteActionMutation({\n    refetchQueries: ['ListActions'],\n  });\n  const [executeAction] = useExecuteActionMutation({\n    refetchQueries: ['GetAction'],\n  });\n  const [duplicateAction] = useDuplicateActionMutation({\n    refetchQueries: ['ListActions'],\n  });\n\n  // Handlers\n  const handleCreate = useCallback(\n    async (data: ActionFormData) => {\n      try {\n        const result = await createAction({\n          variables: {\n            input: {\n              name: data.name,\n              displayName: data.displayName || null,\n              description: data.description || null,\n              actionType: data.actionType,\n              triggerType: data.triggerType,\n              schedule: data.triggerType === 'SCHEDULED' ? data.schedule || null : null,\n              category: data.category || null,\n              tags: data.tags.length > 0 ? data.tags : null,\n              command: data.actionType === 'COMMAND' ? data.command || null : null,\n              workingDirectory:\n                data.actionType !== 'WEBHOOK' ? data.workingDirectory || null : null,\n              targetAgentId: data.actionType !== 'WEBHOOK' ? data.targetAgentId || null : null,\n              script: data.actionType === 'SCRIPT' ? data.script || null : null,\n              scriptInterpreter:\n                data.actionType === 'SCRIPT' ? data.scriptInterpreter || 'bash' : null,\n              webhookUrl: data.actionType === 'WEBHOOK' ? data.webhookUrl || null : null,\n              webhookMethod: data.actionType === 'WEBHOOK' ? data.webhookMethod || 'POST' : null,\n              webhookBody: data.actionType === 'WEBHOOK' ? data.webhookBody || null : null,\n              webhookAuthType: data.actionType === 'WEBHOOK' ? data.webhookAuthType || null : null,\n              timeoutMs: data.timeoutMs,\n              retryCount: data.retryCount,\n              confirmationRequired: data.confirmationRequired,\n            },\n          },\n        });\n        // With errorPolicy:'all', quota errors resolve on result.error instead of throwing\n        if (result.error && isQuotaExhaustedError(result.error)) {\n          setModal({ type: 'none' });\n          setQuotaKind('action');\n          return;\n        }\n        setModal({ type: 'none' });\n        showToast('Action created', 'success');\n      } catch (err) {\n        if (isQuotaExhaustedError(err)) {\n          setModal({ type: 'none' });\n          setQuotaKind('action');\n          return;\n        }\n        showToast(err instanceof Error ? err.message : 'Failed to create action', 'error');\n      }\n    },\n    [createAction, showToast]\n  );\n\n  const handleUpdate = useCallback(\n    async (data: ActionFormData) => {\n      if (modal.type !== 'edit') return;\n      try {\n        await updateAction({\n          variables: {\n            id: modal.actionId,\n            input: {\n              displayName: data.displayName || null,\n              description: data.description || null,\n              actionType: data.actionType,\n              triggerType: data.triggerType,\n              schedule: data.triggerType === 'SCHEDULED' ? data.schedule || null : null,\n              category: data.category || null,\n              tags: data.tags.length > 0 ? data.tags : null,\n              command: data.actionType === 'COMMAND' ? data.command || null : null,\n              workingDirectory:\n                data.actionType !== 'WEBHOOK' ? data.workingDirectory || null : null,\n              targetAgentId: data.actionType !== 'WEBHOOK' ? data.targetAgentId || null : null,\n              script: data.actionType === 'SCRIPT' ? data.script || null : null,\n              scriptInterpreter:\n                data.actionType === 'SCRIPT' ? data.scriptInterpreter || 'bash' : null,\n              webhookUrl: data.actionType === 'WEBHOOK' ? data.webhookUrl || null : null,\n              webhookMethod: data.actionType === 'WEBHOOK' ? data.webhookMethod || 'POST' : null,\n              webhookBody: data.actionType === 'WEBHOOK' ? data.webhookBody || null : null,\n              webhookAuthType: data.actionType === 'WEBHOOK' ? data.webhookAuthType || null : null,\n              timeoutMs: data.timeoutMs,\n              retryCount: data.retryCount,\n              confirmationRequired: data.confirmationRequired,\n            },\n          },\n        });\n        setModal({ type: 'none' });\n        showToast('Action updated', 'success');\n      } catch (err) {\n        showToast(err instanceof Error ? err.message : 'Failed to update action', 'error');\n      }\n    },\n    [updateAction, modal, showToast]\n  );\n\n  const handleDelete = useCallback(async () => {\n    if (modal.type !== 'confirmDelete') return;\n    try {\n      await deleteAction({ variables: { id: modal.id } });\n      if (selectedActionId === modal.id) setSelectedActionId(null);\n      setModal({ type: 'none' });\n      showToast('Action deleted', 'success');\n      if (isNative()) void nativeNotify('success');\n    } catch (err) {\n      showToast(err instanceof Error ? err.message : 'Failed to delete action', 'error');\n      if (isNative()) void nativeNotify('error');\n    }\n  }, [modal, deleteAction, selectedActionId, showToast]);\n\n  const handleExecute = async (actionId: string) => {\n    const action = actions.find((a: { id: string }) => a.id === actionId) as\n      | { id: string; name: string; displayName?: string | null; confirmationRequired: boolean }\n      | undefined;\n    if (!action) return;\n\n    if (action.confirmationRequired) {\n      setModal({\n        type: 'confirmExecute',\n        actionId,\n        name: action.displayName || action.name,\n      });\n      return;\n    }\n\n    await doExecute(actionId);\n  };\n\n  const doExecute = useCallback(\n    async (actionId: string) => {\n      setExecutingActionId(actionId);\n      try {\n        const result = await executeAction({ variables: { id: actionId } });\n        // With errorPolicy:'all', quota errors resolve on result.error instead of throwing\n        if (result.error && isQuotaExhaustedError(result.error)) {\n          setQuotaKind('command-execution');\n          return;\n        }\n        const exec = result.data?.executeAction;\n        if (exec) {\n          showToast(\n            exec.status === 'SUCCESS' || exec.status === 'COMPLETED'\n              ? 'Action executed successfully'\n              : 'Action execution failed',\n            exec.status === 'SUCCESS' || exec.status === 'COMPLETED' ? 'success' : 'error',\n            exec.output || exec.errorMessage\n          );\n        }\n      } catch (err) {\n        if (isQuotaExhaustedError(err)) {\n          setQuotaKind('command-execution');\n          return;\n        }\n        showToast(err instanceof Error ? err.message : 'Execution failed', 'error');\n      } finally {\n        setExecutingActionId(null);\n      }\n    },\n    [executeAction, showToast]\n  );\n\n  const handleConfirmExecute = useCallback(async () => {\n    if (modal.type !== 'confirmExecute') return;\n    const actionId = modal.actionId;\n    setModal({ type: 'none' });\n    await doExecute(actionId);\n  }, [modal, doExecute]);\n\n  const handleDuplicate = useCallback(\n    async (actionId: string) => {\n      const action = actions.find((a: { id: string; name: string }) => a.id === actionId);\n      if (!action) return;\n      try {\n        await duplicateAction({\n          variables: { id: actionId, name: `${action.name}-copy` },\n        });\n        showToast('Action duplicated', 'success');\n      } catch (err) {\n        showToast(err instanceof Error ? err.message : 'Failed to duplicate action', 'error');\n      }\n    },\n    [actions, duplicateAction, showToast]\n  );\n\n  // Edit action: find the action data for the form\n  const editingAction = useMemo(() => {\n    if (modal.type !== 'edit') return null;\n    return actions.find((a: { id: string }) => a.id === modal.actionId) || null;\n  }, [modal, actions]);\n\n  const selectedActions = useMemo(\n    () => actions.filter((action: { id: string }) => selectedActionIds.has(action.id)),\n    [actions, selectedActionIds]\n  );\n\n  const allVisibleSelected =\n    actions.length > 0 &&\n    actions.every((action: { id: string }) => selectedActionIds.has(action.id));\n\n  const partiallySelected =\n    actions.some((action: { id: string }) => selectedActionIds.has(action.id)) &&\n    !allVisibleSelected;\n\n  const toggleActionSelection = useCallback((actionId: string, checked: boolean) => {\n    setSelectedActionIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(actionId);\n      } else {\n        next.delete(actionId);\n      }\n      return next;\n    });\n  }, []);\n\n  const toggleAllVisibleActions = useCallback(\n    (checked: boolean) => {\n      setSelectedActionIds((prev) => {\n        const next = new Set(prev);\n        actions.forEach((action: { id: string }) => {\n          if (checked) {\n            next.add(action.id);\n          } else {\n            next.delete(action.id);\n          }\n        });\n        return next;\n      });\n    },\n    [actions]\n  );\n\n  const clearSelection = useCallback(() => {\n    setSelectedActionIds(new Set());\n  }, []);\n\n  const handleBulkDuplicate = useCallback(async () => {\n    if (selectedActions.length === 0) return;\n    setBulkBusy('duplicate');\n    try {\n      const results = await Promise.allSettled(\n        selectedActions.map((action: { id: string; name: string }) =>\n          duplicateAction({\n            variables: { id: action.id, name: `${action.name}-copy` },\n          })\n        )\n      );\n\n      const succeeded = results.filter(\n        (result: PromiseSettledResult<unknown>) => result.status === 'fulfilled'\n      ).length;\n      const failed = results.length - succeeded;\n\n      showToast(\n        `Duplicated ${succeeded} action${succeeded === 1 ? '' : 's'}${failed > 0 ? ` • ${failed} failed` : ''}`,\n        failed > 0 ? 'error' : 'success'\n      );\n      clearSelection();\n      await refetchActions();\n    } catch (err) {\n      showToast(err instanceof Error ? err.message : 'Failed to duplicate actions', 'error');\n    } finally {\n      setBulkBusy(null);\n    }\n  }, [selectedActions, duplicateAction, showToast, clearSelection, refetchActions]);\n\n  const handleBulkDelete = useCallback(async () => {\n    if (selectedActions.length === 0) return;\n    setBulkBusy('delete');\n    try {\n      const results = await Promise.allSettled(\n        selectedActions.map((action: { id: string }) =>\n          deleteAction({ variables: { id: action.id } })\n        )\n      );\n\n      const succeeded = results.filter(\n        (result: PromiseSettledResult<unknown>) => result.status === 'fulfilled'\n      ).length;\n      const failed = results.length - succeeded;\n\n      if (selectedActionId && selectedActionIds.has(selectedActionId)) {\n        setSelectedActionId(null);\n      }\n\n      showToast(\n        `Deleted ${succeeded} action${succeeded === 1 ? '' : 's'}${failed > 0 ? ` • ${failed} failed` : ''}`,\n        failed > 0 ? 'error' : 'success'\n      );\n      clearSelection();\n      setBulkModal(null);\n      await refetchActions();\n    } catch (err) {\n      showToast(err instanceof Error ? err.message : 'Failed to delete actions', 'error');\n    } finally {\n      setBulkBusy(null);\n    }\n  }, [\n    selectedActions,\n    deleteAction,\n    selectedActionId,\n    selectedActionIds,\n    showToast,\n    clearSelection,\n    refetchActions,\n  ]);\n\n  const handleBulkExecute = useCallback(async () => {\n    if (selectedActions.length === 0) return;\n    setBulkBusy('execute');\n    let succeeded = 0;\n    let failed = 0;\n    let quotaHit = false;\n\n    try {\n      for (const action of selectedActions) {\n        try {\n          const result = await executeAction({ variables: { id: action.id } });\n          // With errorPolicy:'all', quota errors resolve on result.error instead of throwing\n          if (result.error && isQuotaExhaustedError(result.error)) {\n            setQuotaKind('command-execution');\n            quotaHit = true;\n            break;\n          }\n          const exec = result.data?.executeAction;\n          if (exec?.status === 'SUCCESS' || exec?.status === 'COMPLETED') {\n            succeeded += 1;\n          } else {\n            failed += 1;\n          }\n        } catch (err) {\n          if (isQuotaExhaustedError(err)) {\n            setQuotaKind('command-execution');\n            quotaHit = true;\n            break;\n          }\n          failed += 1;\n        }\n      }\n\n      // Skip summary toast when quota was hit — the quota dialog is the feedback\n      if (!quotaHit) {\n        showToast(\n          `Executed ${succeeded} action${succeeded === 1 ? '' : 's'}${failed > 0 ? ` • ${failed} failed` : ''}`,\n          failed > 0 ? 'error' : 'success'\n        );\n      }\n      clearSelection();\n      setBulkModal(null);\n      if (selectedActionId) {\n        await refetchActions();\n      }\n    } catch (err) {\n      showToast(err instanceof Error ? err.message : 'Failed to execute actions', 'error');\n    } finally {\n      setBulkBusy(null);\n    }\n  }, [selectedActions, executeAction, showToast, clearSelection, selectedActionId, refetchActions]);\n\n  // Guard states\n  if (!permissionsLoading && permissions && permissions.permissionStrings?.length > 0 && !canList) {\n    return (\n      <MotionPage>\n        <AccessDenied />\n      </MotionPage>\n    );\n  }\n\n  if (actionsLoading) {\n    return (\n      <MotionPage>\n        <LoadingState message=\"Loading Actions...\" />\n      </MotionPage>\n    );\n  }\n\n  if (actionsError) {\n    return (\n      <MotionPage>\n        <ErrorState message={actionsError.message} onRetry={() => refetchActions()} />\n      </MotionPage>\n    );\n  }\n\n  return (\n    <MotionPage className=\"p-4 sm:p-6 space-y-6\">\n      <PageHeader\n        title={tr('nav.actions', 'Actions')}\n        description=\"Automate tasks — run commands, scripts, or trigger webhooks on your agents\"\n        actions={\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={() => refetchActions()}\n              className=\"p-2 rounded-lg hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors\"\n              title=\"Refresh\"\n            >\n              <RefreshCw size={16} />\n            </button>\n            {canCreate && (\n              <button\n                onClick={() => setModal({ type: 'create' })}\n                className=\"inline-flex items-center gap-1.5 px-4 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:opacity-90 text-sm font-medium transition-opacity\"\n              >\n                <Plus size={16} />\n                Create Action\n              </button>\n            )}\n          </div>\n        }\n      />\n\n      {/* Filters */}\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <SearchInput\n          value={searchQuery}\n          onChange={setSearchQuery}\n          placeholder={tr('actions.searchPlaceholder', 'Search actions...')}\n          className=\"w-full sm:w-64\"\n        />\n        <FilterDropdown\n          label=\"Type\"\n          options={ACTION_TYPE_OPTIONS}\n          value={actionTypeFilter}\n          onChange={setActionTypeFilter}\n        />\n        <FilterDropdown\n          label=\"Trigger\"\n          options={TRIGGER_TYPE_OPTIONS}\n          value={triggerTypeFilter}\n          onChange={setTriggerTypeFilter}\n        />\n      </div>\n\n      {actions.length > 0 && (\n        <div className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n          <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n            <div className=\"flex flex-wrap items-center gap-3\">\n              <div className=\"flex items-center gap-2\">\n                <SelectionCheckbox\n                  checked={allVisibleSelected}\n                  indeterminate={partiallySelected}\n                  onChange={toggleAllVisibleActions}\n                  ariaLabel=\"Select all visible actions\"\n                />\n                <span className=\"text-sm font-medium text-text-primary\">Select all visible</span>\n              </div>\n              {selectedActionIds.size > 0 && (\n                <button\n                  onClick={clearSelection}\n                  className=\"text-sm text-text-secondary hover:text-text-primary\"\n                >\n                  Clear selection\n                </button>\n              )}\n            </div>\n\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary\">\n                {selectedActionIds.size} selected\n              </span>\n              <button\n                onClick={() => setBulkModal('execute')}\n                disabled={selectedActions.length === 0 || bulkBusy !== null}\n                className=\"rounded-md border border-status-success-border px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                <span className=\"inline-flex items-center gap-2\">\n                  <Play size={14} />\n                  Execute Selected{selectedActions.length > 0 ? ` (${selectedActions.length})` : ''}\n                </span>\n              </button>\n              <button\n                onClick={handleBulkDuplicate}\n                disabled={selectedActions.length === 0 || bulkBusy !== null}\n                className=\"rounded-md border border-border-default px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                <span className=\"inline-flex items-center gap-2\">\n                  <Copy size={14} />\n                  Duplicate Selected\n                  {selectedActions.length > 0 ? ` (${selectedActions.length})` : ''}\n                </span>\n              </button>\n              <button\n                onClick={() => setBulkModal('delete')}\n                disabled={selectedActions.length === 0 || bulkBusy !== null}\n                className=\"rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                <span className=\"inline-flex items-center gap-2\">\n                  <Trash2 size={14} />\n                  Delete Selected{selectedActions.length > 0 ? ` (${selectedActions.length})` : ''}\n                </span>\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Actions Grid */}\n      <AnimatePresence mode=\"wait\">\n        {actions.length === 0 && !actionsLoading && (\n          <EmptyState\n            title=\"No actions yet\"\n            description=\"Create your first action to automate commands, scripts, and webhooks\"\n            action={\n              <div className=\"flex items-center gap-2\">\n                {canCreate && (\n                  <button\n                    onClick={() => setModal({ type: 'create' })}\n                    className=\"px-4 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:opacity-90 text-sm font-medium\"\n                  >\n                    Create Action\n                  </button>\n                )}\n                <GetHelpButton prompt=\"What is an Action in VibeControls and how do I create one?\" />\n              </div>\n            }\n          />\n        )}\n      </AnimatePresence>\n\n      {actions.length > 0 && (\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n          {actions.map(\n            (action: {\n              id: string;\n              name: string;\n              displayName?: string | null;\n              description?: string | null;\n              actionType: string;\n              sourceType?: string | null;\n              triggerType: string;\n              category?: string | null;\n              tags?: string[] | null;\n              executionCount?: number | null;\n              lastExecutedAt?: string | null;\n              confirmationRequired: boolean;\n            }) => (\n              <div\n                key={action.id}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => setSelectedActionId(action.id)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    setSelectedActionId(action.id);\n                  }\n                }}\n                aria-label={`Select action ${action.displayName || action.name}`}\n              >\n                <ActionCard\n                  action={action}\n                  onExecute={handleExecute}\n                  onEdit={(id) => setModal({ type: 'edit', actionId: id })}\n                  onDuplicate={handleDuplicate}\n                  onDelete={(id) =>\n                    setModal({\n                      type: 'confirmDelete',\n                      id,\n                      name: action.displayName || action.name,\n                    })\n                  }\n                  // Schedule navigates to the scheduler microfe with the\n                  // actionId prefilled. The scheduler Create-Job form reads\n                  // `?actionId=` and auto-selects the action so users don't\n                  // need to copy IDs across tabs.\n                  onSchedule={(id) => navigate(`/scheduler?actionId=${encodeURIComponent(id)}`)}\n                  // Add-to-Calendar navigates to the VibeCalendar page with\n                  // the actionId prefilled so the event-create modal can\n                  // bind a VibeCalendarTask to this action.\n                  onAddToCalendar={(id) =>\n                    navigate(`/vibecontrols/calendar?actionId=${encodeURIComponent(id)}`)\n                  }\n                  canUpdate={canUpdate}\n                  canDelete={canDelete}\n                  canExecute={canExecute}\n                  isExecuting={executingActionId === action.id}\n                  selected={selectedActionIds.has(action.id)}\n                  onToggleSelect={(checked) => toggleActionSelection(action.id, checked)}\n                />\n              </div>\n            )\n          )}\n        </div>\n      )}\n\n      {/* Schedules + Execution History Panels for the selected action */}\n      <AnimatePresence>\n        {selectedActionId && selectedAction && (\n          <div className=\"space-y-3\">\n            {workspaceId && (\n              <ActionSchedulesList\n                actionId={selectedActionId}\n                workspaceId={workspaceId}\n                actionName={selectedAction.displayName || selectedAction.name}\n                onClose={() => setSelectedActionId(null)}\n              />\n            )}\n            <ExecutionHistory\n              executions={recentExecutions}\n              actionName={selectedAction.displayName || selectedAction.name}\n              onClose={() => setSelectedActionId(null)}\n            />\n          </div>\n        )}\n      </AnimatePresence>\n\n      {/* Toast Notifications */}\n      <AnimatePresence>\n        {toasts.length > 0 && (\n          <div className=\"fixed bottom-4 left-4 right-4 sm:left-auto sm:bottom-6 sm:right-6 z-50 flex flex-col gap-2 max-w-[calc(100vw-2rem)] sm:max-w-md\">\n            {toasts.slice(-3).map((toast) => (\n              <div\n                key={toast.id}\n                className={`p-4 rounded-xl shadow-lg border cursor-pointer ${\n                  toast.variant === 'success'\n                    ? 'bg-status-success-bg/10 border-status-success-border/30 text-status-success-text'\n                    : 'bg-status-error-bg/10 border-status-error-border/30 text-status-error-text'\n                }`}\n                onClick={() => dismissToast(toast.id)}\n              >\n                <div className=\"font-medium text-sm\">{toast.message}</div>\n                {toast.detail && (\n                  <pre className=\"text-xs font-mono opacity-80 mt-1 max-h-20 overflow-y-auto whitespace-pre-wrap\">\n                    {toast.detail}\n                  </pre>\n                )}\n              </div>\n            ))}\n          </div>\n        )}\n      </AnimatePresence>\n\n      {/* Modals */}\n      {modal.type === 'create' && (\n        <ActionForm\n          title=\"Create Action\"\n          agents={agents}\n          onSubmit={handleCreate}\n          onCancel={() => setModal({ type: 'none' })}\n          isLoading={createLoading}\n        />\n      )}\n\n      {modal.type === 'edit' && editingAction && (\n        <ActionForm\n          title=\"Edit Action\"\n          initialData={{\n            name: editingAction.name,\n            displayName: editingAction.displayName || '',\n            description: editingAction.description || '',\n            actionType: editingAction.actionType || 'COMMAND',\n            triggerType: editingAction.triggerType || 'MANUAL',\n            schedule: editingAction.schedule || '',\n            category: editingAction.category || '',\n            tags: editingAction.tags || [],\n            command: editingAction.command || '',\n            workingDirectory: editingAction.workingDirectory || '',\n            targetAgentId: editingAction.targetAgentId || '',\n            script: editingAction.script || '',\n            scriptInterpreter: editingAction.scriptInterpreter || 'bash',\n            webhookUrl: editingAction.webhookUrl || '',\n            webhookMethod: editingAction.webhookMethod || 'POST',\n            webhookBody: editingAction.webhookBody || '',\n            webhookAuthType: editingAction.webhookAuthType || '',\n            timeoutMs: editingAction.timeoutMs || 30000,\n            retryCount: editingAction.retryCount || 0,\n            confirmationRequired: editingAction.confirmationRequired ?? false,\n          }}\n          agents={agents}\n          onSubmit={handleUpdate}\n          onCancel={() => setModal({ type: 'none' })}\n          isLoading={updateLoading}\n          extraSection={\n            <div>\n              <h3 className=\"text-sm font-medium text-text-secondary mb-2\">Tags</h3>\n              <EntityTagPicker entityType=\"VIBECONTROLS_ACTION\" entityId={editingAction.id} />\n            </div>\n          }\n        />\n      )}\n\n      {modal.type === 'confirmDelete' && (\n        <ConfirmDialog\n          isOpen={true}\n          title=\"Delete Action\"\n          message={`Are you sure you want to delete \"${modal.name}\"? This cannot be undone.`}\n          confirmLabel=\"Delete\"\n          variant=\"danger\"\n          onConfirm={handleDelete}\n          onClose={() => setModal({ type: 'none' })}\n        />\n      )}\n\n      {modal.type === 'confirmExecute' && (\n        <ConfirmDialog\n          isOpen={true}\n          title={`Execute: ${modal.name}`}\n          message={`Are you sure you want to execute \"${modal.name}\"?`}\n          confirmLabel=\"Execute\"\n          variant=\"warning\"\n          onConfirm={handleConfirmExecute}\n          onClose={() => setModal({ type: 'none' })}\n        />\n      )}\n\n      <ConfirmDialog\n        isOpen={bulkModal === 'delete'}\n        title=\"Delete Selected Actions\"\n        message={`Are you sure you want to delete ${selectedActions.length} selected action${selectedActions.length === 1 ? '' : 's'}? This cannot be undone.`}\n        confirmLabel=\"Delete Actions\"\n        variant=\"danger\"\n        onConfirm={handleBulkDelete}\n        onClose={() => setBulkModal(null)}\n        isLoading={bulkBusy === 'delete'}\n      />\n\n      <ConfirmDialog\n        isOpen={bulkModal === 'execute'}\n        title=\"Execute Selected Actions\"\n        message={`Execute ${selectedActions.length} selected action${selectedActions.length === 1 ? '' : 's'}? This may trigger commands, scripts, or webhooks immediately.`}\n        confirmLabel=\"Execute Actions\"\n        variant=\"warning\"\n        onConfirm={handleBulkExecute}\n        onClose={() => setBulkModal(null)}\n        isLoading={bulkBusy === 'execute'}\n      />\n\n      <QuotaExhaustedDialog\n        isOpen={quotaKind !== null}\n        onClose={() => setQuotaKind(null)}\n        onConfirm={() => {\n          setQuotaKind(null);\n          navigate('/billing');\n        }}\n        title={quotaKind ? getQuotaDialogContent(quotaKind).title : undefined}\n        message={quotaKind ? getQuotaDialogContent(quotaKind).message : ''}\n      />\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/AgentDetailsPage.js

@@ -6,11 +6,11 @@ import { LoadingState as l } from "../components/shared/LoadingState.js";
 import { ErrorState as ae } from "../components/shared/ErrorState.js";
 import { QuotaExhaustedDialog as oe } from "../components/shared/QuotaExhaustedDialog.js";
 import { isQuotaExhaustedError as se } from "../utils/quotaUtils.js";
-import { isNative as u, nativeCopyText as d, nativeToast as ce } from "../utils/nativeBridge.js";
-import { EmptyState as le } from "../components/shared/EmptyState.js";
+import { EntityTagPicker as u } from "../components/shared/EntityTagPicker.js";
+import { isNative as d, nativeCopyText as ce, nativeToast as le } from "../utils/nativeBridge.js";
+import { EmptyState as ue } from "../components/shared/EmptyState.js";
 import { StatusBadge as f } from "../components/shared/StatusBadge.js";
 import { Card as p } from "../components/shared/Card.js";
-import { EntityTagPicker as ue } from "../components/shared/EntityTagPicker.js";
 import { useActiveAgentProfile as de } from "../hooks/useActiveAgentProfile.js";
 import "../components/shared/index.js";
 import { VIBE_PERMISSIONS as m } from "../constants/permissions.js";
@@ -35,7 +35,7 @@ import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
 import { MotionPage as M } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/AgentDetailsPage.tsx
 function Ye({ agent: e, onUpdate: t }) {
-	let { t: n } = be(), [r] = re(), [i] = ne(), [a, ee] = v(!1), [te, o] = v(null), [s, ie] = v(!1), [c, l] = v(null), [ae, oe] = v(!1), [se, le] = v(!1), [f, ue] = v(!1), de = !!(e.appId && e.appClientId), m = (e, t, r) => {
+	let { t: n } = be(), [r] = re(), [i] = ne(), [a, ee] = v(!1), [te, o] = v(null), [s, ie] = v(!1), [c, l] = v(null), [ae, oe] = v(!1), [se, u] = v(!1), [ue, f] = v(!1), de = !!(e.appId && e.appClientId), m = (e, t, r) => {
 		let i = n(e, r), a = i === e ? t : i;
 		return r ? Object.entries(r).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), a) : a;
 	}, fe = e.metadata?.devportalApplicationId, pe = async () => {
@@ -99,7 +99,7 @@ function Ye({ agent: e, onUpdate: t }) {
 							}), /* @__PURE__ */ A("button", {
 								onClick: async () => {
 									if (e.appClientId) try {
-										await d(e.appClientId), u() && ce("Copied"), le(!0), setTimeout(() => le(!1), 2e3);
+										await ce(e.appClientId), d() && le("Copied"), u(!0), setTimeout(() => u(!1), 2e3);
 									} catch {}
 								},
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
@@ -142,7 +142,7 @@ function Ye({ agent: e, onUpdate: t }) {
 							/* @__PURE__ */ A("button", {
 								onClick: async () => {
 									if (c) try {
-										await d(c), u() && ce("Secret copied"), oe(!0), setTimeout(() => oe(!1), 2e3);
+										await ce(c), d() && le("Secret copied"), oe(!0), setTimeout(() => oe(!1), 2e3);
 									} catch {}
 								},
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
@@ -170,7 +170,7 @@ function Ye({ agent: e, onUpdate: t }) {
 					/* @__PURE__ */ j("button", {
 						onClick: async () => {
 							if (window.confirm(m("agentDetails.confirmUnlinkOauthApp", "Remove the linked OAuth app from this agent? The app will still exist in auth-svc."))) {
-								ue(!0), o(null);
+								f(!0), o(null);
 								try {
 									await r({ variables: {
 										id: e.id,
@@ -182,13 +182,13 @@ function Ye({ agent: e, onUpdate: t }) {
 								} catch (e) {
 									o(e instanceof Error ? e.message : m("agentDetails.failedUnlinkApp", "Failed to unlink app"));
 								} finally {
-									ue(!1);
+									f(!1);
 								}
 							}
 						},
-						disabled: f,
+						disabled: ue,
 						className: "flex items-center gap-2 px-3 py-1.5 text-xs text-status-error-text hover:bg-status-error-bg rounded-md transition-colors disabled:opacity-50",
-						children: [f ? /* @__PURE__ */ A(S, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ A(We, { className: "w-3 h-3" }), m("agentDetails.unlinkApp", "Unlink App")]
+						children: [ue ? /* @__PURE__ */ A(S, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ A(We, { className: "w-3 h-3" }), m("agentDetails.unlinkApp", "Unlink App")]
 					})
 				]
 			})
@@ -485,7 +485,7 @@ function Xe() {
 		}
 	}, nn = async () => {
 		if (z?.agentApiKey) try {
-			await d(z.agentApiKey), u() && ce("API key copied"), xt(!0), setTimeout(() => xt(!1), 2e3);
+			await ce(z.agentApiKey), d() && le("API key copied"), xt(!0), setTimeout(() => xt(!1), 2e3);
 		} catch {
 			console.error("Failed to copy API key");
 		}
@@ -530,7 +530,7 @@ function Xe() {
 			onClick: Q,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
 			children: [/* @__PURE__ */ A(y, { className: "w-4 h-4" }), P("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ A(le, {
+		}), /* @__PURE__ */ A(ue, {
 			icon: /* @__PURE__ */ A(Re, { className: "w-8 h-8 text-text-secondary" }),
 			title: P("agentDetails.notFound", "Agent not found"),
 			description: `${P("agentDetails.notFoundDescriptionPrefix", "No agent with ID")} "${x}" ${P("agentDetails.notFoundDescriptionSuffix", "exists")}`,
@@ -802,7 +802,7 @@ function Xe() {
 								})
 							}), /* @__PURE__ */ A("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ A(ue, {
+								children: /* @__PURE__ */ A(u, {
 									entityType: "VIBECONTROLS_AGENT",
 									entityId: z.id
 								})