@burdenoff/microfe-vibecontrols 2026.623.1 → 2026.623.3

package/dist/pages/VibeAuditPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"VibeAuditPage.js","names":[],"sources":["../../src/pages/VibeAuditPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { Shield } from 'lucide-react';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { isNative, nativeNotify } from '../utils/nativeBridge';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  AuditDeleteDialog,\n  AuditExportButton,\n  AuditLogDetail,\n  AuditLogFilters,\n  AuditLogStats,\n  AuditLogTable,\n} from '@/components/audit';\nimport {\n  EmptyState,\n  ErrorState,\n  GetHelpButton,\n  LoadingState,\n  PageHeader,\n} from '@/components/shared';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport {\n  useBulkDeleteVibeAuditLogsMutation,\n  useDeleteVibeAuditLogMutation,\n  useGetVibeAuditLogQuery,\n  useListAgentsQuery,\n  useListVibesQuery,\n  useVibeAuditDashboardQuery,\n} from '@/generated/wspace-operations';\nimport type {\n  VibeAuditAction,\n  VibeAuditLogFilterInput,\n  VibeAuditResourceType,\n  VibeAuditStatus,\n} from '@/generated/wspace-types';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\n\nconst PAGE_SIZE = 50;\n\nexport function VibeAuditPage() {\n  useVibeControls();\n\n  const { t } = useI18n();\n  const { hasPermission, isLoading: permissionsLoading, permissions } = usePermissions();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [debouncedSearchQuery, setDebouncedSearchQuery] = useState('');\n  const [actionFilter, setActionFilter] = useState<string | null>('all');\n  const [resourceTypeFilter, setResourceTypeFilter] = useState<string | null>('all');\n  const [statusFilter, setStatusFilter] = useState<string | null>('all');\n  const [agentFilter, setAgentFilter] = useState<string | null>('all');\n  const [vibeFilter, setVibeFilter] = useState<string | null>('all');\n  const [hasCommandFilter, setHasCommandFilter] = useState(false);\n  const [page, setPage] = useState(0);\n  // F2 — session-history drill-down. Initialised from a ?sessionId= URL param\n  // (reciprocal link from the in-session History tab) and also settable by\n  // clicking \"Show only this session\" on a SESSION-typed audit entry.\n  const [sessionDrillId, setSessionDrillId] = useState<string | null>(() => {\n    if (typeof window === 'undefined') return null;\n    return new URLSearchParams(window.location.search).get('sessionId');\n  });\n  const [selectedLogId, setSelectedLogId] = useState<string | null>(null);\n  const [selectedLogIds, setSelectedLogIds] = useState<Set<string>>(new Set());\n  const [deleteTargetIds, setDeleteTargetIds] = useState<string[]>([]);\n  const [deleteError, setDeleteError] = useState<string | null>(null);\n  const [deleteSuccess, setDeleteSuccess] = useState<string | null>(null);\n\n  const deleteErrorTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const canListAudit = hasPermission(VIBE_PERMISSIONS.AUDIT_LIST);\n  const canDeleteAudit = hasPermission(VIBE_PERMISSIONS.AUDIT_DELETE);\n  const canExportAudit = hasPermission(VIBE_PERMISSIONS.AUDIT_EXPORT);\n  const shouldSkipQueries = permissionsLoading || !canListAudit;\n\n  const filter: VibeAuditLogFilterInput = {};\n  if (debouncedSearchQuery) filter.search = debouncedSearchQuery;\n  if (actionFilter && actionFilter !== 'all') filter.action = actionFilter as VibeAuditAction;\n  if (resourceTypeFilter && resourceTypeFilter !== 'all')\n    filter.resourceType = resourceTypeFilter as VibeAuditResourceType;\n  if (statusFilter && statusFilter !== 'all') filter.status = statusFilter as VibeAuditStatus;\n  if (hasCommandFilter) filter.hasCommand = true;\n  // Agent / Vibe filters: backend exposes `resourceId` + `resourceType`.\n  // We narrow `resourceType` accordingly so the server returns only audit\n  // rows whose target is the chosen agent / vibe. If the user already\n  // chose a resourceType that conflicts (e.g. SESSION), the resourceId\n  // filter would over-narrow — but that combination is documented as\n  // intentional power-user behaviour.\n  if (agentFilter && agentFilter !== 'all') {\n    filter.resourceId = agentFilter;\n    if (!filter.resourceType) filter.resourceType = 'AGENT' as VibeAuditResourceType;\n  } else if (vibeFilter && vibeFilter !== 'all') {\n    filter.resourceId = vibeFilter;\n    if (!filter.resourceType) filter.resourceType = 'VIBE' as VibeAuditResourceType;\n  }\n  // Session drill-down — the server matches resourceType=SESSION AND\n  // resourceId=sessionId. Works for killed (soft-deleted) sessions too.\n  if (sessionDrillId) filter.sessionId = sessionDrillId;\n\n  const { data, loading, error, refetch } = useVibeAuditDashboardQuery({\n    variables: {\n      filter,\n      pagination: { limit: Math.min(Math.max((page + 1) * PAGE_SIZE, PAGE_SIZE), 100) },\n    },\n    skip: shouldSkipQueries,\n    fetchPolicy: 'cache-and-network',\n    notifyOnNetworkStatusChange: true,\n  });\n\n  const { data: agentsData } = useListAgentsQuery({\n    variables: { pagination: { limit: 200 } },\n    fetchPolicy: 'cache-first',\n    skip: shouldSkipQueries,\n  });\n  const agentsList = (agentsData?.vibecontrolsAgents ?? []).map(\n    (a: { id: string; name: string }) => ({ id: a.id, name: a.name })\n  );\n\n  const { data: vibesData } = useListVibesQuery({\n    variables: { pagination: { limit: 200 } },\n    fetchPolicy: 'cache-first',\n    skip: shouldSkipQueries,\n  });\n  const vibesList = (vibesData?.vibes?.items ?? []).map((v: { id: string; name: string }) => ({\n    id: v.id,\n    name: v.name,\n  }));\n\n  const retentionDays = data?.vibeAuditLogStats?.retentionPolicy?.retentionDays ?? 90;\n  const nextCleanupAt = data?.vibeAuditLogStats?.retentionPolicy?.nextCleanup ?? null;\n\n  const { data: detailData } = useGetVibeAuditLogQuery({\n    variables: { id: selectedLogId! },\n    skip: !selectedLogId,\n  });\n\n  const [deleteAuditLog, { loading: deleteLoading }] = useDeleteVibeAuditLogMutation();\n  const [bulkDeleteAuditLogs] = useBulkDeleteVibeAuditLogsMutation();\n\n  useEffect(() => {\n    const timeoutId = window.setTimeout(() => {\n      setDebouncedSearchQuery(searchQuery);\n      setPage(0);\n    }, 300);\n\n    return () => window.clearTimeout(timeoutId);\n  }, [searchQuery]);\n\n  useEffect(() => {\n    return () => {\n      if (deleteErrorTimer.current) {\n        clearTimeout(deleteErrorTimer.current);\n      }\n    };\n  }, []);\n\n  const clearDeleteError = useCallback(() => {\n    setDeleteError(null);\n    if (deleteErrorTimer.current) {\n      clearTimeout(deleteErrorTimer.current);\n      deleteErrorTimer.current = null;\n    }\n  }, []);\n\n  const clearDeleteSuccess = useCallback(() => {\n    setDeleteSuccess(null);\n  }, []);\n\n  const allItems = data?.vibeAuditLogs.items ?? [];\n  const items = allItems.slice(page * PAGE_SIZE, (page + 1) * PAGE_SIZE);\n  const totalAuditItems = data?.vibeAuditLogs.total ?? 0;\n  const visibleLogIds = items.map((item: (typeof items)[number]) => item.id);\n  const allVisibleSelected =\n    visibleLogIds.length > 0 && visibleLogIds.every((id: string) => selectedLogIds.has(id));\n  const partiallySelected =\n    visibleLogIds.some((id: string) => selectedLogIds.has(id)) && !allVisibleSelected;\n\n  const handleDelete = async (reason: string) => {\n    if (deleteTargetIds.length === 0) return;\n\n    clearDeleteError();\n    clearDeleteSuccess();\n\n    try {\n      if (deleteTargetIds.length === 1) {\n        await deleteAuditLog({ variables: { id: deleteTargetIds[0], input: { reason } } });\n        setDeleteSuccess('Deleted 1 audit log');\n      } else {\n        const result = await bulkDeleteAuditLogs({\n          variables: { ids: deleteTargetIds, input: { reason } },\n        });\n        const deletedCount = result.data?.bulkDeleteVibeAuditLogs.deletedCount ?? 0;\n        const failedCount = result.data?.bulkDeleteVibeAuditLogs.failedCount ?? 0;\n        setDeleteSuccess(\n          `Deleted ${deletedCount} audit logs${failedCount > 0 ? ` • ${failedCount} failed` : ''}`\n        );\n      }\n\n      setDeleteTargetIds([]);\n      setSelectedLogIds((previous) => {\n        const next = new Set(previous);\n        deleteTargetIds.forEach((id) => next.delete(id));\n        return next;\n      });\n      if (selectedLogId && deleteTargetIds.includes(selectedLogId)) {\n        setSelectedLogId(null);\n      }\n      await refetch();\n      if (isNative()) void nativeNotify('success');\n    } catch (deleteAuditError) {\n      console.error('Failed to delete audit log:', deleteAuditError);\n      setDeleteError(tr('audit.deleteFailed', 'Failed to delete audit log. Please try again.'));\n      if (isNative()) void nativeNotify('error');\n      deleteErrorTimer.current = setTimeout(() => {\n        setDeleteError(null);\n        deleteErrorTimer.current = null;\n      }, 30000);\n    }\n  };\n\n  const handleOpenDelete = useCallback(\n    (id: string) => {\n      if (!canDeleteAudit) return;\n      clearDeleteError();\n      clearDeleteSuccess();\n      setDeleteTargetIds([id]);\n    },\n    [canDeleteAudit, clearDeleteError, clearDeleteSuccess]\n  );\n\n  const handleToggleLogSelection = useCallback((id: string, checked: boolean) => {\n    setSelectedLogIds((previous) => {\n      const next = new Set(previous);\n      if (checked) {\n        next.add(id);\n      } else {\n        next.delete(id);\n      }\n      return next;\n    });\n  }, []);\n\n  const handleToggleAllVisible = useCallback(\n    (checked: boolean) => {\n      setSelectedLogIds((previous) => {\n        const next = new Set(previous);\n        visibleLogIds.forEach((id: string) => {\n          if (checked) {\n            next.add(id);\n          } else {\n            next.delete(id);\n          }\n        });\n        return next;\n      });\n    },\n    [visibleLogIds]\n  );\n\n  const handleOpenBulkDelete = useCallback(() => {\n    if (!canDeleteAudit || selectedLogIds.size === 0) return;\n    clearDeleteError();\n    clearDeleteSuccess();\n    setDeleteTargetIds(Array.from(selectedLogIds));\n  }, [canDeleteAudit, clearDeleteError, clearDeleteSuccess, selectedLogIds]);\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"mx-auto max-w-[1400px] p-4 sm:p-6\">\n        <LoadingState message={tr('audit.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (permissions && permissions.permissionStrings?.length > 0 && !canListAudit) {\n    return (\n      <AccessDenied\n        title={tr('common.accessDeniedTitle', 'Access Denied')}\n        description={tr(\n          'common.accessDeniedDescription',\n          \"You don't have permission to access this resource.\"\n        )}\n      />\n    );\n  }\n\n  return (\n    <div className=\"mx-auto max-w-[1400px] p-4 sm:p-6\">\n      <PageHeader\n        title={tr('nav.vibeAudit', 'Audit')}\n        description={tr(\n          'audit.description',\n          'Comprehensive audit trail of all VibeControls operations'\n        )}\n        actions={canExportAudit ? <AuditExportButton filter={filter} /> : undefined}\n      />\n\n      {/* Retention banner — sourced from the backend `retentionPolicy`\n          so the displayed window updates if the tier changes. */}\n      <div className=\"mb-4 flex items-start gap-2 rounded-md border border-status-info-border bg-status-info-bg/10 px-3 py-2 text-xs text-status-info-text\">\n        <Shield size={14} className=\"mt-0.5 flex-shrink-0\" />\n        <span>\n          {tr(\n            'audit.retentionBanner',\n            `Audit logs are kept for ${retentionDays} days. Older entries are automatically purged.`\n          )}\n          {nextCleanupAt\n            ? ` ${tr('audit.retentionNextCleanup', `Next cleanup: ${new Date(nextCleanupAt).toLocaleString()}.`)}`\n            : ''}\n        </span>\n      </div>\n\n      {/* Session drill-down banner — shown when scoped to one session's activity. */}\n      {sessionDrillId ? (\n        <div className=\"mb-4 flex items-center justify-between gap-2 rounded-md border border-action-primary-border bg-action-primary-bg/10 px-3 py-2 text-xs text-text-primary\">\n          <span className=\"truncate\">\n            {tr('audit.sessionScopeBanner', 'Showing activity for session')}{' '}\n            <span className=\"font-mono\">{sessionDrillId}</span>\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setSessionDrillId(null);\n              setPage(0);\n            }}\n            className=\"flex-shrink-0 rounded bg-bg-sunken px-2 py-1 font-medium text-text-secondary hover:text-text-primary\"\n          >\n            {tr('audit.clearSessionScope', 'Clear')}\n          </button>\n        </div>\n      ) : null}\n\n      {/* AuditLogStats is a custom component that doesn't forward rest props\n          onto a DOM node, so the tour anchor lives on a wrapper <div>. */}\n      <div data-tour=\"audit-log-stats\">\n        <AuditLogStats stats={data?.vibeAuditLogStats} loading={loading && !data} />\n      </div>\n\n      <AuditLogFilters\n        searchQuery={searchQuery}\n        onSearchChange={setSearchQuery}\n        actionFilter={actionFilter}\n        onActionChange={(value) => {\n          setActionFilter(value);\n          setPage(0);\n        }}\n        resourceTypeFilter={resourceTypeFilter}\n        onResourceTypeChange={(value) => {\n          setResourceTypeFilter(value);\n          setPage(0);\n        }}\n        statusFilter={statusFilter}\n        onStatusChange={(value) => {\n          setStatusFilter(value);\n          setPage(0);\n        }}\n        hasCommandFilter={hasCommandFilter}\n        onHasCommandChange={(value) => {\n          setHasCommandFilter(value);\n          setPage(0);\n        }}\n        agentFilter={agentFilter}\n        onAgentChange={(value) => {\n          setAgentFilter(value);\n          // Agent + Vibe are mutually exclusive via resourceId — clearing one when\n          // the other is set keeps the resolved filter input coherent.\n          if (value !== 'all') setVibeFilter('all');\n          setPage(0);\n        }}\n        agents={agentsList}\n        vibeFilter={vibeFilter}\n        onVibeChange={(value) => {\n          setVibeFilter(value);\n          if (value !== 'all') setAgentFilter('all');\n          setPage(0);\n        }}\n        vibes={vibesList}\n      />\n\n      {items.length > 0 ? (\n        <div className=\"rounded-lg border border-border-primary 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              <span className=\"text-sm font-medium text-text-primary\">\n                {selectedLogIds.size} selected\n              </span>\n              {selectedLogIds.size > 0 ? (\n                <button\n                  type=\"button\"\n                  onClick={() => setSelectedLogIds(new Set())}\n                  className=\"text-sm text-text-secondary transition-colors hover:text-text-primary\"\n                >\n                  Clear selection\n                </button>\n              ) : null}\n            </div>\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <button\n                type=\"button\"\n                onClick={handleOpenBulkDelete}\n                disabled={!canDeleteAudit || selectedLogIds.size === 0}\n                className=\"rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                Delete Selected{selectedLogIds.size > 0 ? ` (${selectedLogIds.size})` : ''}\n              </button>\n            </div>\n          </div>\n        </div>\n      ) : null}\n\n      {loading && !data ? (\n        <LoadingState message={tr('audit.loadingLogs', 'Loading audit logs...')} />\n      ) : error ? (\n        <ErrorState message={error.message} onRetry={() => refetch()} />\n      ) : totalAuditItems === 0 ? (\n        <EmptyState\n          icon={<Shield size={48} className=\"text-text-secondary\" />}\n          title={tr('audit.noLogs', 'No audit logs')}\n          description={tr(\n            'audit.emptyDescription',\n            'Audit logs will appear here as operations are performed in VibeControls.'\n          )}\n          action={\n            <GetHelpButton prompt=\"What is the Audit Log in VibeControls and how do I use it?\" />\n          }\n        />\n      ) : (\n        <div data-tour=\"audit-log-table\">\n          <AuditLogTable\n            items={items}\n            total={totalAuditItems}\n            hasMore={data?.vibeAuditLogs.hasMore ?? false}\n            page={page}\n            pageSize={PAGE_SIZE}\n            onPageChange={setPage}\n            onSelectLog={setSelectedLogId}\n            onDeleteLog={handleOpenDelete}\n            selectedLogId={selectedLogId}\n            selectedLogIds={selectedLogIds}\n            allVisibleSelected={allVisibleSelected}\n            partiallySelected={partiallySelected}\n            onToggleLogSelection={handleToggleLogSelection}\n            onToggleAllVisible={handleToggleAllVisible}\n          />\n        </div>\n      )}\n\n      {selectedLogId && detailData?.vibeAuditLog ? (\n        <AuditLogDetail\n          log={detailData.vibeAuditLog}\n          onClose={() => setSelectedLogId(null)}\n          footer={\n            detailData.vibeAuditLog.resourceType === 'SESSION' &&\n            detailData.vibeAuditLog.resourceId &&\n            detailData.vibeAuditLog.resourceId !== sessionDrillId ? (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setSessionDrillId(detailData.vibeAuditLog?.resourceId ?? null);\n                  setSelectedLogId(null);\n                  setPage(0);\n                }}\n                className=\"w-full rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover\"\n              >\n                {tr('audit.showOnlyThisSession', \"Show only this session's activity\")}\n              </button>\n            ) : null\n          }\n        />\n      ) : null}\n\n      {deleteError ? (\n        <div\n          role=\"alert\"\n          className=\"fixed bottom-4 right-4 z-50 rounded-md bg-status-error-bg px-4 py-3 text-sm text-status-error-text shadow-lg\"\n        >\n          {deleteError}\n          <button\n            type=\"button\"\n            onClick={clearDeleteError}\n            className=\"ml-3 text-xs underline opacity-80 hover:opacity-100\"\n          >\n            {tr('common.dismiss', 'Dismiss')}\n          </button>\n        </div>\n      ) : null}\n\n      {deleteSuccess ? (\n        <div\n          role=\"status\"\n          className=\"fixed bottom-4 right-4 z-50 rounded-md bg-status-success-bg px-4 py-3 text-sm text-status-success-text shadow-lg\"\n        >\n          {deleteSuccess}\n          <button\n            type=\"button\"\n            onClick={clearDeleteSuccess}\n            className=\"ml-3 text-xs underline opacity-80 hover:opacity-100\"\n          >\n            {tr('common.dismiss', 'Dismiss')}\n          </button>\n        </div>\n      ) : null}\n\n      <AuditDeleteDialog\n        isOpen={deleteTargetIds.length > 0}\n        onClose={() => setDeleteTargetIds([])}\n        onConfirm={handleDelete}\n        loading={deleteLoading}\n        title={deleteTargetIds.length > 1 ? 'Delete Audit Logs' : 'Delete Audit Log'}\n        description={\n          deleteTargetIds.length > 1\n            ? `This will permanently delete ${deleteTargetIds.length} audit logs and record the reason in the audit trail.`\n            : 'This action will be recorded in the audit trail.'\n        }\n        confirmLabel={deleteTargetIds.length > 1 ? 'Delete Logs' : 'Delete'}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAsCA,IAAM,IAAY;AAElB,SAAgB,IAAgB;AAC9B,KAAiB;CAEjB,IAAM,EAAE,SAAM,IAAS,EACjB,EAAE,kBAAe,WAAW,GAAoB,mBAAgB,IAAgB,EAEhF,CAAC,GAAa,MAAkB,EAAS,GAAG,EAC5C,CAAC,GAAsB,MAA2B,EAAS,GAAG,EAC9D,CAAC,GAAc,MAAmB,EAAwB,MAAM,EAChE,CAAC,GAAoB,MAAyB,EAAwB,MAAM,EAC5E,CAAC,GAAc,MAAmB,EAAwB,MAAM,EAChE,CAAC,GAAa,KAAkB,EAAwB,MAAM,EAC9D,CAAC,GAAY,KAAiB,EAAwB,MAAM,EAC5D,CAAC,GAAkB,MAAuB,EAAS,GAAM,EACzD,CAAC,GAAM,KAAW,EAAS,EAAE,EAI7B,CAAC,GAAgB,MAAqB,QACtC,OAAO,SAAW,MAAoB,OACnC,IAAI,gBAAgB,OAAO,SAAS,OAAO,CAAC,IAAI,YAAY,CACnE,EACI,CAAC,GAAe,KAAoB,EAAwB,KAAK,EACjE,CAAC,GAAgB,KAAqB,kBAAsB,IAAI,KAAK,CAAC,EACtE,CAAC,GAAiB,KAAsB,EAAmB,EAAE,CAAC,EAC9D,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAC7D,CAAC,GAAe,KAAoB,EAAwB,KAAK,EAEjE,IAAmB,GAA6C,KAAK,EAErE,IAAK,GACR,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAE,CACJ,EAEK,IAAe,EAAc,EAAiB,WAAW,EACzD,IAAiB,EAAc,EAAiB,aAAa,EAC7D,KAAiB,EAAc,EAAiB,aAAa,EAC7D,IAAoB,KAAsB,CAAC,GAE3C,IAAkC,EAAE;AAsB1C,CArBI,MAAsB,EAAO,SAAS,IACtC,KAAgB,MAAiB,UAAO,EAAO,SAAS,IACxD,KAAsB,MAAuB,UAC/C,EAAO,eAAe,IACpB,KAAgB,MAAiB,UAAO,EAAO,SAAS,IACxD,MAAkB,EAAO,aAAa,KAOtC,KAAe,MAAgB,SACjC,EAAO,aAAa,GACpB,AAA0B,EAAO,iBAAe,WACvC,KAAc,MAAe,UACtC,EAAO,aAAa,GACpB,AAA0B,EAAO,iBAAe,SAI9C,MAAgB,EAAO,YAAY;CAEvC,IAAM,EAAE,SAAM,aAAS,WAAO,gBAAY,GAA2B;EACnE,WAAW;GACT;GACA,YAAY,EAAE,OAAO,KAAK,IAAI,KAAK,KAAK,IAAO,KAAK,GAAW,EAAU,EAAE,IAAI,EAAE;GAClF;EACD,MAAM;EACN,aAAa;EACb,6BAA6B;EAC9B,CAAC,EAEI,EAAE,MAAM,OAAe,EAAmB;EAC9C,WAAW,EAAE,YAAY,EAAE,OAAO,KAAK,EAAE;EACzC,aAAa;EACb,MAAM;EACP,CAAC,EACI,MAAc,IAAY,sBAAsB,EAAE,EAAE,KACvD,OAAqC;EAAE,IAAI,EAAE;EAAI,MAAM,EAAE;EAAM,EACjE,EAEK,EAAE,MAAM,OAAc,GAAkB;EAC5C,WAAW,EAAE,YAAY,EAAE,OAAO,KAAK,EAAE;EACzC,aAAa;EACb,MAAM;EACP,CAAC,EACI,MAAa,IAAW,OAAO,SAAS,EAAE,EAAE,KAAK,OAAqC;EAC1F,IAAI,EAAE;EACN,MAAM,EAAE;EACT,EAAE,EAEG,KAAgB,GAAM,mBAAmB,iBAAiB,iBAAiB,IAC3E,KAAgB,GAAM,mBAAmB,iBAAiB,eAAe,MAEzE,EAAE,MAAM,MAAe,EAAwB;EACnD,WAAW,EAAE,IAAI,GAAgB;EACjC,MAAM,CAAC;EACR,CAAC,EAEI,CAAC,IAAgB,EAAE,SAAS,QAAmB,GAA+B,EAC9E,CAAC,MAAuB,GAAoC;AAWlE,CATA,SAAgB;EACd,IAAM,IAAY,OAAO,iBAAiB;AAExC,GADA,GAAwB,EAAY,EACpC,EAAQ,EAAE;KACT,IAAI;AAEP,eAAa,OAAO,aAAa,EAAU;IAC1C,CAAC,EAAY,CAAC,EAEjB,eACe;AACX,EAAI,EAAiB,WACnB,aAAa,EAAiB,QAAQ;IAGzC,EAAE,CAAC;CAEN,IAAM,IAAmB,QAAkB;AAEzC,EADA,EAAe,KAAK,EACpB,AAEE,EAAiB,aADjB,aAAa,EAAiB,QAAQ,EACX;IAE5B,EAAE,CAAC,EAEA,IAAqB,QAAkB;AAC3C,IAAiB,KAAK;IACrB,EAAE,CAAC,EAGA,KADW,GAAM,cAAc,SAAS,EAAE,EACzB,MAAM,IAAO,IAAY,IAAO,KAAK,EAAU,EAChE,KAAkB,GAAM,cAAc,SAAS,GAC/C,IAAgB,EAAM,KAAK,MAAiC,EAAK,GAAG,EACpE,IACJ,EAAc,SAAS,KAAK,EAAc,OAAO,MAAe,EAAe,IAAI,EAAG,CAAC,EACnF,KACJ,EAAc,MAAM,MAAe,EAAe,IAAI,EAAG,CAAC,IAAI,CAAC,GAE3D,KAAe,OAAO,MAAmB;AACzC,QAAgB,WAAW,GAG/B;GADA,GAAkB,EAClB,GAAoB;AAEpB,OAAI;AACF,QAAI,EAAgB,WAAW,EAE7B,CADA,MAAM,GAAe,EAAE,WAAW;KAAE,IAAI,EAAgB;KAAI,OAAO,EAAE,WAAQ;KAAE,EAAE,CAAC,EAClF,EAAiB,sBAAsB;SAClC;KACL,IAAM,IAAS,MAAM,GAAoB,EACvC,WAAW;MAAE,KAAK;MAAiB,OAAO,EAAE,WAAQ;MAAE,EACvD,CAAC,EACI,IAAe,EAAO,MAAM,wBAAwB,gBAAgB,GACpE,IAAc,EAAO,MAAM,wBAAwB,eAAe;AACxE,OACE,WAAW,EAAa,aAAa,IAAc,IAAI,MAAM,EAAY,WAAW,KACrF;;AAaH,IAVA,EAAmB,EAAE,CAAC,EACtB,GAAmB,MAAa;KAC9B,IAAM,IAAO,IAAI,IAAI,EAAS;AAE9B,YADA,EAAgB,SAAS,MAAO,EAAK,OAAO,EAAG,CAAC,EACzC;MACP,EACE,KAAiB,EAAgB,SAAS,EAAc,IAC1D,EAAiB,KAAK,EAExB,MAAM,IAAS,EACX,GAAU,IAAO,EAAa,UAAU;YACrC,GAAkB;AAIzB,IAHA,QAAQ,MAAM,+BAA+B,EAAiB,EAC9D,EAAe,EAAG,sBAAsB,gDAAgD,CAAC,EACrF,GAAU,IAAO,EAAa,QAAQ,EAC1C,EAAiB,UAAU,iBAAiB;AAE1C,KADA,EAAe,KAAK,EACpB,EAAiB,UAAU;OAC1B,IAAM;;;IAIP,KAAmB,GACtB,MAAe;AACT,QACL,GAAkB,EAClB,GAAoB,EACpB,EAAmB,CAAC,EAAG,CAAC;IAE1B;EAAC;EAAgB;EAAkB;EAAmB,CACvD,EAEK,KAA2B,GAAa,GAAY,MAAqB;AAC7E,KAAmB,MAAa;GAC9B,IAAM,IAAO,IAAI,IAAI,EAAS;AAM9B,UALI,IACF,EAAK,IAAI,EAAG,GAEZ,EAAK,OAAO,EAAG,EAEV;IACP;IACD,EAAE,CAAC,EAEA,KAAyB,GAC5B,MAAqB;AACpB,KAAmB,MAAa;GAC9B,IAAM,IAAO,IAAI,IAAI,EAAS;AAQ9B,UAPA,EAAc,SAAS,MAAe;AACpC,IAAI,IACF,EAAK,IAAI,EAAG,GAEZ,EAAK,OAAO,EAAG;KAEjB,EACK;IACP;IAEJ,CAAC,EAAc,CAChB,EAEK,KAAuB,QAAkB;AACzC,GAAC,KAAkB,EAAe,SAAS,MAC/C,GAAkB,EAClB,GAAoB,EACpB,EAAmB,MAAM,KAAK,EAAe,CAAC;IAC7C;EAAC;EAAgB;EAAkB;EAAoB;EAAe,CAAC;AAsB1E,QApBI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,4BAA4B,yBAAyB,EAAI,CAAA;EAC/E,CAAA,GAIN,KAAe,EAAY,mBAAmB,SAAS,KAAK,CAAC,IAE7D,kBAAC,IAAD;EACE,OAAO,EAAG,4BAA4B,gBAAgB;EACtD,aAAa,EACX,kCACA,qDACD;EACD,CAAA,GAKJ,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,IAAD;IACE,OAAO,EAAG,iBAAiB,QAAQ;IACnC,aAAa,EACX,qBACA,2DACD;IACD,SAAS,KAAiB,kBAAC,IAAD,EAA2B,WAAU,CAAA,GAAG,KAAA;IAClE,CAAA;GAIF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,MAAM;KAAI,WAAU;KAAyB,CAAA,EACrD,kBAAC,QAAD,EAAA,UAAA,CACG,EACC,yBACA,2BAA2B,GAAc,gDAC1C,EACA,KACG,IAAI,EAAG,8BAA8B,iBAAiB,IAAI,KAAK,GAAc,CAAC,gBAAgB,CAAC,GAAG,KAClG,GACC,EAAA,CAAA,CACH;;GAGL,IACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACG,EAAG,4BAA4B,+BAA+B;MAAE;MACjE,kBAAC,QAAD;OAAM,WAAU;iBAAa;OAAsB,CAAA;MAC9C;QACP,kBAAC,UAAD;KACE,MAAK;KACL,eAAe;AAEb,MADA,GAAkB,KAAK,EACvB,EAAQ,EAAE;;KAEZ,WAAU;eAET,EAAG,2BAA2B,QAAQ;KAChC,CAAA,CACL;QACJ;GAIJ,kBAAC,OAAD;IAAK,aAAU;cACb,kBAAC,IAAD;KAAe,OAAO,GAAM;KAAmB,SAAS,MAAW,CAAC;KAAQ,CAAA;IACxE,CAAA;GAEN,kBAAC,IAAD;IACe;IACb,gBAAgB;IACF;IACd,iBAAiB,MAAU;AAEzB,KADA,GAAgB,EAAM,EACtB,EAAQ,EAAE;;IAEQ;IACpB,uBAAuB,MAAU;AAE/B,KADA,GAAsB,EAAM,EAC5B,EAAQ,EAAE;;IAEE;IACd,iBAAiB,MAAU;AAEzB,KADA,GAAgB,EAAM,EACtB,EAAQ,EAAE;;IAEM;IAClB,qBAAqB,MAAU;AAE7B,KADA,GAAoB,EAAM,EAC1B,EAAQ,EAAE;;IAEC;IACb,gBAAgB,MAAU;AAKxB,KAJA,EAAe,EAAM,EAGjB,MAAU,SAAO,EAAc,MAAM,EACzC,EAAQ,EAAE;;IAEZ,QAAQ;IACI;IACZ,eAAe,MAAU;AAGvB,KAFA,EAAc,EAAM,EAChB,MAAU,SAAO,EAAe,MAAM,EAC1C,EAAQ,EAAE;;IAEZ,OAAO;IACP,CAAA;GAED,EAAM,SAAS,IACd,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACG,EAAe,MAAK,YAChB;UACN,EAAe,OAAO,IACrB,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,kBAAkB,IAAI,KAAK,CAAC;OAC3C,WAAU;iBACX;OAEQ,CAAA,GACP,KACA;SACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,UAAU,CAAC,KAAkB,EAAe,SAAS;OACrD,WAAU;iBAJZ,CAKC,mBACiB,EAAe,OAAO,IAAI,KAAK,EAAe,KAAK,KAAK,GACjE;;MACL,CAAA,CACF;;IACF,CAAA,GACJ;GAEH,MAAW,CAAC,IACX,kBAAC,GAAD,EAAc,SAAS,EAAG,qBAAqB,wBAAwB,EAAI,CAAA,GACzE,KACF,kBAAC,IAAD;IAAY,SAAS,GAAM;IAAS,eAAe,IAAS;IAAI,CAAA,GAC9D,OAAoB,IACtB,kBAAC,IAAD;IACE,MAAM,kBAAC,GAAD;KAAQ,MAAM;KAAI,WAAU;KAAwB,CAAA;IAC1D,OAAO,EAAG,gBAAgB,gBAAgB;IAC1C,aAAa,EACX,0BACA,2EACD;IACD,QACE,kBAAC,IAAD,EAAe,QAAO,8DAA+D,CAAA;IAEvF,CAAA,GAEF,kBAAC,OAAD;IAAK,aAAU;cACb,kBAAC,IAAD;KACS;KACP,OAAO;KACP,SAAS,GAAM,cAAc,WAAW;KAClC;KACN,UAAU;KACV,cAAc;KACd,aAAa;KACb,aAAa;KACE;KACC;KACI;KACD;KACnB,sBAAsB;KACtB,oBAAoB;KACpB,CAAA;IACE,CAAA;GAGP,KAAiB,GAAY,eAC5B,kBAAC,IAAD;IACE,KAAK,EAAW;IAChB,eAAe,EAAiB,KAAK;IACrC,QACE,EAAW,aAAa,iBAAiB,aACzC,EAAW,aAAa,cACxB,EAAW,aAAa,eAAe,IACrC,kBAAC,UAAD;KACE,MAAK;KACL,eAAe;AAGb,MAFA,GAAkB,EAAW,cAAc,cAAc,KAAK,EAC9D,EAAiB,KAAK,EACtB,EAAQ,EAAE;;KAEZ,WAAU;eAET,EAAG,6BAA6B,oCAAoC;KAC9D,CAAA,GACP;IAEN,CAAA,GACA;GAEH,IACC,kBAAC,OAAD;IACE,MAAK;IACL,WAAU;cAFZ,CAIG,GACD,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAET,EAAG,kBAAkB,UAAU;KACzB,CAAA,CACL;QACJ;GAEH,IACC,kBAAC,OAAD;IACE,MAAK;IACL,WAAU;cAFZ,CAIG,GACD,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAET,EAAG,kBAAkB,UAAU;KACzB,CAAA,CACL;QACJ;GAEJ,kBAAC,IAAD;IACE,QAAQ,EAAgB,SAAS;IACjC,eAAe,EAAmB,EAAE,CAAC;IACrC,WAAW;IACX,SAAS;IACT,OAAO,EAAgB,SAAS,IAAI,sBAAsB;IAC1D,aACE,EAAgB,SAAS,IACrB,gCAAgC,EAAgB,OAAO,yDACvD;IAEN,cAAc,EAAgB,SAAS,IAAI,gBAAgB;IAC3D,CAAA;GACE"}
+{"version":3,"file":"VibeAuditPage.js","names":[],"sources":["../../src/pages/VibeAuditPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { Shield } from 'lucide-react';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { isNative, nativeNotify } from '../utils/nativeBridge';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  AuditDeleteDialog,\n  AuditExportButton,\n  AuditLogDetail,\n  AuditLogFilters,\n  AuditLogStats,\n  AuditLogTable,\n} from '@/components/audit';\nimport {\n  EmptyState,\n  ErrorState,\n  GetHelpButton,\n  LoadingState,\n  PageHeader,\n} from '@/components/shared';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport {\n  useBulkDeleteVibeAuditLogsMutation,\n  useDeleteVibeAuditLogMutation,\n  useGetVibeAuditLogQuery,\n  useListAgentsQuery,\n  useListVibesQuery,\n  useVibeAuditDashboardQuery,\n} from '@/generated/wspace-operations';\nimport type {\n  VibeAuditAction,\n  VibeAuditLogFilterInput,\n  VibeAuditResourceType,\n  VibeAuditStatus,\n} from '@/generated/wspace-types';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\n\nconst PAGE_SIZE = 50;\n\nexport function VibeAuditPage() {\n  useVibeControls();\n\n  const { t } = useI18n();\n  const { hasPermission, isLoading: permissionsLoading, permissions } = usePermissions();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [debouncedSearchQuery, setDebouncedSearchQuery] = useState('');\n  const [actionFilter, setActionFilter] = useState<string | null>('all');\n  const [resourceTypeFilter, setResourceTypeFilter] = useState<string | null>('all');\n  const [statusFilter, setStatusFilter] = useState<string | null>('all');\n  const [agentFilter, setAgentFilter] = useState<string | null>('all');\n  const [vibeFilter, setVibeFilter] = useState<string | null>('all');\n  const [hasCommandFilter, setHasCommandFilter] = useState(false);\n  const [page, setPage] = useState(0);\n  // F2 — session-history drill-down. Initialised from a ?sessionId= URL param\n  // (reciprocal link from the in-session History tab) and also settable by\n  // clicking \"Show only this session\" on a SESSION-typed audit entry.\n  const [sessionDrillId, setSessionDrillId] = useState<string | null>(() => {\n    if (typeof window === 'undefined') return null;\n    return new URLSearchParams(window.location.search).get('sessionId');\n  });\n  const [selectedLogId, setSelectedLogId] = useState<string | null>(null);\n  const [selectedLogIds, setSelectedLogIds] = useState<Set<string>>(new Set());\n  const [deleteTargetIds, setDeleteTargetIds] = useState<string[]>([]);\n  const [deleteError, setDeleteError] = useState<string | null>(null);\n  const [deleteSuccess, setDeleteSuccess] = useState<string | null>(null);\n\n  const deleteErrorTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const canListAudit = hasPermission(VIBE_PERMISSIONS.AUDIT_LIST);\n  const canDeleteAudit = hasPermission(VIBE_PERMISSIONS.AUDIT_DELETE);\n  const canExportAudit = hasPermission(VIBE_PERMISSIONS.AUDIT_EXPORT);\n  const shouldSkipQueries = permissionsLoading || !canListAudit;\n\n  const filter: VibeAuditLogFilterInput = {};\n  if (debouncedSearchQuery) filter.search = debouncedSearchQuery;\n  if (actionFilter && actionFilter !== 'all') filter.action = actionFilter as VibeAuditAction;\n  if (resourceTypeFilter && resourceTypeFilter !== 'all')\n    filter.resourceType = resourceTypeFilter as VibeAuditResourceType;\n  if (statusFilter && statusFilter !== 'all') filter.status = statusFilter as VibeAuditStatus;\n  if (hasCommandFilter) filter.hasCommand = true;\n  // Agent / Vibe filters: backend exposes `resourceId` + `resourceType`.\n  // We narrow `resourceType` accordingly so the server returns only audit\n  // rows whose target is the chosen agent / vibe. If the user already\n  // chose a resourceType that conflicts (e.g. SESSION), the resourceId\n  // filter would over-narrow — but that combination is documented as\n  // intentional power-user behaviour.\n  if (agentFilter && agentFilter !== 'all') {\n    filter.resourceId = agentFilter;\n    if (!filter.resourceType) filter.resourceType = 'AGENT' as VibeAuditResourceType;\n  } else if (vibeFilter && vibeFilter !== 'all') {\n    filter.resourceId = vibeFilter;\n    if (!filter.resourceType) filter.resourceType = 'VIBE' as VibeAuditResourceType;\n  }\n  // Session drill-down — the server matches resourceType=SESSION AND\n  // resourceId=sessionId. Works for killed (soft-deleted) sessions too.\n  if (sessionDrillId) filter.sessionId = sessionDrillId;\n\n  const { data, loading, error, refetch } = useVibeAuditDashboardQuery({\n    variables: {\n      filter,\n      pagination: { limit: Math.min(Math.max((page + 1) * PAGE_SIZE, PAGE_SIZE), 100) },\n    },\n    skip: shouldSkipQueries,\n    fetchPolicy: 'cache-and-network',\n    notifyOnNetworkStatusChange: true,\n  });\n\n  const { data: agentsData } = useListAgentsQuery({\n    variables: { pagination: { limit: 200 } },\n    fetchPolicy: 'cache-first',\n    skip: shouldSkipQueries,\n  });\n  const agentsList = (agentsData?.vibecontrolsAgents ?? []).map(\n    (a: { id: string; name: string }) => ({ id: a.id, name: a.name })\n  );\n\n  const { data: vibesData } = useListVibesQuery({\n    variables: { pagination: { limit: 200 } },\n    fetchPolicy: 'cache-first',\n    skip: shouldSkipQueries,\n  });\n  const vibesList = (vibesData?.vibes?.items ?? []).map((v: { id: string; name: string }) => ({\n    id: v.id,\n    name: v.name,\n  }));\n\n  const retentionDays = data?.vibeAuditLogStats?.retentionPolicy?.retentionDays ?? 90;\n  const nextCleanupAt = data?.vibeAuditLogStats?.retentionPolicy?.nextCleanup ?? null;\n\n  const { data: detailData } = useGetVibeAuditLogQuery({\n    variables: { id: selectedLogId! },\n    skip: !selectedLogId,\n  });\n\n  const [deleteAuditLog, { loading: deleteLoading }] = useDeleteVibeAuditLogMutation();\n  const [bulkDeleteAuditLogs] = useBulkDeleteVibeAuditLogsMutation();\n\n  useEffect(() => {\n    const timeoutId = window.setTimeout(() => {\n      setDebouncedSearchQuery(searchQuery);\n      setPage(0);\n    }, 300);\n\n    return () => window.clearTimeout(timeoutId);\n  }, [searchQuery]);\n\n  useEffect(() => {\n    return () => {\n      if (deleteErrorTimer.current) {\n        clearTimeout(deleteErrorTimer.current);\n      }\n    };\n  }, []);\n\n  const clearDeleteError = useCallback(() => {\n    setDeleteError(null);\n    if (deleteErrorTimer.current) {\n      clearTimeout(deleteErrorTimer.current);\n      deleteErrorTimer.current = null;\n    }\n  }, []);\n\n  const clearDeleteSuccess = useCallback(() => {\n    setDeleteSuccess(null);\n  }, []);\n\n  const allItems = data?.vibeAuditLogs.items ?? [];\n  const items = allItems.slice(page * PAGE_SIZE, (page + 1) * PAGE_SIZE);\n  const totalAuditItems = data?.vibeAuditLogs.total ?? 0;\n  const visibleLogIds = items.map((item: (typeof items)[number]) => item.id);\n  const allVisibleSelected =\n    visibleLogIds.length > 0 && visibleLogIds.every((id: string) => selectedLogIds.has(id));\n  const partiallySelected =\n    visibleLogIds.some((id: string) => selectedLogIds.has(id)) && !allVisibleSelected;\n\n  const handleDelete = async (reason: string) => {\n    if (deleteTargetIds.length === 0) return;\n\n    clearDeleteError();\n    clearDeleteSuccess();\n\n    try {\n      if (deleteTargetIds.length === 1) {\n        await deleteAuditLog({ variables: { id: deleteTargetIds[0], input: { reason } } });\n        setDeleteSuccess('Deleted 1 audit log');\n      } else {\n        const result = await bulkDeleteAuditLogs({\n          variables: { ids: deleteTargetIds, input: { reason } },\n        });\n        const deletedCount = result.data?.bulkDeleteVibeAuditLogs.deletedCount ?? 0;\n        const failedCount = result.data?.bulkDeleteVibeAuditLogs.failedCount ?? 0;\n        setDeleteSuccess(\n          `Deleted ${deletedCount} audit logs${failedCount > 0 ? ` • ${failedCount} failed` : ''}`\n        );\n      }\n\n      setDeleteTargetIds([]);\n      setSelectedLogIds((previous) => {\n        const next = new Set(previous);\n        deleteTargetIds.forEach((id) => next.delete(id));\n        return next;\n      });\n      if (selectedLogId && deleteTargetIds.includes(selectedLogId)) {\n        setSelectedLogId(null);\n      }\n      await refetch();\n      if (isNative()) void nativeNotify('success');\n    } catch (deleteAuditError) {\n      console.error('Failed to delete audit log:', deleteAuditError);\n      setDeleteError(tr('audit.deleteFailed', 'Failed to delete audit log. Please try again.'));\n      if (isNative()) void nativeNotify('error');\n      deleteErrorTimer.current = setTimeout(() => {\n        setDeleteError(null);\n        deleteErrorTimer.current = null;\n      }, 30000);\n    }\n  };\n\n  const handleOpenDelete = useCallback(\n    (id: string) => {\n      if (!canDeleteAudit) return;\n      clearDeleteError();\n      clearDeleteSuccess();\n      setDeleteTargetIds([id]);\n    },\n    [canDeleteAudit, clearDeleteError, clearDeleteSuccess]\n  );\n\n  const handleToggleLogSelection = useCallback((id: string, checked: boolean) => {\n    setSelectedLogIds((previous) => {\n      const next = new Set(previous);\n      if (checked) {\n        next.add(id);\n      } else {\n        next.delete(id);\n      }\n      return next;\n    });\n  }, []);\n\n  const handleToggleAllVisible = useCallback(\n    (checked: boolean) => {\n      setSelectedLogIds((previous) => {\n        const next = new Set(previous);\n        visibleLogIds.forEach((id: string) => {\n          if (checked) {\n            next.add(id);\n          } else {\n            next.delete(id);\n          }\n        });\n        return next;\n      });\n    },\n    [visibleLogIds]\n  );\n\n  const handleOpenBulkDelete = useCallback(() => {\n    if (!canDeleteAudit || selectedLogIds.size === 0) return;\n    clearDeleteError();\n    clearDeleteSuccess();\n    setDeleteTargetIds(Array.from(selectedLogIds));\n  }, [canDeleteAudit, clearDeleteError, clearDeleteSuccess, selectedLogIds]);\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"mx-auto max-w-[1400px] p-4 sm:p-6\">\n        <LoadingState message={tr('audit.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (permissions && permissions.permissionStrings?.length > 0 && !canListAudit) {\n    return (\n      <AccessDenied\n        title={tr('common.accessDeniedTitle', 'Access Denied')}\n        description={tr(\n          'common.accessDeniedDescription',\n          \"You don't have permission to access this resource.\"\n        )}\n      />\n    );\n  }\n\n  return (\n    <div className=\"mx-auto max-w-[1400px] p-4 sm:p-6\">\n      <PageHeader\n        title={tr('nav.vibeAudit', 'Audit')}\n        description={tr(\n          'audit.description',\n          'Comprehensive audit trail of all VibeControls operations'\n        )}\n        actions={canExportAudit ? <AuditExportButton filter={filter} /> : undefined}\n      />\n\n      {/* Retention banner — sourced from the backend `retentionPolicy`\n          so the displayed window updates if the tier changes. */}\n      <div className=\"mb-4 flex items-start gap-2 rounded-md border border-status-info-border bg-status-info-bg-subtle px-3 py-2 text-xs text-status-info-text\">\n        <Shield size={14} className=\"mt-0.5 flex-shrink-0\" />\n        <span>\n          {tr(\n            'audit.retentionBanner',\n            `Audit logs are kept for ${retentionDays} days. Older entries are automatically purged.`\n          )}\n          {nextCleanupAt\n            ? ` ${tr('audit.retentionNextCleanup', `Next cleanup: ${new Date(nextCleanupAt).toLocaleString()}.`)}`\n            : ''}\n        </span>\n      </div>\n\n      {/* Session drill-down banner — shown when scoped to one session's activity. */}\n      {sessionDrillId ? (\n        <div className=\"mb-4 flex items-center justify-between gap-2 rounded-md border border-action-primary-border bg-[var(--color-accent-soft)] px-3 py-2 text-xs text-text-primary\">\n          <span className=\"truncate\">\n            {tr('audit.sessionScopeBanner', 'Showing activity for session')}{' '}\n            <span className=\"font-mono\">{sessionDrillId}</span>\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setSessionDrillId(null);\n              setPage(0);\n            }}\n            className=\"flex-shrink-0 rounded bg-bg-sunken px-2 py-1 font-medium text-text-secondary hover:text-text-primary\"\n          >\n            {tr('audit.clearSessionScope', 'Clear')}\n          </button>\n        </div>\n      ) : null}\n\n      {/* AuditLogStats is a custom component that doesn't forward rest props\n          onto a DOM node, so the tour anchor lives on a wrapper <div>. */}\n      <div data-tour=\"audit-log-stats\">\n        <AuditLogStats stats={data?.vibeAuditLogStats} loading={loading && !data} />\n      </div>\n\n      <AuditLogFilters\n        searchQuery={searchQuery}\n        onSearchChange={setSearchQuery}\n        actionFilter={actionFilter}\n        onActionChange={(value) => {\n          setActionFilter(value);\n          setPage(0);\n        }}\n        resourceTypeFilter={resourceTypeFilter}\n        onResourceTypeChange={(value) => {\n          setResourceTypeFilter(value);\n          setPage(0);\n        }}\n        statusFilter={statusFilter}\n        onStatusChange={(value) => {\n          setStatusFilter(value);\n          setPage(0);\n        }}\n        hasCommandFilter={hasCommandFilter}\n        onHasCommandChange={(value) => {\n          setHasCommandFilter(value);\n          setPage(0);\n        }}\n        agentFilter={agentFilter}\n        onAgentChange={(value) => {\n          setAgentFilter(value);\n          // Agent + Vibe are mutually exclusive via resourceId — clearing one when\n          // the other is set keeps the resolved filter input coherent.\n          if (value !== 'all') setVibeFilter('all');\n          setPage(0);\n        }}\n        agents={agentsList}\n        vibeFilter={vibeFilter}\n        onVibeChange={(value) => {\n          setVibeFilter(value);\n          if (value !== 'all') setAgentFilter('all');\n          setPage(0);\n        }}\n        vibes={vibesList}\n      />\n\n      {items.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              <span className=\"text-sm font-medium text-text-primary\">\n                {selectedLogIds.size} selected\n              </span>\n              {selectedLogIds.size > 0 ? (\n                <button\n                  type=\"button\"\n                  onClick={() => setSelectedLogIds(new Set())}\n                  className=\"text-sm text-text-secondary transition-colors hover:text-text-primary\"\n                >\n                  Clear selection\n                </button>\n              ) : null}\n            </div>\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <button\n                type=\"button\"\n                onClick={handleOpenBulkDelete}\n                disabled={!canDeleteAudit || selectedLogIds.size === 0}\n                className=\"rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                Delete Selected{selectedLogIds.size > 0 ? ` (${selectedLogIds.size})` : ''}\n              </button>\n            </div>\n          </div>\n        </div>\n      ) : null}\n\n      {loading && !data ? (\n        <LoadingState message={tr('audit.loadingLogs', 'Loading audit logs...')} />\n      ) : error ? (\n        <ErrorState message={error.message} onRetry={() => refetch()} />\n      ) : totalAuditItems === 0 ? (\n        <EmptyState\n          icon={<Shield size={48} className=\"text-text-secondary\" />}\n          title={tr('audit.noLogs', 'No audit logs')}\n          description={tr(\n            'audit.emptyDescription',\n            'Audit logs will appear here as operations are performed in VibeControls.'\n          )}\n          action={\n            <GetHelpButton prompt=\"What is the Audit Log in VibeControls and how do I use it?\" />\n          }\n        />\n      ) : (\n        <div data-tour=\"audit-log-table\">\n          <AuditLogTable\n            items={items}\n            total={totalAuditItems}\n            hasMore={data?.vibeAuditLogs.hasMore ?? false}\n            page={page}\n            pageSize={PAGE_SIZE}\n            onPageChange={setPage}\n            onSelectLog={setSelectedLogId}\n            onDeleteLog={handleOpenDelete}\n            selectedLogId={selectedLogId}\n            selectedLogIds={selectedLogIds}\n            allVisibleSelected={allVisibleSelected}\n            partiallySelected={partiallySelected}\n            onToggleLogSelection={handleToggleLogSelection}\n            onToggleAllVisible={handleToggleAllVisible}\n          />\n        </div>\n      )}\n\n      {selectedLogId && detailData?.vibeAuditLog ? (\n        <AuditLogDetail\n          log={detailData.vibeAuditLog}\n          onClose={() => setSelectedLogId(null)}\n          footer={\n            detailData.vibeAuditLog.resourceType === 'SESSION' &&\n            detailData.vibeAuditLog.resourceId &&\n            detailData.vibeAuditLog.resourceId !== sessionDrillId ? (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setSessionDrillId(detailData.vibeAuditLog?.resourceId ?? null);\n                  setSelectedLogId(null);\n                  setPage(0);\n                }}\n                className=\"w-full rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover\"\n              >\n                {tr('audit.showOnlyThisSession', \"Show only this session's activity\")}\n              </button>\n            ) : null\n          }\n        />\n      ) : null}\n\n      {deleteError ? (\n        <div\n          role=\"alert\"\n          className=\"fixed bottom-4 right-4 z-50 rounded-md bg-status-error-bg px-4 py-3 text-sm text-status-error-text shadow-lg\"\n        >\n          {deleteError}\n          <button\n            type=\"button\"\n            onClick={clearDeleteError}\n            className=\"ml-3 text-xs underline opacity-80 hover:opacity-100\"\n          >\n            {tr('common.dismiss', 'Dismiss')}\n          </button>\n        </div>\n      ) : null}\n\n      {deleteSuccess ? (\n        <div\n          role=\"status\"\n          className=\"fixed bottom-4 right-4 z-50 rounded-md bg-status-success-bg px-4 py-3 text-sm text-status-success-text shadow-lg\"\n        >\n          {deleteSuccess}\n          <button\n            type=\"button\"\n            onClick={clearDeleteSuccess}\n            className=\"ml-3 text-xs underline opacity-80 hover:opacity-100\"\n          >\n            {tr('common.dismiss', 'Dismiss')}\n          </button>\n        </div>\n      ) : null}\n\n      <AuditDeleteDialog\n        isOpen={deleteTargetIds.length > 0}\n        onClose={() => setDeleteTargetIds([])}\n        onConfirm={handleDelete}\n        loading={deleteLoading}\n        title={deleteTargetIds.length > 1 ? 'Delete Audit Logs' : 'Delete Audit Log'}\n        description={\n          deleteTargetIds.length > 1\n            ? `This will permanently delete ${deleteTargetIds.length} audit logs and record the reason in the audit trail.`\n            : 'This action will be recorded in the audit trail.'\n        }\n        confirmLabel={deleteTargetIds.length > 1 ? 'Delete Logs' : 'Delete'}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/VibeCalendarPage.js

@@ -198,14 +198,14 @@ function m() {
 						type: "button",
 						onClick: () => W(),
 						disabled: ke,
-						className: "rounded px-3 py-1 text-xs text-status-error-text transition-colors hover:bg-status-error-bg/80 disabled:opacity-50",
+						className: "rounded px-3 py-1 text-xs text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-50",
 						children: I("calendar.retry", "Retry")
 					})
 				]
 			}),
 			P && /* @__PURE__ */ f("div", {
 				role: "alert",
-				className: "flex items-start gap-2 rounded-lg border border-status-error-border/30 bg-status-error-bg/10 px-3 py-2 text-sm text-status-error-text",
+				className: "flex items-start gap-2 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
 				children: [
 					/* @__PURE__ */ d(u, {
 						size: 16,
@@ -218,7 +218,7 @@ function m() {
 					/* @__PURE__ */ d("button", {
 						type: "button",
 						onClick: () => F(null),
-						className: "p-0.5 rounded hover:bg-status-error-bg/20 transition-colors",
+						className: "p-0.5 rounded hover:bg-bg-sunken transition-colors",
 						"aria-label": I("common.dismiss", "Dismiss"),
 						children: /* @__PURE__ */ d(fe, { size: 14 })
 					})

package/dist/pages/VibeCalendarPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"VibeCalendarPage.js","names":[],"sources":["../../src/pages/VibeCalendarPage.tsx"],"sourcesContent":["import { useState, useMemo, useCallback, useEffect } from 'react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { CalendarClock, AlertCircle, X } from 'lucide-react';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { LoadingState } from '@/components/shared/LoadingState';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport { useTenantContext } from '@/hooks/useTenantContext';\nimport {\n  VibeCalendarHeader,\n  VibeCalMonthView,\n  VibeCalWeekView,\n  VibeCalDayView,\n  VibeCalAgendaView,\n  ScheduleTaskModal,\n  LogsDrawer,\n} from '../components/vibecalendar';\nimport { useVibeNavigate, useVibeControls } from '@/providers/VibeControlsProvider';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport type {\n  CalendarViewMode,\n  VibeCalendarTask,\n  VibeCalendarExecution,\n  ScheduleTaskInput,\n} from '../components/vibecalendar';\nimport {\n  expandJobsToOccurrences,\n  type SchedulerJobLike,\n} from '../components/vibecalendar/expandOccurrences';\nimport {\n  useCreateVibeCalendarTaskMutation,\n  useExecuteScheduledJobNowMutation,\n  useTriggerVibeCalendarTaskNowMutation,\n} from '@/generated/wspace-operations';\n\n/**\n * The /scheduler page writes ScheduledJobs through the WSPACE gateway —\n * `scheduledJobs` is only published by `wspace-scheduler-svc` and is\n * workspace-scoped (the `$workspaceId: ID!` argument is required). The\n * Calendar renders those jobs alongside its own VibeCalendarTasks. We use\n * `graphqlFetch` rather than Apollo to keep the Calendar's local-state\n * timeline decoupled from the global Apollo cache that powers other\n * VibeControls pages.\n */\nconst WORKSPACE_SCHEDULED_JOBS_QUERY = /* GraphQL */ `\n  query GetWorkspaceScheduledJobsForCalendar($workspaceId: ID!) {\n    scheduledJobs(workspaceId: $workspaceId, pagination: { first: 500 }) {\n      jobs {\n        id\n        name\n        description\n        status\n        scheduleType\n        cronExpression\n        rrule\n        interval\n        scheduledAt\n        nextExecutionAt\n        lastExecutionAt\n        actionId\n        timezone\n        startDate\n        endDate\n      }\n      total\n    }\n  }\n`;\n\ninterface WorkspaceScheduledJobsResponse {\n  scheduledJobs: {\n    jobs: SchedulerJobLike[];\n    total: number;\n  };\n}\n\n/**\n * Calendar Page\n *\n * Main page for scheduling and managing tasks on VibeControls agents.\n * Supports month and agenda views with task creation, on-demand triggering,\n * and log viewing via the LogsDrawer.\n */\nexport function VibeCalendarPage() {\n  const navigate = useVibeNavigate();\n  const { workspaceId } = useVibeControls();\n  const { t } = useI18n();\n  const { viewType } = useParams<{ viewType?: string }>();\n  const [searchParams, setSearchParams] = useSearchParams();\n  // When navigated here from the Actions page via \"Add to calendar\",\n  // the URL carries ?actionId=... — open the modal in Action-linked mode.\n  const prefillActionId = searchParams.get('actionId') ?? undefined;\n  const { hasPermission, isLoading: permissionsLoading, permissions } = usePermissions();\n  // The unified-source migration moved the calendar's only list\n  // path onto `scheduledJobs(workspaceId)` (the scheduler subgraph) —\n  // there's no parallel `vibeCalendarTasks` query firing here\n  // anymore. The page-level access gate is therefore\n  // `schedule:read` specifically; admitting calendar-task-only\n  // readers would let them past the UI only to hit an empty\n  // calendar / scheduler RBAC denial on the actual fetch.\n  // calendar-agent-task permissions are still consumed downstream\n  // (CREATE for the schedule button, EXECUTE for the per-tile ▶\n  // branch) but they don't gate the page mount.\n  const canList = hasPermission(VIBE_PERMISSIONS.SCHEDULE_READ);\n  // Required by the @include gate on `output`/`errorMessage` in\n  // both run-now mutations — without this Apollo rejects the\n  // operation before it leaves the browser.\n  const canReadExecutionLogs = hasPermission(VIBE_PERMISSIONS.LOG_READ);\n  const canCreate = hasPermission(VIBE_PERMISSIONS.CALENDAR_AGENT_TASK_CREATE);\n  // The agenda exclusively renders ScheduledJob tiles in the\n  // current unified-source path, so the prop-level gate on\n  // `onTriggerNow` is `schedule:execute` — admitting\n  // `calendar-agent-task:execute`-only users would show ▶ on every\n  // tile just to bounce off a friendly denial banner. Both\n  // permissions stay tracked because handleTriggerNow's per-source\n  // pre-check uses them defensively in case a future mixed-source\n  // render lands here.\n  const canExecuteCalendarTask = hasPermission(VIBE_PERMISSIONS.CALENDAR_AGENT_TASK_EXECUTE);\n  const canExecuteScheduledJob = hasPermission(VIBE_PERMISSIONS.SCHEDULE_EXECUTE);\n  const canExecute = canExecuteScheduledJob;\n\n  // URL overrides reach Apollo via per-request headers so tile-▶\n  // mutations stay in the same tenant the support deep-link list\n  // loaded against.\n  const tenantContext = useTenantContext();\n\n  const [currentDate, setCurrentDate] = useState(new Date());\n  const [viewMode, setViewMode] = useState<CalendarViewMode>(\n    (viewType as CalendarViewMode) || 'month'\n  );\n  const [showCreateModal, setShowCreateModal] = useState(false);\n\n  // Auto-open the modal when arriving with an actionId query param.\n  useEffect(() => {\n    if (prefillActionId) {\n      setShowCreateModal(true);\n    }\n  }, [prefillActionId]);\n  const [showLogsDrawer, setShowLogsDrawer] = useState(false);\n  const [selectedTask, setSelectedTask] = useState<VibeCalendarTask | null>(null);\n  const [selectedExecution, setSelectedExecution] = useState<VibeCalendarExecution | null>(null);\n  const [triggerError, setTriggerError] = useState<string | null>(null);\n\n  // Memoized so downstream useCallback deps stay referentially\n  // stable across renders.\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  // Calculate date range for current view\n  const dateRange = useMemo(() => {\n    const start = new Date(currentDate);\n    const end = new Date(currentDate);\n\n    switch (viewMode) {\n      case 'month':\n        start.setDate(1);\n        start.setHours(0, 0, 0, 0);\n        end.setMonth(end.getMonth() + 1, 0);\n        end.setHours(23, 59, 59, 999);\n        break;\n      case 'week':\n        start.setDate(start.getDate() - start.getDay());\n        start.setHours(0, 0, 0, 0);\n        end.setDate(start.getDate() + 6);\n        end.setHours(23, 59, 59, 999);\n        break;\n      case 'day':\n        start.setHours(0, 0, 0, 0);\n        end.setHours(23, 59, 59, 999);\n        break;\n      case 'agenda':\n        start.setDate(1);\n        start.setHours(0, 0, 0, 0);\n        end.setMonth(end.getMonth() + 1, 0);\n        end.setHours(23, 59, 59, 999);\n        break;\n    }\n\n    return { startDate: start.toISOString(), endDate: end.toISOString() };\n  }, [currentDate, viewMode]);\n\n  // Unified calendar view: fetch every ScheduledJob the workspace owns\n  // (where /scheduler writes). The calendar renders jobs regardless of how\n  // they were created, so all schedule-to-Action tasks show up here as a\n  // single source of truth.\n  //\n  // `scheduledJobs` is published by `wspace-scheduler-svc` and is workspace-\n  // scoped — `workspaceId` is required as a query variable. `graphqlFetch`\n  // auto-resolves the workspace/org/tenant context from the shell storage\n  // and sets the matching headers; URL params (`?org=`, `?tenant=`)\n  // override that resolution for the support-tooling deep-link flow.\n  const [jobs, setJobs] = useState<SchedulerJobLike[]>([]);\n  const [rangeError, setRangeError] = useState<Error | undefined>(undefined);\n  const [jobsLoaded, setJobsLoaded] = useState(false);\n  const [jobsLoading, setJobsLoading] = useState(false);\n  const refetch = useCallback(async () => {\n    // Guard: scheduledJobs requires workspaceId — if it isn't resolved yet,\n    // skip rather than firing a request that's guaranteed to fail validation.\n    // The effect below re-invokes refetch once workspaceId becomes available.\n    // (The state-reset on workspace transitions lives in the effect itself,\n    // not here, because the effect early-returns when workspaceId is falsy\n    // and refetch never gets called in that path.)\n    if (!workspaceId) return;\n    setJobsLoading(true);\n    try {\n      // graphqlFetch reads workspace/org/tenant context from storage and sets\n      // the proper x-workspace-id / x-org-id / x-tenant-id headers itself —\n      // passing `true` opts in to that auto-resolution. URL params override\n      // storage for the org/tenant context (used by the support tooling\n      // when impersonating a different tenant via deep-link).\n      const urlParams = new URLSearchParams(\n        typeof window === 'undefined' ? '' : window.location.search\n      );\n      const orgFromUrl = urlParams.get('org') ?? undefined;\n      const tenantFromUrl = urlParams.get('tenant') ?? undefined;\n\n      const res = await graphqlFetch<WorkspaceScheduledJobsResponse>({\n        gateway: 'workspace',\n        query: WORKSPACE_SCHEDULED_JOBS_QUERY,\n        operationName: 'GetWorkspaceScheduledJobsForCalendar',\n        variables: { workspaceId },\n        // Pass the resolved workspaceId STRING (not `true`) so the\n        // `x-workspace-id` header matches the GraphQL variable even when\n        // ActiveContextStorage is stale / not hydrated yet. Otherwise the\n        // gateway can authorize/federate against the previous workspace's\n        // context while the resolver receives the new one.\n        workspaceId,\n        organizationId: orgFromUrl ?? true,\n        tenantId: tenantFromUrl ?? true,\n      });\n\n      if (res.errors && res.errors.length) {\n        // Wrap GraphQL/network errors in a generic, UI-safe Error so we\n        // never leak raw resolver / federation messages into the banner.\n        throw new Error(res.errors[0]?.message ?? 'Unable to load scheduled tasks');\n      }\n      setJobs(res.data?.scheduledJobs?.jobs ?? []);\n      setRangeError(undefined);\n      setJobsLoaded(true);\n    } catch (err) {\n      console.error('[VibeCalendarPage] Failed to load scheduled jobs:', err);\n      setRangeError(err instanceof Error ? err : new Error(String(err)));\n    } finally {\n      setJobsLoading(false);\n    }\n  }, [workspaceId]);\n\n  useEffect(() => {\n    if (!workspaceId) {\n      // Reset on workspace transitions so the empty-state CTA doesn't\n      // flash stale data from the previous workspace while the new one\n      // is still resolving. Lives here, not in refetch, because refetch\n      // is only called from this effect — when workspaceId is falsy,\n      // refetch never runs.\n      setJobs([]);\n      setRangeError(undefined);\n      setJobsLoaded(false);\n      return;\n    }\n    void refetch();\n  }, [workspaceId, refetch]);\n\n  // `sourceById` built in the same pass so handleTriggerNow does\n  // an O(1) Map lookup per click — month/agenda views can mint\n  // hundreds of occurrences from a single recurring job.\n  const { occurrences, sourceById } = useMemo(() => {\n    if (!jobs.length) {\n      return {\n        occurrences: [],\n        sourceById: new Map<string, VibeCalendarTask['source']>(),\n      };\n    }\n    const occs = expandJobsToOccurrences(\n      jobs,\n      new Date(dateRange.startDate),\n      new Date(dateRange.endDate)\n    );\n    const map = new Map<string, VibeCalendarTask['source']>();\n    for (const o of occs) {\n      // Always populate with an explicit discriminator. Future\n      // shapes (e.g. an externalTrigger source) would otherwise\n      // collapse into the default branch silently — `undefined`\n      // here means \"id no longer in the visible window\", nothing\n      // more.\n      map.set(o.task.id, o.task.source ?? 'vibeCalendarTask');\n    }\n    return { occurrences: occs, sourceById: map };\n  }, [jobs, dateRange.startDate, dateRange.endDate]);\n\n  // Agents are no longer collected in the modal — the scheduler resolves\n  // them from the referenced Action at execution time.\n\n  // Mutations\n  const [createTaskMutation, { loading: createLoading }] = useCreateVibeCalendarTaskMutation();\n  const [triggerNowMutation] = useTriggerVibeCalendarTaskNowMutation();\n  // Scheduled-job tiles route to the scheduler subgraph rather than\n  // the calendar one (different id space, different RBAC resource).\n  const [executeScheduledJobNowMutation] = useExecuteScheduledJobNowMutation();\n\n  const handleViewModeChange = useCallback((mode: CalendarViewMode) => {\n    setViewMode(mode);\n  }, []);\n\n  // `undefined` return signals \"no longer in the visible window\" —\n  // callers should treat that as the safe default `'vibeCalendarTask'`.\n  const sourceForTask = useCallback(\n    (taskId: string): VibeCalendarTask['source'] => {\n      return sourceById.get(taskId);\n    },\n    [sourceById]\n  );\n\n  const handleTriggerNow = useCallback(\n    async (taskId: string) => {\n      // Clear any prior failure banner before re-attempting — same\n      // pattern as ScheduledJobDetailPage.handleExecuteNow.\n      setTriggerError(null);\n      // Branch on the discriminator set by `jobToVibeCalendarTask`.\n      // The view passes `onTriggerNow` to every tile when EITHER\n      // permission is held (combined `canExecute` gate above), so we\n      // pre-check the per-source permission here and surface a\n      // friendly inline banner if missing rather than firing the\n      // mutation just to bounce off a server-side RBAC denial.\n      const source = sourceForTask(taskId);\n      if (source === 'scheduledJob' && !canExecuteScheduledJob) {\n        setTriggerError(\n          tr(\n            'calendar.scheduleExecuteDenied',\n            'You do not have permission to run scheduled jobs (schedule:execute).'\n          )\n        );\n        return;\n      }\n      if (source !== 'scheduledJob' && !canExecuteCalendarTask) {\n        setTriggerError(\n          tr(\n            'calendar.calendarTaskExecuteDenied',\n            'You do not have permission to run calendar tasks (calendar-agent-task:execute).'\n          )\n        );\n        return;\n      }\n      // VibeControlsProvider sets `errorPolicy: 'all'` so RBAC /\n      // GraphQL errors resolve into `result.error` (ApolloError)\n      // instead of throwing. Inspect both paths consistently —\n      // denials would otherwise be silently dropped. Same pattern\n      // ActionsPage already uses for quota-exhaust handling.\n      const fallbackMsg = tr(\n        'calendar.triggerFailedFallback',\n        'Failed to trigger task. Try again or contact support.'\n      );\n      try {\n        const result =\n          source === 'scheduledJob'\n            ? await executeScheduledJobNowMutation({\n                variables: { id: taskId, canReadLogs: canReadExecutionLogs },\n                context: tenantContext,\n              })\n            : await triggerNowMutation({\n                variables: { id: taskId },\n                context: tenantContext,\n              });\n        if (result.error) {\n          console.error('Trigger mutation returned an Apollo error:', result.error);\n          setTriggerError(result.error.message || fallbackMsg);\n        }\n      } catch (err) {\n        console.error('Failed to trigger task:', err);\n        const msg = err instanceof Error && err.message ? err.message : fallbackMsg;\n        setTriggerError(msg);\n      }\n    },\n    [\n      triggerNowMutation,\n      executeScheduledJobNowMutation,\n      sourceForTask,\n      canReadExecutionLogs,\n      canExecuteCalendarTask,\n      canExecuteScheduledJob,\n      tenantContext,\n      tr,\n    ]\n  );\n\n  const handleViewLogs = useCallback((task: VibeCalendarTask) => {\n    setSelectedTask(task);\n    setSelectedExecution(null);\n    setShowLogsDrawer(true);\n  }, []);\n\n  const handleViewDetail = useCallback(\n    (taskId: string) => {\n      // A tile that originated from a ScheduledJob has no row in\n      // wspace-calendar-svc, so VibeTaskDetailPage would 404 on it.\n      // Route to the matching in-product detail page instead.\n      //\n      // Carry the existing query string so the support deep-link\n      // flow (`?org=…&tenant=…`) keeps its tenant context across\n      // the navigation — without it the detail query runs against\n      // the default/stored tenant and returns a wrong-context view.\n      // Encode the id for defense-in-depth in case the scheduler\n      // ever emits ids that contain URL-reserved characters.\n      const encoded = encodeURIComponent(taskId);\n      const search = searchParams.toString();\n      const suffix = search ? `?${search}` : '';\n      const path =\n        sourceForTask(taskId) === 'scheduledJob'\n          ? `/calendar/scheduled-job/${encoded}`\n          : `/calendar/task/${encoded}`;\n      navigate(`${path}${suffix}`);\n    },\n    [navigate, sourceForTask, searchParams]\n  );\n\n  const handleCreateTask = useCallback(\n    async (input: ScheduleTaskInput) => {\n      try {\n        // Calendar entries always delegate execution to a VibeControls\n        // Action. The scheduler resolves agent/command/webhook details\n        // from the Action definition at run time — we only send\n        // actionId + calendar/schedule config from this modal.\n        await createTaskMutation({\n          variables: {\n            input: {\n              calendarId: input.calendarId || 'default',\n              title: input.title,\n              description: input.description,\n              actionId: input.actionId,\n              scheduleType: input.scheduleType,\n              scheduledAt: input.scheduledAt,\n              cronExpression: input.cronExpression,\n              interval: input.interval,\n              intervalUnit: input.intervalUnit,\n              timezone: input.timezone,\n            },\n          },\n        });\n        await refetch();\n        setShowCreateModal(false);\n        // Drop the actionId query param after successful creation\n        if (searchParams.has('actionId')) {\n          const next = new URLSearchParams(searchParams);\n          next.delete('actionId');\n          setSearchParams(next, { replace: true });\n        }\n      } catch (err) {\n        console.error('Failed to create task:', err);\n      }\n    },\n    [createTaskMutation, refetch, searchParams, setSearchParams]\n  );\n\n  if (permissionsLoading)\n    return (\n      <MotionPage className=\"flex flex-col h-full p-4 gap-4\">\n        <LoadingState message={tr('calendar.loadingPermissions', 'Loading permissions...')} />\n      </MotionPage>\n    );\n\n  if (permissions && permissions.permissionStrings?.length > 0 && !canList) {\n    return (\n      <MotionPage className=\"flex flex-col h-full p-4 gap-4\">\n        <AccessDenied\n          title={tr('common.accessDeniedTitle', 'Access Denied')}\n          description={tr(\n            'calendar.accessDeniedDescription',\n            \"You don't have permission to view the Calendar.\"\n          )}\n        />\n      </MotionPage>\n    );\n  }\n\n  // Show the empty-state CTA only after the first successful load returned\n  // an empty list — never while loading, and never when an error blocks the\n  // distinction between \"no data\" and \"couldn't fetch\".\n  const showEmptyState = jobsLoaded && !rangeError && jobs.length === 0;\n\n  return (\n    <MotionPage className=\"flex flex-col h-full p-4 gap-4\">\n      {/* Error banner (non-blocking) — friendly message, never raw GraphQL */}\n      {rangeError && jobs.length === 0 && (\n        <div className=\"flex items-center gap-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-4 py-2\">\n          <AlertCircle size={16} className=\"text-status-error-text flex-shrink-0\" />\n          <p className=\"flex-1 text-sm text-status-error-text\">\n            {tr(\n              'calendar.couldNotLoadEvents',\n              \"Could not load events. We'll keep trying — you can retry below.\"\n            )}\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => refetch()}\n            disabled={jobsLoading}\n            className=\"rounded px-3 py-1 text-xs text-status-error-text transition-colors hover:bg-status-error-bg/80 disabled:opacity-50\"\n          >\n            {tr('calendar.retry', 'Retry')}\n          </button>\n        </div>\n      )}\n\n      {triggerError && (\n        <div\n          role=\"alert\"\n          className=\"flex items-start gap-2 rounded-lg border border-status-error-border/30 bg-status-error-bg/10 px-3 py-2 text-sm text-status-error-text\"\n        >\n          <AlertCircle size={16} className=\"mt-0.5 flex-shrink-0\" />\n          <p className=\"flex-1 break-words\">{triggerError}</p>\n          <button\n            type=\"button\"\n            onClick={() => setTriggerError(null)}\n            className=\"p-0.5 rounded hover:bg-status-error-bg/20 transition-colors\"\n            aria-label={tr('common.dismiss', 'Dismiss')}\n          >\n            <X size={14} />\n          </button>\n        </div>\n      )}\n\n      {/* Header */}\n      <div className=\"flex items-center gap-3 mb-2\">\n        <CalendarClock size={24} className=\"text-text-primary\" />\n        <div>\n          <h1 className=\"text-xl font-bold text-text-primary\">\n            {tr('nav.vibeCalendar', 'Calendar')}\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {tr('calendar.description', 'Schedule and manage tasks across your agents')}\n          </p>\n        </div>\n      </div>\n\n      {/* Empty-state CTA shown when the user has no scheduled tasks yet. */}\n      {showEmptyState && (\n        <div className=\"flex flex-col sm:flex-row sm:items-center gap-3 rounded-lg border border-border-default bg-bg-surface px-4 py-3\">\n          <div className=\"flex-1\">\n            <p className=\"text-sm font-medium text-text-primary\">\n              {tr('calendar.empty.title', 'No scheduled tasks yet')}\n            </p>\n            <p className=\"text-xs text-text-secondary mt-0.5\">\n              {tr(\n                'calendar.empty.description',\n                'Schedule your first task to start automating actions across your agents.'\n              )}\n            </p>\n          </div>\n          {canCreate && (\n            <button\n              type=\"button\"\n              onClick={() => setShowCreateModal(true)}\n              className=\"px-3 py-1.5 text-xs font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              {tr('calendar.empty.cta', 'Schedule your first task')}\n            </button>\n          )}\n        </div>\n      )}\n\n      {/* Calendar Header with nav + view switcher */}\n      <div data-tour=\"calendar-header\">\n        <VibeCalendarHeader\n          currentDate={currentDate}\n          viewMode={viewMode}\n          onDateChange={setCurrentDate}\n          onViewModeChange={handleViewModeChange}\n          onCreateTask={canCreate ? () => setShowCreateModal(true) : undefined}\n        />\n      </div>\n\n      {/* Calendar Body */}\n      <div data-tour=\"calendar-view-container\" className=\"flex-1 overflow-hidden\">\n        {viewMode === 'month' && (\n          <VibeCalMonthView\n            currentDate={currentDate}\n            occurrences={occurrences}\n            onTriggerNow={canExecute ? handleTriggerNow : undefined}\n            onViewLogs={handleViewLogs}\n            onViewDetail={handleViewDetail}\n          />\n        )}\n        {viewMode === 'week' && (\n          <VibeCalWeekView\n            currentDate={currentDate}\n            occurrences={occurrences}\n            onTriggerNow={canExecute ? handleTriggerNow : undefined}\n            onViewLogs={handleViewLogs}\n            onViewDetail={handleViewDetail}\n          />\n        )}\n        {viewMode === 'day' && (\n          <VibeCalDayView\n            currentDate={currentDate}\n            occurrences={occurrences}\n            onTriggerNow={canExecute ? handleTriggerNow : undefined}\n            onViewLogs={handleViewLogs}\n            onViewDetail={handleViewDetail}\n          />\n        )}\n        {viewMode === 'agenda' && (\n          <VibeCalAgendaView\n            occurrences={occurrences}\n            onTriggerNow={canExecute ? handleTriggerNow : undefined}\n            onViewLogs={handleViewLogs}\n            onViewDetail={handleViewDetail}\n          />\n        )}\n      </div>\n\n      {/* Schedule Task Modal */}\n      <ScheduleTaskModal\n        isOpen={showCreateModal}\n        onClose={() => {\n          setShowCreateModal(false);\n          // Strip the actionId query param on dismiss so reopening the\n          // modal without a fresh navigation doesn't silently resume\n          // Action-linked mode.\n          if (searchParams.has('actionId')) {\n            const next = new URLSearchParams(searchParams);\n            next.delete('actionId');\n            setSearchParams(next, { replace: true });\n          }\n        }}\n        onSubmit={handleCreateTask}\n        loading={createLoading}\n        prefillActionId={prefillActionId}\n      />\n\n      {/* Logs Drawer */}\n      <LogsDrawer\n        isOpen={showLogsDrawer}\n        onClose={() => setShowLogsDrawer(false)}\n        execution={selectedExecution}\n        taskTitle={selectedTask?.title || ''}\n        agentId={selectedTask?.agentId || ''}\n      />\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"VibeCalendarPage.js","names":[],"sources":["../../src/pages/VibeCalendarPage.tsx"],"sourcesContent":["import { useState, useMemo, useCallback, useEffect } from 'react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { CalendarClock, AlertCircle, X } from 'lucide-react';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { LoadingState } from '@/components/shared/LoadingState';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport { useTenantContext } from '@/hooks/useTenantContext';\nimport {\n  VibeCalendarHeader,\n  VibeCalMonthView,\n  VibeCalWeekView,\n  VibeCalDayView,\n  VibeCalAgendaView,\n  ScheduleTaskModal,\n  LogsDrawer,\n} from '../components/vibecalendar';\nimport { useVibeNavigate, useVibeControls } from '@/providers/VibeControlsProvider';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport type {\n  CalendarViewMode,\n  VibeCalendarTask,\n  VibeCalendarExecution,\n  ScheduleTaskInput,\n} from '../components/vibecalendar';\nimport {\n  expandJobsToOccurrences,\n  type SchedulerJobLike,\n} from '../components/vibecalendar/expandOccurrences';\nimport {\n  useCreateVibeCalendarTaskMutation,\n  useExecuteScheduledJobNowMutation,\n  useTriggerVibeCalendarTaskNowMutation,\n} from '@/generated/wspace-operations';\n\n/**\n * The /scheduler page writes ScheduledJobs through the WSPACE gateway —\n * `scheduledJobs` is only published by `wspace-scheduler-svc` and is\n * workspace-scoped (the `$workspaceId: ID!` argument is required). The\n * Calendar renders those jobs alongside its own VibeCalendarTasks. We use\n * `graphqlFetch` rather than Apollo to keep the Calendar's local-state\n * timeline decoupled from the global Apollo cache that powers other\n * VibeControls pages.\n */\nconst WORKSPACE_SCHEDULED_JOBS_QUERY = /* GraphQL */ `\n  query GetWorkspaceScheduledJobsForCalendar($workspaceId: ID!) {\n    scheduledJobs(workspaceId: $workspaceId, pagination: { first: 500 }) {\n      jobs {\n        id\n        name\n        description\n        status\n        scheduleType\n        cronExpression\n        rrule\n        interval\n        scheduledAt\n        nextExecutionAt\n        lastExecutionAt\n        actionId\n        timezone\n        startDate\n        endDate\n      }\n      total\n    }\n  }\n`;\n\ninterface WorkspaceScheduledJobsResponse {\n  scheduledJobs: {\n    jobs: SchedulerJobLike[];\n    total: number;\n  };\n}\n\n/**\n * Calendar Page\n *\n * Main page for scheduling and managing tasks on VibeControls agents.\n * Supports month and agenda views with task creation, on-demand triggering,\n * and log viewing via the LogsDrawer.\n */\nexport function VibeCalendarPage() {\n  const navigate = useVibeNavigate();\n  const { workspaceId } = useVibeControls();\n  const { t } = useI18n();\n  const { viewType } = useParams<{ viewType?: string }>();\n  const [searchParams, setSearchParams] = useSearchParams();\n  // When navigated here from the Actions page via \"Add to calendar\",\n  // the URL carries ?actionId=... — open the modal in Action-linked mode.\n  const prefillActionId = searchParams.get('actionId') ?? undefined;\n  const { hasPermission, isLoading: permissionsLoading, permissions } = usePermissions();\n  // The unified-source migration moved the calendar's only list\n  // path onto `scheduledJobs(workspaceId)` (the scheduler subgraph) —\n  // there's no parallel `vibeCalendarTasks` query firing here\n  // anymore. The page-level access gate is therefore\n  // `schedule:read` specifically; admitting calendar-task-only\n  // readers would let them past the UI only to hit an empty\n  // calendar / scheduler RBAC denial on the actual fetch.\n  // calendar-agent-task permissions are still consumed downstream\n  // (CREATE for the schedule button, EXECUTE for the per-tile ▶\n  // branch) but they don't gate the page mount.\n  const canList = hasPermission(VIBE_PERMISSIONS.SCHEDULE_READ);\n  // Required by the @include gate on `output`/`errorMessage` in\n  // both run-now mutations — without this Apollo rejects the\n  // operation before it leaves the browser.\n  const canReadExecutionLogs = hasPermission(VIBE_PERMISSIONS.LOG_READ);\n  const canCreate = hasPermission(VIBE_PERMISSIONS.CALENDAR_AGENT_TASK_CREATE);\n  // The agenda exclusively renders ScheduledJob tiles in the\n  // current unified-source path, so the prop-level gate on\n  // `onTriggerNow` is `schedule:execute` — admitting\n  // `calendar-agent-task:execute`-only users would show ▶ on every\n  // tile just to bounce off a friendly denial banner. Both\n  // permissions stay tracked because handleTriggerNow's per-source\n  // pre-check uses them defensively in case a future mixed-source\n  // render lands here.\n  const canExecuteCalendarTask = hasPermission(VIBE_PERMISSIONS.CALENDAR_AGENT_TASK_EXECUTE);\n  const canExecuteScheduledJob = hasPermission(VIBE_PERMISSIONS.SCHEDULE_EXECUTE);\n  const canExecute = canExecuteScheduledJob;\n\n  // URL overrides reach Apollo via per-request headers so tile-▶\n  // mutations stay in the same tenant the support deep-link list\n  // loaded against.\n  const tenantContext = useTenantContext();\n\n  const [currentDate, setCurrentDate] = useState(new Date());\n  const [viewMode, setViewMode] = useState<CalendarViewMode>(\n    (viewType as CalendarViewMode) || 'month'\n  );\n  const [showCreateModal, setShowCreateModal] = useState(false);\n\n  // Auto-open the modal when arriving with an actionId query param.\n  useEffect(() => {\n    if (prefillActionId) {\n      setShowCreateModal(true);\n    }\n  }, [prefillActionId]);\n  const [showLogsDrawer, setShowLogsDrawer] = useState(false);\n  const [selectedTask, setSelectedTask] = useState<VibeCalendarTask | null>(null);\n  const [selectedExecution, setSelectedExecution] = useState<VibeCalendarExecution | null>(null);\n  const [triggerError, setTriggerError] = useState<string | null>(null);\n\n  // Memoized so downstream useCallback deps stay referentially\n  // stable across renders.\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  // Calculate date range for current view\n  const dateRange = useMemo(() => {\n    const start = new Date(currentDate);\n    const end = new Date(currentDate);\n\n    switch (viewMode) {\n      case 'month':\n        start.setDate(1);\n        start.setHours(0, 0, 0, 0);\n        end.setMonth(end.getMonth() + 1, 0);\n        end.setHours(23, 59, 59, 999);\n        break;\n      case 'week':\n        start.setDate(start.getDate() - start.getDay());\n        start.setHours(0, 0, 0, 0);\n        end.setDate(start.getDate() + 6);\n        end.setHours(23, 59, 59, 999);\n        break;\n      case 'day':\n        start.setHours(0, 0, 0, 0);\n        end.setHours(23, 59, 59, 999);\n        break;\n      case 'agenda':\n        start.setDate(1);\n        start.setHours(0, 0, 0, 0);\n        end.setMonth(end.getMonth() + 1, 0);\n        end.setHours(23, 59, 59, 999);\n        break;\n    }\n\n    return { startDate: start.toISOString(), endDate: end.toISOString() };\n  }, [currentDate, viewMode]);\n\n  // Unified calendar view: fetch every ScheduledJob the workspace owns\n  // (where /scheduler writes). The calendar renders jobs regardless of how\n  // they were created, so all schedule-to-Action tasks show up here as a\n  // single source of truth.\n  //\n  // `scheduledJobs` is published by `wspace-scheduler-svc` and is workspace-\n  // scoped — `workspaceId` is required as a query variable. `graphqlFetch`\n  // auto-resolves the workspace/org/tenant context from the shell storage\n  // and sets the matching headers; URL params (`?org=`, `?tenant=`)\n  // override that resolution for the support-tooling deep-link flow.\n  const [jobs, setJobs] = useState<SchedulerJobLike[]>([]);\n  const [rangeError, setRangeError] = useState<Error | undefined>(undefined);\n  const [jobsLoaded, setJobsLoaded] = useState(false);\n  const [jobsLoading, setJobsLoading] = useState(false);\n  const refetch = useCallback(async () => {\n    // Guard: scheduledJobs requires workspaceId — if it isn't resolved yet,\n    // skip rather than firing a request that's guaranteed to fail validation.\n    // The effect below re-invokes refetch once workspaceId becomes available.\n    // (The state-reset on workspace transitions lives in the effect itself,\n    // not here, because the effect early-returns when workspaceId is falsy\n    // and refetch never gets called in that path.)\n    if (!workspaceId) return;\n    setJobsLoading(true);\n    try {\n      // graphqlFetch reads workspace/org/tenant context from storage and sets\n      // the proper x-workspace-id / x-org-id / x-tenant-id headers itself —\n      // passing `true` opts in to that auto-resolution. URL params override\n      // storage for the org/tenant context (used by the support tooling\n      // when impersonating a different tenant via deep-link).\n      const urlParams = new URLSearchParams(\n        typeof window === 'undefined' ? '' : window.location.search\n      );\n      const orgFromUrl = urlParams.get('org') ?? undefined;\n      const tenantFromUrl = urlParams.get('tenant') ?? undefined;\n\n      const res = await graphqlFetch<WorkspaceScheduledJobsResponse>({\n        gateway: 'workspace',\n        query: WORKSPACE_SCHEDULED_JOBS_QUERY,\n        operationName: 'GetWorkspaceScheduledJobsForCalendar',\n        variables: { workspaceId },\n        // Pass the resolved workspaceId STRING (not `true`) so the\n        // `x-workspace-id` header matches the GraphQL variable even when\n        // ActiveContextStorage is stale / not hydrated yet. Otherwise the\n        // gateway can authorize/federate against the previous workspace's\n        // context while the resolver receives the new one.\n        workspaceId,\n        organizationId: orgFromUrl ?? true,\n        tenantId: tenantFromUrl ?? true,\n      });\n\n      if (res.errors && res.errors.length) {\n        // Wrap GraphQL/network errors in a generic, UI-safe Error so we\n        // never leak raw resolver / federation messages into the banner.\n        throw new Error(res.errors[0]?.message ?? 'Unable to load scheduled tasks');\n      }\n      setJobs(res.data?.scheduledJobs?.jobs ?? []);\n      setRangeError(undefined);\n      setJobsLoaded(true);\n    } catch (err) {\n      console.error('[VibeCalendarPage] Failed to load scheduled jobs:', err);\n      setRangeError(err instanceof Error ? err : new Error(String(err)));\n    } finally {\n      setJobsLoading(false);\n    }\n  }, [workspaceId]);\n\n  useEffect(() => {\n    if (!workspaceId) {\n      // Reset on workspace transitions so the empty-state CTA doesn't\n      // flash stale data from the previous workspace while the new one\n      // is still resolving. Lives here, not in refetch, because refetch\n      // is only called from this effect — when workspaceId is falsy,\n      // refetch never runs.\n      setJobs([]);\n      setRangeError(undefined);\n      setJobsLoaded(false);\n      return;\n    }\n    void refetch();\n  }, [workspaceId, refetch]);\n\n  // `sourceById` built in the same pass so handleTriggerNow does\n  // an O(1) Map lookup per click — month/agenda views can mint\n  // hundreds of occurrences from a single recurring job.\n  const { occurrences, sourceById } = useMemo(() => {\n    if (!jobs.length) {\n      return {\n        occurrences: [],\n        sourceById: new Map<string, VibeCalendarTask['source']>(),\n      };\n    }\n    const occs = expandJobsToOccurrences(\n      jobs,\n      new Date(dateRange.startDate),\n      new Date(dateRange.endDate)\n    );\n    const map = new Map<string, VibeCalendarTask['source']>();\n    for (const o of occs) {\n      // Always populate with an explicit discriminator. Future\n      // shapes (e.g. an externalTrigger source) would otherwise\n      // collapse into the default branch silently — `undefined`\n      // here means \"id no longer in the visible window\", nothing\n      // more.\n      map.set(o.task.id, o.task.source ?? 'vibeCalendarTask');\n    }\n    return { occurrences: occs, sourceById: map };\n  }, [jobs, dateRange.startDate, dateRange.endDate]);\n\n  // Agents are no longer collected in the modal — the scheduler resolves\n  // them from the referenced Action at execution time.\n\n  // Mutations\n  const [createTaskMutation, { loading: createLoading }] = useCreateVibeCalendarTaskMutation();\n  const [triggerNowMutation] = useTriggerVibeCalendarTaskNowMutation();\n  // Scheduled-job tiles route to the scheduler subgraph rather than\n  // the calendar one (different id space, different RBAC resource).\n  const [executeScheduledJobNowMutation] = useExecuteScheduledJobNowMutation();\n\n  const handleViewModeChange = useCallback((mode: CalendarViewMode) => {\n    setViewMode(mode);\n  }, []);\n\n  // `undefined` return signals \"no longer in the visible window\" —\n  // callers should treat that as the safe default `'vibeCalendarTask'`.\n  const sourceForTask = useCallback(\n    (taskId: string): VibeCalendarTask['source'] => {\n      return sourceById.get(taskId);\n    },\n    [sourceById]\n  );\n\n  const handleTriggerNow = useCallback(\n    async (taskId: string) => {\n      // Clear any prior failure banner before re-attempting — same\n      // pattern as ScheduledJobDetailPage.handleExecuteNow.\n      setTriggerError(null);\n      // Branch on the discriminator set by `jobToVibeCalendarTask`.\n      // The view passes `onTriggerNow` to every tile when EITHER\n      // permission is held (combined `canExecute` gate above), so we\n      // pre-check the per-source permission here and surface a\n      // friendly inline banner if missing rather than firing the\n      // mutation just to bounce off a server-side RBAC denial.\n      const source = sourceForTask(taskId);\n      if (source === 'scheduledJob' && !canExecuteScheduledJob) {\n        setTriggerError(\n          tr(\n            'calendar.scheduleExecuteDenied',\n            'You do not have permission to run scheduled jobs (schedule:execute).'\n          )\n        );\n        return;\n      }\n      if (source !== 'scheduledJob' && !canExecuteCalendarTask) {\n        setTriggerError(\n          tr(\n            'calendar.calendarTaskExecuteDenied',\n            'You do not have permission to run calendar tasks (calendar-agent-task:execute).'\n          )\n        );\n        return;\n      }\n      // VibeControlsProvider sets `errorPolicy: 'all'` so RBAC /\n      // GraphQL errors resolve into `result.error` (ApolloError)\n      // instead of throwing. Inspect both paths consistently —\n      // denials would otherwise be silently dropped. Same pattern\n      // ActionsPage already uses for quota-exhaust handling.\n      const fallbackMsg = tr(\n        'calendar.triggerFailedFallback',\n        'Failed to trigger task. Try again or contact support.'\n      );\n      try {\n        const result =\n          source === 'scheduledJob'\n            ? await executeScheduledJobNowMutation({\n                variables: { id: taskId, canReadLogs: canReadExecutionLogs },\n                context: tenantContext,\n              })\n            : await triggerNowMutation({\n                variables: { id: taskId },\n                context: tenantContext,\n              });\n        if (result.error) {\n          console.error('Trigger mutation returned an Apollo error:', result.error);\n          setTriggerError(result.error.message || fallbackMsg);\n        }\n      } catch (err) {\n        console.error('Failed to trigger task:', err);\n        const msg = err instanceof Error && err.message ? err.message : fallbackMsg;\n        setTriggerError(msg);\n      }\n    },\n    [\n      triggerNowMutation,\n      executeScheduledJobNowMutation,\n      sourceForTask,\n      canReadExecutionLogs,\n      canExecuteCalendarTask,\n      canExecuteScheduledJob,\n      tenantContext,\n      tr,\n    ]\n  );\n\n  const handleViewLogs = useCallback((task: VibeCalendarTask) => {\n    setSelectedTask(task);\n    setSelectedExecution(null);\n    setShowLogsDrawer(true);\n  }, []);\n\n  const handleViewDetail = useCallback(\n    (taskId: string) => {\n      // A tile that originated from a ScheduledJob has no row in\n      // wspace-calendar-svc, so VibeTaskDetailPage would 404 on it.\n      // Route to the matching in-product detail page instead.\n      //\n      // Carry the existing query string so the support deep-link\n      // flow (`?org=…&tenant=…`) keeps its tenant context across\n      // the navigation — without it the detail query runs against\n      // the default/stored tenant and returns a wrong-context view.\n      // Encode the id for defense-in-depth in case the scheduler\n      // ever emits ids that contain URL-reserved characters.\n      const encoded = encodeURIComponent(taskId);\n      const search = searchParams.toString();\n      const suffix = search ? `?${search}` : '';\n      const path =\n        sourceForTask(taskId) === 'scheduledJob'\n          ? `/calendar/scheduled-job/${encoded}`\n          : `/calendar/task/${encoded}`;\n      navigate(`${path}${suffix}`);\n    },\n    [navigate, sourceForTask, searchParams]\n  );\n\n  const handleCreateTask = useCallback(\n    async (input: ScheduleTaskInput) => {\n      try {\n        // Calendar entries always delegate execution to a VibeControls\n        // Action. The scheduler resolves agent/command/webhook details\n        // from the Action definition at run time — we only send\n        // actionId + calendar/schedule config from this modal.\n        await createTaskMutation({\n          variables: {\n            input: {\n              calendarId: input.calendarId || 'default',\n              title: input.title,\n              description: input.description,\n              actionId: input.actionId,\n              scheduleType: input.scheduleType,\n              scheduledAt: input.scheduledAt,\n              cronExpression: input.cronExpression,\n              interval: input.interval,\n              intervalUnit: input.intervalUnit,\n              timezone: input.timezone,\n            },\n          },\n        });\n        await refetch();\n        setShowCreateModal(false);\n        // Drop the actionId query param after successful creation\n        if (searchParams.has('actionId')) {\n          const next = new URLSearchParams(searchParams);\n          next.delete('actionId');\n          setSearchParams(next, { replace: true });\n        }\n      } catch (err) {\n        console.error('Failed to create task:', err);\n      }\n    },\n    [createTaskMutation, refetch, searchParams, setSearchParams]\n  );\n\n  if (permissionsLoading)\n    return (\n      <MotionPage className=\"flex flex-col h-full p-4 gap-4\">\n        <LoadingState message={tr('calendar.loadingPermissions', 'Loading permissions...')} />\n      </MotionPage>\n    );\n\n  if (permissions && permissions.permissionStrings?.length > 0 && !canList) {\n    return (\n      <MotionPage className=\"flex flex-col h-full p-4 gap-4\">\n        <AccessDenied\n          title={tr('common.accessDeniedTitle', 'Access Denied')}\n          description={tr(\n            'calendar.accessDeniedDescription',\n            \"You don't have permission to view the Calendar.\"\n          )}\n        />\n      </MotionPage>\n    );\n  }\n\n  // Show the empty-state CTA only after the first successful load returned\n  // an empty list — never while loading, and never when an error blocks the\n  // distinction between \"no data\" and \"couldn't fetch\".\n  const showEmptyState = jobsLoaded && !rangeError && jobs.length === 0;\n\n  return (\n    <MotionPage className=\"flex flex-col h-full p-4 gap-4\">\n      {/* Error banner (non-blocking) — friendly message, never raw GraphQL */}\n      {rangeError && jobs.length === 0 && (\n        <div className=\"flex items-center gap-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-4 py-2\">\n          <AlertCircle size={16} className=\"text-status-error-text flex-shrink-0\" />\n          <p className=\"flex-1 text-sm text-status-error-text\">\n            {tr(\n              'calendar.couldNotLoadEvents',\n              \"Could not load events. We'll keep trying — you can retry below.\"\n            )}\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => refetch()}\n            disabled={jobsLoading}\n            className=\"rounded px-3 py-1 text-xs text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-50\"\n          >\n            {tr('calendar.retry', 'Retry')}\n          </button>\n        </div>\n      )}\n\n      {triggerError && (\n        <div\n          role=\"alert\"\n          className=\"flex items-start gap-2 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\"\n        >\n          <AlertCircle size={16} className=\"mt-0.5 flex-shrink-0\" />\n          <p className=\"flex-1 break-words\">{triggerError}</p>\n          <button\n            type=\"button\"\n            onClick={() => setTriggerError(null)}\n            className=\"p-0.5 rounded hover:bg-bg-sunken transition-colors\"\n            aria-label={tr('common.dismiss', 'Dismiss')}\n          >\n            <X size={14} />\n          </button>\n        </div>\n      )}\n\n      {/* Header */}\n      <div className=\"flex items-center gap-3 mb-2\">\n        <CalendarClock size={24} className=\"text-text-primary\" />\n        <div>\n          <h1 className=\"text-xl font-bold text-text-primary\">\n            {tr('nav.vibeCalendar', 'Calendar')}\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {tr('calendar.description', 'Schedule and manage tasks across your agents')}\n          </p>\n        </div>\n      </div>\n\n      {/* Empty-state CTA shown when the user has no scheduled tasks yet. */}\n      {showEmptyState && (\n        <div className=\"flex flex-col sm:flex-row sm:items-center gap-3 rounded-lg border border-border-default bg-bg-surface px-4 py-3\">\n          <div className=\"flex-1\">\n            <p className=\"text-sm font-medium text-text-primary\">\n              {tr('calendar.empty.title', 'No scheduled tasks yet')}\n            </p>\n            <p className=\"text-xs text-text-secondary mt-0.5\">\n              {tr(\n                'calendar.empty.description',\n                'Schedule your first task to start automating actions across your agents.'\n              )}\n            </p>\n          </div>\n          {canCreate && (\n            <button\n              type=\"button\"\n              onClick={() => setShowCreateModal(true)}\n              className=\"px-3 py-1.5 text-xs font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              {tr('calendar.empty.cta', 'Schedule your first task')}\n            </button>\n          )}\n        </div>\n      )}\n\n      {/* Calendar Header with nav + view switcher */}\n      <div data-tour=\"calendar-header\">\n        <VibeCalendarHeader\n          currentDate={currentDate}\n          viewMode={viewMode}\n          onDateChange={setCurrentDate}\n          onViewModeChange={handleViewModeChange}\n          onCreateTask={canCreate ? () => setShowCreateModal(true) : undefined}\n        />\n      </div>\n\n      {/* Calendar Body */}\n      <div data-tour=\"calendar-view-container\" className=\"flex-1 overflow-hidden\">\n        {viewMode === 'month' && (\n          <VibeCalMonthView\n            currentDate={currentDate}\n            occurrences={occurrences}\n            onTriggerNow={canExecute ? handleTriggerNow : undefined}\n            onViewLogs={handleViewLogs}\n            onViewDetail={handleViewDetail}\n          />\n        )}\n        {viewMode === 'week' && (\n          <VibeCalWeekView\n            currentDate={currentDate}\n            occurrences={occurrences}\n            onTriggerNow={canExecute ? handleTriggerNow : undefined}\n            onViewLogs={handleViewLogs}\n            onViewDetail={handleViewDetail}\n          />\n        )}\n        {viewMode === 'day' && (\n          <VibeCalDayView\n            currentDate={currentDate}\n            occurrences={occurrences}\n            onTriggerNow={canExecute ? handleTriggerNow : undefined}\n            onViewLogs={handleViewLogs}\n            onViewDetail={handleViewDetail}\n          />\n        )}\n        {viewMode === 'agenda' && (\n          <VibeCalAgendaView\n            occurrences={occurrences}\n            onTriggerNow={canExecute ? handleTriggerNow : undefined}\n            onViewLogs={handleViewLogs}\n            onViewDetail={handleViewDetail}\n          />\n        )}\n      </div>\n\n      {/* Schedule Task Modal */}\n      <ScheduleTaskModal\n        isOpen={showCreateModal}\n        onClose={() => {\n          setShowCreateModal(false);\n          // Strip the actionId query param on dismiss so reopening the\n          // modal without a fresh navigation doesn't silently resume\n          // Action-linked mode.\n          if (searchParams.has('actionId')) {\n            const next = new URLSearchParams(searchParams);\n            next.delete('actionId');\n            setSearchParams(next, { replace: true });\n          }\n        }}\n        onSubmit={handleCreateTask}\n        loading={createLoading}\n        prefillActionId={prefillActionId}\n      />\n\n      {/* Logs Drawer */}\n      <LogsDrawer\n        isOpen={showLogsDrawer}\n        onClose={() => setShowLogsDrawer(false)}\n        execution={selectedExecution}\n        taskTitle={selectedTask?.title || ''}\n        agentId={selectedTask?.agentId || ''}\n      />\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/VibeDeckPage.js

@@ -541,7 +541,7 @@ function tt() {
 					children: [
 						/* @__PURE__ */ f("div", {
 							"data-tour": "vibedeck-mode-switcher",
-							className: "flex items-center rounded-lg border border-border-default bg-bg-secondary p-0.5",
+							className: "flex items-center rounded-lg border border-border-default bg-bg-surface p-0.5",
 							children: [/* @__PURE__ */ f("button", {
 								type: "button",
 								onClick: () => ut("preview"),
@@ -589,7 +589,7 @@ function tt() {
 							onClick: () => {
 								R(), B && Wt();
 							},
-							className: "p-2 rounded-lg hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors",
+							className: "p-2 rounded-lg hover:bg-bg-sunken text-text-tertiary hover:text-text-primary transition-colors",
 							title: "Refresh",
 							children: /* @__PURE__ */ d(Je, { size: 16 })
 						})
@@ -886,7 +886,7 @@ function tt() {
 					onKeyDown: (t) => {
 						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Rt(e.id));
 					},
-					className: `p-4 rounded-xl shadow-lg border cursor-pointer ${e.variant === "success" ? "bg-status-success-bg/10 border-status-success-border/30 text-status-success-text" : "bg-status-error-bg/10 border-status-error-border/30 text-status-error-text"}`,
+					className: `p-4 rounded-xl shadow-lg border cursor-pointer ${e.variant === "success" ? "bg-status-success-bg-subtle border-status-success-border text-status-success-text" : "bg-status-error-bg-subtle border-status-error-border text-status-error-text"}`,
 					onClick: () => Rt(e.id),
 					children: [/* @__PURE__ */ d("div", {
 						className: "font-medium text-sm",