@open-mercato/core 0.7.1-develop.7193.1.910a5b0a1e → 0.7.1-develop.7194.1.ab4fc81f82

package/dist/modules/workflows/backend/instances/[id]/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/workflows/backend/instances/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { JsonDisplay } from '@open-mercato/ui/backend/JsonDisplay'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport type { WorkflowInstance, WorkflowEvent, WorkflowDefinition } from '../../../data/entities'\nimport { WorkflowGraphReadOnly } from '../../../components/WorkflowGraph'\nimport { WorkflowLegend } from '../../../components/WorkflowLegend'\nimport { MobileInstanceOverview } from '../../../components/mobile/MobileInstanceOverview'\nimport { useIsMobile } from '@open-mercato/ui/hooks/useIsMobile'\nimport { definitionToGraph } from '../../../lib/graph-utils'\nimport type { Node } from '@xyflow/react'\nimport { RecordNotFoundState, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\nexport default function WorkflowInstanceDetailPage({ params }: { params?: { id?: string } }) {\n  const id = params?.id\n  const t = useT()\n  const isMobile = useIsMobile()\n  const queryClient = useQueryClient()\n  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()\n\n  const { data: instance, isLoading, error } = useQuery({\n    queryKey: ['workflow-instance', id],\n    queryFn: async () => {\n      const response = await apiFetch(`/api/workflows/instances/${id}`)\n      if (!response.ok) {\n        const httpErr = new Error(\n          response.status === 404\n            ? t('workflows.instances.detail.notFound', 'Workflow instance not found.')\n            : t('workflows.instances.loadFailed', 'Failed to load workflow instance.')\n        ) as Error & { status: number }\n        httpErr.status = response.status\n        throw httpErr\n      }\n      const data = await response.json()\n      return data.data as WorkflowInstance\n    },\n    enabled: !!id,\n  })\n\n  const { data: events = [], isLoading: eventsLoading } = useQuery({\n    queryKey: ['workflow-events', instance?.id],\n    queryFn: async () => {\n      const response = await apiFetch(\n        `/api/workflows/events?workflowInstanceId=${instance!.id}&sortField=occurredAt&sortDir=desc&pageSize=100`\n      )\n      if (!response.ok) {\n        throw new Error('Failed to fetch events')\n      }\n      const data = await response.json()\n      return (data.items || []) as WorkflowEvent[]\n    },\n    enabled: !!instance?.id,\n  })\n\n  const { data: workflowDefinition, isLoading: definitionLoading } = useQuery({\n    queryKey: ['workflow-definition-for-instance', instance?.definitionId],\n    queryFn: async () => {\n      // Fetch definition by ID\n      const response = await apiFetch(`/api/workflows/definitions/${instance!.definitionId}`)\n      if (!response.ok) {\n        logger.error('Failed to fetch workflow definition', { statusText: response.statusText })\n        return null\n      }\n      const result = await response.json()\n      return result.data as WorkflowDefinition\n    },\n    enabled: !!instance?.definitionId,\n  })\n\n  const calculateDuration = (startedAt: string | Date, completedAt: string | Date | null | undefined) => {\n    const start = typeof startedAt === 'string' ? new Date(startedAt).getTime() : startedAt.getTime()\n    const end = completedAt ? (typeof completedAt === 'string' ? new Date(completedAt).getTime() : completedAt.getTime()) : Date.now()\n    const duration = end - start\n\n    if (duration < 1000) {\n      return `${duration}ms`\n    } else if (duration < 60000) {\n      return `${Math.floor(duration / 1000)}s`\n    } else if (duration < 3600000) {\n      return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`\n    } else {\n      const hours = Math.floor(duration / 3600000)\n      const minutes = Math.floor((duration % 3600000) / 60000)\n      return `${hours}h ${minutes}m`\n    }\n  }\n\n  const getStatusBadgeClass = (status: WorkflowInstance['status']) => {\n    switch (status) {\n      case 'RUNNING':\n        return 'bg-blue-100 text-blue-800'\n      case 'PAUSED':\n        return 'bg-yellow-100 text-yellow-800'\n      case 'WAITING_FOR_ACTIVITIES':\n        return 'bg-cyan-100 text-cyan-800'\n      case 'COMPLETED':\n        return 'bg-green-100 text-green-800'\n      case 'FAILED':\n        return 'bg-red-100 text-red-800'\n      case 'CANCELLED':\n        return 'bg-muted text-foreground'\n      case 'COMPENSATING':\n        return 'bg-orange-100 text-orange-800'\n      case 'COMPENSATED':\n        return 'bg-purple-100 text-purple-800'\n      default:\n        return 'bg-muted text-muted-foreground'\n    }\n  }\n\n  const getEventTypeBadgeClass = (eventType: string) => {\n    if (eventType.includes('COMPENSATION') || eventType.includes('Compensation')) {\n      return 'bg-orange-100 text-orange-800'\n    } else if (eventType.includes('STARTED') || eventType.includes('ENTERED')) {\n      return 'bg-blue-100 text-blue-800'\n    } else if (eventType.includes('COMPLETED') || eventType.includes('EXITED')) {\n      return 'bg-green-100 text-green-800'\n    } else if (eventType.includes('FAILED') || eventType.includes('REJECTED')) {\n      return 'bg-red-100 text-red-800'\n    } else if (eventType.includes('CANCELLED')) {\n      return 'bg-muted text-foreground'\n    } else if (eventType.includes('PAUSED')) {\n      return 'bg-yellow-100 text-yellow-800'\n    } else {\n      return 'bg-muted text-foreground'\n    }\n  }\n\n  const cancelMutation = useMutation({\n    mutationFn: async () => {\n      const response = await apiFetch(`/api/workflows/instances/${instance!.id}/cancel`, {\n        method: 'POST',\n      })\n      if (!response.ok) {\n        throw new Error(t('workflows.instances.cancelFailed'))\n      }\n      return response.json()\n    },\n    onSuccess: () => {\n      flash(t('workflows.instances.messages.cancelled'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-instance', id] })\n    },\n    onError: (error) => {\n      logger.error('Error cancelling instance', { err: error })\n      flash(t('workflows.instances.cancelFailed'), 'error')\n    },\n  })\n\n  const retryMutation = useMutation({\n    mutationFn: async () => {\n      const response = await apiFetch(`/api/workflows/instances/${instance!.id}/retry`, {\n        method: 'POST',\n      })\n      if (!response.ok) {\n        throw new Error(t('workflows.instances.retryFailed'))\n      }\n      return response.json()\n    },\n    onSuccess: () => {\n      flash(t('workflows.instances.messages.retried'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-instance', id] })\n    },\n    onError: (error) => {\n      logger.error('Error retrying instance', { err: error })\n      flash(t('workflows.instances.retryFailed'), 'error')\n    },\n  })\n\n  const handleCancel = async () => {\n    if (!instance) return\n    const confirmed = await confirmDialog({\n      title: t('workflows.instances.confirmCancel'),\n      variant: 'destructive',\n    })\n    if (!confirmed) {\n      return\n    }\n    cancelMutation.mutate()\n  }\n\n  const handleRetry = async () => {\n    if (!instance) return\n    const confirmed = await confirmDialog({\n      title: t('workflows.instances.confirmRetry'),\n      variant: 'default',\n    })\n    if (!confirmed) {\n      return\n    }\n    retryMutation.mutate()\n  }\n\n  // Generate graph with execution status\n  const { graphNodes, graphEdges } = React.useMemo(() => {\n    if (!workflowDefinition?.definition) {\n      return { graphNodes: [], graphEdges: [] }\n    }\n\n    // Convert definition to graph\n    const { nodes, edges } = definitionToGraph(workflowDefinition.definition, { autoLayout: true })\n\n    // Determine step statuses from events\n    const stepStatuses = new Map<string, 'completed' | 'active' | 'pending' | 'failed' | 'skipped'>()\n    const stepTimings = new Map<string, { startedAt?: Date; completedAt?: Date }>()\n\n    // Process events to determine status\n    for (const event of events) {\n      const stepId = event.eventData?.stepId || event.eventData?.toStepId\n      if (!stepId) continue\n\n      if (event.eventType === 'STEP_ENTERED' || event.eventType === 'StepEntered') {\n        stepTimings.set(stepId, { ...stepTimings.get(stepId), startedAt: new Date(event.occurredAt) })\n        if (!stepStatuses.has(stepId)) {\n          stepStatuses.set(stepId, 'active')\n        }\n      } else if (event.eventType === 'STEP_COMPLETED' || event.eventType === 'STEP_EXITED' || event.eventType === 'StepExited') {\n        stepTimings.set(stepId, { ...stepTimings.get(stepId), completedAt: new Date(event.occurredAt) })\n        stepStatuses.set(stepId, 'completed')\n      } else if (event.eventType === 'STEP_FAILED' || event.eventType === 'StepFailed') {\n        stepTimings.set(stepId, { ...stepTimings.get(stepId), completedAt: new Date(event.occurredAt) })\n        stepStatuses.set(stepId, 'failed')\n      }\n    }\n\n    // Mark current step as active\n    if (instance?.currentStepId && !stepStatuses.has(instance.currentStepId)) {\n      stepStatuses.set(instance.currentStepId, 'active')\n    } else if (instance?.currentStepId && stepStatuses.get(instance.currentStepId) !== 'completed') {\n      stepStatuses.set(instance.currentStepId, 'active')\n    }\n\n    // Mark all other steps as pending, with special handling for START/END\n    for (const node of nodes) {\n      if (!stepStatuses.has(node.id)) {\n        const nodeType = node.type\n        const isCurrentStep = instance?.currentStepId === node.id\n\n        if (nodeType === 'start') {\n          // START node is completed if we've moved past it\n          // It's active if we're still at start (edge case)\n          if (isCurrentStep) {\n            stepStatuses.set(node.id, 'active')\n          } else {\n            stepStatuses.set(node.id, 'completed')\n          }\n        } else if (nodeType === 'end') {\n          // END node is completed if we've reached it\n          // Or if workflow is in COMPLETED status\n          if (isCurrentStep || instance?.status === 'COMPLETED') {\n            stepStatuses.set(node.id, 'completed')\n          } else {\n            stepStatuses.set(node.id, 'pending')\n          }\n        } else {\n          // All other nodes without events are pending\n          stepStatuses.set(node.id, 'pending')\n        }\n      }\n    }\n\n    // Apply styles to nodes based on status\n    const styledNodes: Node[] = nodes.map((node) => {\n      const status = stepStatuses.get(node.id) || 'pending'\n      const timing = stepTimings.get(node.id)\n\n      // Calculate duration for tooltip\n      const duration = timing?.startedAt && timing?.completedAt\n        ? calculateDuration(timing.startedAt, timing.completedAt)\n        : timing?.startedAt\n        ? calculateDuration(timing.startedAt, null)\n        : null\n\n      // Build tooltip content\n      let tooltipContent = `${node.data.label || node.id}\\n`\n      tooltipContent += `Status: ${status}\\n`\n      if (timing?.startedAt) {\n        tooltipContent += `Started: ${timing.startedAt.toLocaleString()}\\n`\n      }\n      if (timing?.completedAt) {\n        tooltipContent += `Completed: ${timing.completedAt.toLocaleString()}\\n`\n      }\n      if (duration) {\n        tooltipContent += `Duration: ${duration}`\n      }\n\n      // Define colors and styles based on status\n      let style: React.CSSProperties = {}\n      switch (status) {\n        case 'completed':\n          style = {\n            backgroundColor: '#10B981', // green-500\n            color: 'white',\n            borderColor: '#059669', // green-600\n            borderWidth: '3px',\n            borderRadius: '16px',\n          }\n          break\n        case 'active':\n          style = {\n            backgroundColor: '#3B82F6', // blue-500\n            color: 'white',\n            borderColor: '#1D4ED8', // blue-700\n            borderWidth: '3px',\n            borderRadius: '16px',\n            boxShadow: '0 0 0 3px rgba(59, 130, 246, 0.3)',\n          }\n          break\n        case 'failed':\n          style = {\n            backgroundColor: '#EF4444', // red-500\n            color: 'white',\n            borderColor: '#B91C1C', // red-700\n            borderWidth: '3px',\n            borderRadius: '16px',\n          }\n          break\n        case 'skipped':\n          style = {\n            backgroundColor: '#FEF3C7', // yellow-100\n            color: '#78350F', // yellow-900\n            borderColor: '#F59E0B', // yellow-500\n            borderWidth: '3px',\n            borderRadius: '16px',\n          }\n          break\n        case 'pending':\n        default:\n          style = {\n            backgroundColor: '#E5E7EB', // gray-200\n            color: '#374151', // gray-700\n            borderColor: '#9CA3AF', // gray-400\n            borderWidth: '2px',\n            borderRadius: '8px',\n          }\n          break\n      }\n\n      return {\n        ...node,\n        data: {\n          ...node.data,\n          status,\n          timing,\n          duration,\n          tooltip: tooltipContent,\n        },\n        style,\n      }\n    })\n\n    return { graphNodes: styledNodes, graphEdges: edges }\n  }, [workflowDefinition, events, instance?.currentStepId])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground\">\n            <Spinner className=\"h-6 w-6\" />\n            <span>{t('workflows.instances.detail.loading') || 'Loading workflow instance...'}</span>\n          </div>\n        </PageBody>\n        {ConfirmDialogElement}\n      </Page>\n    )\n  }\n\n  const isNotFound = !isLoading && (error as (Error & { status?: number }) | null)?.status === 404\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('workflows.instances.detail.notFound', 'Workflow instance not found.')}\n            backHref=\"/backend/instances\"\n            backLabel={t('workflows.instances.actions.backToList', 'Back to instances')}\n          />\n        </PageBody>\n        {ConfirmDialogElement}\n      </Page>\n    )\n  }\n\n  if (error || !instance) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={(error as Error | null)?.message ?? t('workflows.instances.loadFailed', 'Failed to load workflow instance.')}\n            action={\n              <Button asChild variant=\"outline\" size=\"sm\">\n                <Link href=\"/backend/instances\">{t('workflows.instances.actions.backToList', 'Back to instances')}</Link>\n              </Button>\n            }\n          />\n        </PageBody>\n        {ConfirmDialogElement}\n      </Page>\n    )\n  }\n\n  const canCancel = ['RUNNING', 'PAUSED'].includes(instance.status)\n  const canRetry = instance.status === 'FAILED'\n  const actionLoading = cancelMutation.isPending || retryMutation.isPending\n\n  if (isMobile) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"space-y-4\">\n            <FormHeader\n              mode=\"detail\"\n              backHref=\"/backend/instances\"\n              backLabel={t('workflows.instances.backToList', 'Back to instances')}\n              entityTypeLabel={t('workflows.instances.detail.type', 'Workflow instance')}\n              title={\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <span>{instance.workflowId}</span>\n                  <span className=\"font-mono text-sm text-muted-foreground\">#{instance.id.slice(0, 8)}</span>\n                </div>\n              }\n              menuActions={[\n                ...(canCancel ? [{\n                  id: 'cancel',\n                  label: t('workflows.instances.actions.cancel'),\n                  onSelect: handleCancel,\n                  disabled: actionLoading,\n                }] : []),\n                ...(canRetry ? [{\n                  id: 'retry',\n                  label: t('workflows.instances.actions.retry'),\n                  onSelect: handleRetry,\n                  disabled: actionLoading,\n                }] : []),\n              ]}\n            />\n            <MobileInstanceOverview\n              instance={instance}\n              events={events}\n              graphNodes={graphNodes}\n              graphEdges={graphEdges}\n              definitionLoading={definitionLoading}\n              hasDefinition={!!workflowDefinition}\n              getStatusBadgeClass={getStatusBadgeClass}\n              getEventTypeBadgeClass={getEventTypeBadgeClass}\n              calculateDuration={calculateDuration}\n            />\n          </div>\n        </PageBody>\n        {ConfirmDialogElement}\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6\">\n          <FormHeader\n            mode=\"detail\"\n            backHref=\"/backend/instances\"\n            backLabel={t('workflows.instances.backToList', 'Back to instances')}\n            entityTypeLabel={t('workflows.instances.detail.type', 'Workflow instance')}\n            title={\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span>{instance.workflowId}</span>\n                <span className=\"font-mono text-sm text-muted-foreground\">#{instance.id.slice(0, 8)}</span>\n              </div>\n            }\n            menuActions={[\n              ...(canCancel ? [{\n                id: 'cancel',\n                label: t('workflows.instances.actions.cancel'),\n                onSelect: handleCancel,\n                disabled: actionLoading,\n              }] : []),\n              ...(canRetry ? [{\n                id: 'retry',\n                label: t('workflows.instances.actions.retry'),\n                onSelect: handleRetry,\n                disabled: actionLoading,\n              }] : []),\n            ]}\n          />\n\n          {/* Execution Summary */}\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h2 className=\"text-lg font-semibold mb-4\">\n              {t('workflows.instances.sections.overview')}\n            </h2>\n            <dl className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.workflowId')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground\">\n                  <div className=\"font-mono\">{instance.workflowId}</div>\n                  <div className=\"text-xs text-muted-foreground\">v{instance.version}</div>\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.status')}\n                </dt>\n                <dd className=\"mt-1\">\n                  <span\n                    className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getStatusBadgeClass(\n                      instance.status\n                    )}`}\n                  >\n                    {t(`workflows.instances.status.${instance.status}`)}\n                  </span>\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.currentStep')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                  {instance.currentStepId || '-'}\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.correlationKey')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground\">\n                  {instance.correlationKey || '-'}\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.startedAt')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground\">\n                  {new Date(instance.startedAt).toLocaleString()}\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.completedAt')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground\">\n                  {instance.completedAt ? new Date(instance.completedAt).toLocaleString() : '-'}\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.duration')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground\">\n                  {calculateDuration(instance.startedAt, instance.completedAt)}\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.retryCount')}\n                </dt>\n                <dd className=\"mt-1\">\n                  <span className={instance.retryCount > 0 ? 'text-orange-600 font-medium text-sm' : 'text-sm text-foreground'}>\n                    {instance.retryCount}\n                  </span>\n                </dd>\n              </div>\n            </dl>\n          </div>\n\n          {/* Visual Workflow Graph */}\n          {definitionLoading && (\n            <div className=\"rounded-lg border bg-card p-6\">\n              <div className=\"flex items-center justify-center py-8\">\n                <Spinner className=\"h-6 w-6\" />\n                <span className=\"ml-2 text-sm text-muted-foreground\">Loading workflow visualization...</span>\n              </div>\n            </div>\n          )}\n          {!definitionLoading && workflowDefinition && graphNodes.length > 0 && (\n            <div className=\"rounded-lg border bg-card p-4 md:p-6\">\n              <h2 className=\"text-lg font-semibold text-foreground mb-4\">\n                {t('workflows.instances.sections.visualFlow') || 'Visual Workflow Flow'}\n              </h2>\n\n              <div className=\"flex flex-col gap-4 lg:flex-row lg:gap-6\">\n                {/* Left Sidebar - Legend */}\n                <div className=\"order-2 lg:order-1 lg:w-64 lg:flex-shrink-0\">\n                  <WorkflowLegend />\n                </div>\n\n                {/* Main Visualization */}\n                <div className=\"order-1 lg:order-2 flex-1 border rounded-lg overflow-hidden h-[62svh] min-h-[360px] lg:h-[800px]\">\n                  <WorkflowGraphReadOnly\n                    nodes={graphNodes}\n                    edges={graphEdges}\n                    height=\"100%\"\n                  />\n                </div>\n              </div>\n            </div>\n          )}\n          {!definitionLoading && !workflowDefinition && instance && (\n            <div className=\"rounded-lg border bg-card p-6\">\n              <h2 className=\"text-lg font-semibold mb-4\">\n                {t('workflows.instances.sections.visualFlow') || 'Visual Workflow Flow'}\n              </h2>\n              <div className=\"flex items-center justify-center py-8 text-muted-foreground\">\n                <p className=\"text-sm\">Workflow definition not found (ID: {instance.definitionId})</p>\n              </div>\n            </div>\n          )}\n\n\n          {/* Compensation Status */}\n          {(instance.status === 'COMPENSATING' || instance.status === 'COMPENSATED') && (\n            <div className=\"rounded-lg border border-orange-300 bg-orange-50 p-6\">\n              <h2 className=\"text-lg font-semibold mb-4 text-orange-800\">\n                {t('workflows.instances.sections.compensation') || 'Compensation (Saga Pattern)'}\n              </h2>\n              <div className=\"space-y-4\">\n                <p className=\"text-sm text-orange-700\">\n                  {instance.status === 'COMPENSATING'\n                    ? (t('workflows.instances.compensation.inProgress') || 'Workflow is currently executing compensation activities to rollback changes.')\n                    : (t('workflows.instances.compensation.completed') || 'Compensation has been completed. All changes have been rolled back.')}\n                </p>\n\n                {/* Show compensation activities from events */}\n                {events.filter(e =>\n                  e.eventType.includes('COMPENSATION') ||\n                  e.eventType.includes('Compensation')\n                ).length > 0 && (\n                  <div className=\"mt-4\">\n                    <h3 className=\"text-sm font-medium text-orange-800 mb-2\">\n                      {t('workflows.instances.compensation.activities') || 'Compensation Activities'}\n                    </h3>\n                    <div className=\"space-y-2\">\n                      {events\n                        .filter(e => e.eventType.includes('COMPENSATION') || e.eventType.includes('Compensation'))\n                        .reverse()\n                        .map((event) => (\n                          <div key={event.id} className=\"flex items-start gap-2 p-2 bg-card rounded border border-orange-200\">\n                            <span\n                              className={`inline-flex items-center px-2 py-0.5 rounded text-xs font-medium ${getEventTypeBadgeClass(\n                                event.eventType\n                              )}`}\n                            >\n                              {event.eventType}\n                            </span>\n                            <span className=\"text-xs text-orange-600\">\n                              {new Date(event.occurredAt).toLocaleTimeString()}\n                            </span>\n                            {event.eventData?.activityName && (\n                              <span className=\"text-xs text-orange-700 font-medium\">\n                                {event.eventData.activityName}\n                              </span>\n                            )}\n                          </div>\n                        ))}\n                    </div>\n                  </div>\n                )}\n              </div>\n            </div>\n          )}\n\n          {/* Error Message (if present) */}\n          {instance.errorMessage && (\n            <div className=\"rounded-lg border border-destructive bg-destructive/5 p-6\">\n              <h2 className=\"text-lg font-semibold mb-4 text-destructive\">\n                {t('workflows.instances.fields.lastError')}\n              </h2>\n              <pre className=\"text-sm text-destructive whitespace-pre-wrap font-mono\">\n                {instance.errorMessage}\n              </pre>\n              {instance.errorDetails && (\n                <div className=\"mt-4\">\n                  <JsonDisplay\n                    data={instance.errorDetails}\n                    className=\"border-destructive/20 bg-destructive/5\"\n                    maxInitialDepth={1}\n                  />\n                </div>\n              )}\n            </div>\n          )}\n\n          {/* Context */}\n          <JsonDisplay\n            data={instance.context}\n            title={t('workflows.instances.sections.context')}\n          />\n\n          {/* Metadata */}\n          {instance.metadata && Object.keys(instance.metadata).length > 0 && (\n            <JsonDisplay\n              data={instance.metadata}\n              title={t('workflows.instances.sections.metadata')}\n            />\n          )}\n\n          {/* Execution Timeline */}\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h2 className=\"text-lg font-semibold mb-4\">\n              {t('workflows.instances.sections.executionTimeline') || 'Execution Timeline'}\n            </h2>\n            {eventsLoading ? (\n              <div className=\"flex items-center gap-2 text-muted-foreground\">\n                <Spinner className=\"h-4 w-4\" />\n                <span className=\"text-sm\">{t('common.loading')}</span>\n              </div>\n            ) : events.length === 0 ? (\n              <p className=\"text-sm text-muted-foreground\">\n                {t('workflows.instances.noExecutionHistory')}\n              </p>\n            ) : (\n              <div className=\"space-y-2\">\n                {events\n                  .filter(\n                    (e) =>\n                      e.eventType.includes('STEP_') ||\n                      e.eventType.includes('WORKFLOW_STARTED') ||\n                      e.eventType.includes('WORKFLOW_COMPLETED') ||\n                      e.eventType.includes('WORKFLOW_FAILED')\n                  )\n                  .reverse()\n                  .map((event, idx) => (\n                    <div key={event.id} className=\"flex items-start gap-3 p-3 bg-muted rounded-lg border\">\n                      <div className=\"flex-shrink-0 w-8 h-8 rounded-full bg-background border-2 border-border flex items-center justify-center text-xs font-medium\">\n                        {idx + 1}\n                      </div>\n                      <div className=\"flex-1 min-w-0\">\n                        <div className=\"flex items-center gap-2\">\n                          <span\n                            className={`inline-flex items-center px-2 py-0.5 rounded text-xs font-medium ${getEventTypeBadgeClass(\n                              event.eventType\n                            )}`}\n                          >\n                            {t(`workflows.events.types.${event.eventType}`) || event.eventType}\n                          </span>\n                          <span className=\"text-xs text-muted-foreground\">\n                            {new Date(event.occurredAt).toLocaleTimeString()}\n                          </span>\n                        </div>\n                        {event.eventData && (\n                          <p className=\"mt-1 text-xs text-muted-foreground\">\n                            {event.eventData.toStepId && `-> ${event.eventData.toStepId}`}\n                            {event.eventData.fromStepId && `${event.eventData.fromStepId} -> ${event.eventData.toStepId}`}\n                          </p>\n                        )}\n                      </div>\n                    </div>\n                  ))}\n              </div>\n            )}\n          </div>\n\n          {/* Event Log */}\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h2 className=\"text-lg font-semibold mb-4\">\n              {t('workflows.instances.sections.executionHistory')}\n            </h2>\n            {eventsLoading ? (\n              <div className=\"flex items-center gap-2 text-muted-foreground\">\n                <Spinner className=\"h-4 w-4\" />\n                <span className=\"text-sm\">{t('common.loading')}</span>\n              </div>\n            ) : events.length === 0 ? (\n              <p className=\"text-sm text-muted-foreground\">\n                {t('workflows.instances.noExecutionHistory')}\n              </p>\n            ) : (\n              <div className=\"overflow-x-auto rounded-lg border\">\n                <table className=\"min-w-full divide-y divide-border\">\n                  <thead className=\"bg-muted\">\n                    <tr>\n                      <th className=\"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground\">\n                        {t('workflows.events.occurredAt')}\n                      </th>\n                      <th className=\"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground\">\n                        {t('workflows.events.eventType')}\n                      </th>\n                      <th className=\"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground\">\n                        {t('workflows.events.eventData')}\n                      </th>\n                      <th className=\"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground\">\n                        {t('workflows.events.userId')}\n                      </th>\n                    </tr>\n                  </thead>\n                  <tbody className=\"bg-background divide-y divide-border\">\n                    {events.map((event) => (\n                      <tr key={event.id} className=\"hover:bg-muted/50\">\n                        <td className=\"px-4 py-3 whitespace-nowrap text-sm text-foreground\">\n                          {new Date(event.occurredAt).toLocaleString()}\n                        </td>\n                        <td className=\"px-4 py-3 whitespace-nowrap\">\n                          <span\n                            className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getEventTypeBadgeClass(\n                              event.eventType\n                            )}`}\n                          >\n                            {t(`workflows.events.types.${event.eventType}`) || event.eventType}\n                          </span>\n                        </td>\n                        <td className=\"px-4 py-3 text-sm\">\n                          <details className=\"cursor-pointer\">\n                            <summary className=\"text-primary hover:underline\">\n                              {t('common.details')}\n                            </summary>\n                            <div className=\"mt-2\">\n                              <JsonDisplay\n                                data={event.eventData}\n                                showCopy={false}\n                                maxInitialDepth={1}\n                              />\n                            </div>\n                          </details>\n                        </td>\n                        <td className=\"px-4 py-3 whitespace-nowrap text-sm text-muted-foreground\">\n                          {event.userId || '-'}\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            )}\n          </div>\n        </div>\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '@open-mercato/ui/primitives/tabs'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { FlaskConical, Footprints } from 'lucide-react'\nimport { JsonDisplay } from '@open-mercato/ui/backend/JsonDisplay'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport type { WorkflowInstance, WorkflowEvent, WorkflowDefinition } from '../../../data/entities'\nimport { WorkflowGraphReadOnly } from '../../../components/WorkflowGraph'\nimport { WorkflowLegend } from '../../../components/WorkflowLegend'\nimport { MobileInstanceOverview } from '../../../components/mobile/MobileInstanceOverview'\nimport { RunStepInspector } from '../../../components/run/RunStepInspector'\nimport { RunGantt } from '../../../components/run/RunGantt'\nimport { RerunStepDialog } from '../../../components/run/RerunStepDialog'\nimport { useLiveRunUpdates } from '../../../components/run/useLiveRunUpdates'\nimport { AgentActivityPanel } from '../../../components/run/AgentActivityPanel'\nimport { RunEventBadge, runEventBadgeClass } from '../../../components/run/RunEventBadge'\nimport { InstanceStatusBadge, instanceStatusBadgeClass } from '../../../components/run/RunStatusBadge'\nimport { useIsMobile } from '@open-mercato/ui/hooks/useIsMobile'\nimport { useBackendChrome } from '@open-mercato/ui/backend/BackendChromeProvider'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { hasFeature } from '@open-mercato/shared/security/features'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { readJsonSafe } from '@open-mercato/shared/lib/http/readJsonSafe'\nimport { WouldDoReport, type WouldDoReportPayload } from '../../../components/run/WouldDoReport'\nimport { definitionToGraph } from '../../../lib/graph-utils'\nimport { PRESENTATION_STEP_STYLES } from '../../../lib/status-colors'\nimport {\n  deriveRunExecution,\n  isRouteTaken,\n  resolveNodeRunStatus,\n  type RunStepInstanceInput,\n} from '../../../lib/run-execution'\nimport {\n  presentationToWorkflowStatus,\n  readNodeAgentId,\n  resolveStepPresentation,\n} from '../../../lib/step-presentation'\nimport { useAgentLabels } from '../../../components/run/useAgentLabels'\nimport { formatElapsedSince, formatRunDuration } from '../../../lib/run-duration'\nimport { isRunMilestoneEvent } from '../../../lib/run-event-tone'\nimport type { Node } from '@xyflow/react'\nimport { RecordNotFoundState, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\ntype RunTab = 'flow' | 'timeline' | 'context' | 'raw'\n\ntype StepInstancesResponse = {\n  data: RunStepInstanceInput[]\n  pagination: { total: number; limit: number; offset: number; hasMore: boolean }\n}\n\nexport default function WorkflowInstanceDetailPage({ params }: { params?: { id?: string } }) {\n  const id = params?.id\n  const t = useT()\n  const router = useRouter()\n  const isMobile = useIsMobile()\n  const queryClient = useQueryClient()\n  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()\n  const [activeTab, setActiveTab] = React.useState<RunTab>('flow')\n  const [selectedStepId, setSelectedStepId] = React.useState<string | null>(null)\n  const [rerunOpen, setRerunOpen] = React.useState(false)\n  const [rerunPending, setRerunPending] = React.useState(false)\n  const [stepThroughPending, setStepThroughPending] = React.useState(false)\n  const { payload: chromePayload } = useBackendChrome()\n  const { runMutation, retryLastMutation } = useGuardedMutation({ contextId: 'workflows.instances.rerunStep' })\n  const canRerunStep = hasFeature(chromePayload?.grantedFeatures, 'workflows.instances.rerun_step')\n\n  const { data: instance, isLoading, error } = useQuery({\n    queryKey: ['workflow-instance', id],\n    queryFn: async () => {\n      const response = await apiFetch(`/api/workflows/instances/${id}`)\n      if (!response.ok) {\n        const httpErr = new Error(\n          response.status === 404\n            ? t('workflows.instances.detail.notFound', 'Workflow instance not found.')\n            : t('workflows.instances.loadFailed', 'Failed to load workflow instance.')\n        ) as Error & { status: number }\n        httpErr.status = response.status\n        throw httpErr\n      }\n      const data = await response.json()\n      return data.data as WorkflowInstance\n    },\n    enabled: !!id,\n  })\n\n  const { data: events = [], isLoading: eventsLoading } = useQuery({\n    queryKey: ['workflow-events', instance?.id],\n    queryFn: async () => {\n      const response = await apiFetch(\n        `/api/workflows/events?workflowInstanceId=${instance!.id}&sortField=occurredAt&sortDir=desc&pageSize=100`\n      )\n      if (!response.ok) {\n        throw new Error('[internal] Failed to fetch events')\n      }\n      const data = await response.json()\n      return (data.items || []) as WorkflowEvent[]\n    },\n    enabled: !!instance?.id,\n  })\n\n  // Per-step execution records (spec \u00A78.3). These outrank the event log for\n  // step state: there is one row per execution carrying the status, both\n  // timestamps, the measured duration and the attempt count, and far fewer of\n  // them than there are events \u2014 so a long run whose early STEP_ENTERED has\n  // fallen off the 100-event page still paints correctly.\n  const { data: stepInstances = [], isLoading: stepsLoading } = useQuery({\n    queryKey: ['workflow-instance-steps', instance?.id],\n    queryFn: async () => {\n      const response = await apiFetch(`/api/workflows/instances/${instance!.id}/steps?limit=100`)\n      if (!response.ok) {\n        throw new Error('[internal] Failed to fetch step instances')\n      }\n      const data = (await response.json()) as StepInstancesResponse\n      return data.data ?? []\n    },\n    enabled: !!instance?.id,\n  })\n\n  // Dry-run \"Would do\" report (spec section 8.2). Fetched only for a dry run \u2014\n  // a real run answers an empty report, so asking for one would be a wasted\n  // round trip on every ordinary run view.\n  const { data: wouldDoReport } = useQuery({\n    queryKey: ['workflow-would-do', instance?.id],\n    queryFn: async () => {\n      const response = await apiFetch(`/api/workflows/instances/${instance!.id}/would-do?limit=100`)\n      if (!response.ok) {\n        throw new Error('[internal] Failed to fetch the would-do report')\n      }\n      return (await response.json()) as WouldDoReportPayload\n    },\n    enabled: !!instance?.id && instance?.isDryRun === true,\n  })\n\n  const stepThroughMarker = instance?.metadata?.stepThrough ?? null\n  const isStepping = stepThroughMarker?.enabled === true\n\n  const handleStepThrough = React.useCallback(async (action: 'continue' | 'stop') => {\n    if (!instance?.id) return\n    setStepThroughPending(true)\n    try {\n      await runMutation({\n        operation: async () => {\n          const response = await apiFetch(`/api/workflows/instances/${instance.id}/step-through`, {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({ action }),\n          })\n          if (!response.ok) {\n            const body = await readJsonSafe<{ error?: string }>(response, null)\n            throw new Error(body?.error || t('workflows.stepThrough.failed'))\n          }\n          return response\n        },\n        mutationPayload: { resourceId: instance.id, operation: 'step-through' },\n        context: {\n          formId: 'workflows.instances.stepThrough',\n          resourceKind: 'workflows.instance',\n          resourceId: instance.id,\n          operation: 'step-through',\n          retryLastMutation,\n        },\n      })\n      await queryClient.invalidateQueries({ queryKey: ['workflow-instance', id] })\n      await queryClient.invalidateQueries({ queryKey: ['workflow-instance-steps', instance.id] })\n      await queryClient.invalidateQueries({ queryKey: ['workflow-events', instance.id] })\n      await queryClient.invalidateQueries({ queryKey: ['workflow-would-do', instance.id] })\n    } catch (error) {\n      flash(error instanceof Error ? error.message : t('workflows.stepThrough.failed'), 'error')\n    } finally {\n      setStepThroughPending(false)\n    }\n  }, [instance?.id, runMutation, retryLastMutation, queryClient, id, t])\n\n  const { data: workflowDefinition, isLoading: definitionLoading } = useQuery({\n    queryKey: ['workflow-definition-for-instance', instance?.definitionId],\n    queryFn: async () => {\n      const response = await apiFetch(`/api/workflows/definitions/${instance!.definitionId}`)\n      if (!response.ok) {\n        logger.error('Failed to fetch workflow definition', { statusText: response.statusText })\n        return null\n      }\n      const result = await response.json()\n      return result.data as WorkflowDefinition\n    },\n    enabled: !!instance?.definitionId,\n  })\n\n  // Direct sub-workflow children of this instance, used to make SUB_WORKFLOW\n  // graph nodes navigable. The parent step that spawned each child is recorded\n  // in the child's metadata.labels.parentStepId (= the parent graph node id).\n  const { data: childInstances = [] } = useQuery({\n    queryKey: ['workflow-instance-children', instance?.id],\n    queryFn: async () => {\n      const response = await apiFetch(\n        `/api/workflows/instances?parentInstanceId=${encodeURIComponent(instance!.id)}&limit=100`\n      )\n      if (!response.ok) return []\n      const data = await response.json()\n      return (data.data || []) as WorkflowInstance[]\n    },\n    enabled: !!instance?.id,\n  })\n\n  // Map each parent step id to the child instances it spawned. A single step\n  // can spawn more than one child (loops / parallel fan-out), so values are\n  // arrays.\n  const childrenByStepId = React.useMemo(() => {\n    const map = new Map<string, WorkflowInstance[]>()\n    for (const child of childInstances) {\n      const stepId = child.metadata?.labels?.parentStepId\n      if (!stepId) continue\n      const existing = map.get(stepId)\n      if (existing) existing.push(child)\n      else map.set(stepId, [child])\n    }\n    return map\n  }, [childInstances])\n\n  const parentInstanceId = instance?.metadata?.labels?.parentInstanceId ?? null\n\n  // Live run updates (spec \u00A78.3). Every step advance re-emits\n  // `workflows.instance.started` with the destination step, so the SSE stream\n  // already carries the run forward without a reload.\n  const refreshRun = React.useCallback(() => {\n    queryClient.invalidateQueries({ queryKey: ['workflow-instance', id] })\n    queryClient.invalidateQueries({ queryKey: ['workflow-instance-steps'] })\n    queryClient.invalidateQueries({ queryKey: ['workflow-events'] })\n    queryClient.invalidateQueries({ queryKey: ['workflow-instance-children'] })\n  }, [queryClient, id])\n\n  useLiveRunUpdates({ instanceId: id ?? null, onRefresh: refreshRun, enabled: !!id })\n\n  const goToInstance = React.useCallback((targetId: string) => {\n    router.push(`/backend/instances/${targetId}`)\n  }, [router])\n\n  // Spec \u00A78.3: \"clicking a node shows its I/O in the inspector\". Sub-workflow\n  // navigation moved into that inspector, so selecting a node no longer\n  // navigates away from the run the operator is reading.\n  const handleNodeClick = React.useCallback((_event: React.MouseEvent, node: Node) => {\n    setSelectedStepId(node.id)\n  }, [])\n\n  const execution = React.useMemo(\n    () =>\n      deriveRunExecution({\n        events,\n        stepInstances,\n        currentStepId: instance?.currentStepId,\n        instanceStatus: instance?.status,\n        attention: instance?.metadata?.attention,\n      }),\n    [events, stepInstances, instance?.currentStepId, instance?.status, instance?.metadata?.attention]\n  )\n\n  // The agent registry is only worth a request when this definition actually\n  // invokes one \u2014 and \"use the agent's LABEL, never its definition key\" is why\n  // it is worth one at all.\n  const hasAgentStep = React.useMemo(\n    () =>\n      (workflowDefinition?.definition?.steps ?? []).some((step: { activities?: Array<{ activityType?: string }> }) =>\n        (step.activities ?? []).some((activity) => activity.activityType === 'INVOKE_AGENT')\n      ),\n    [workflowDefinition]\n  )\n  const agentLabels = useAgentLabels(hasAgentStep)\n\n  const executionsByStepId = React.useMemo(() => {\n    const map = new Map<string, RunStepInstanceInput[]>()\n    for (const stepInstance of stepInstances) {\n      const existing = map.get(stepInstance.stepId)\n      if (existing) existing.push(stepInstance)\n      else map.set(stepInstance.stepId, [stepInstance])\n    }\n    return map\n  }, [stepInstances])\n\n  // Paint the definition graph with the run overlay: node status + duration\n  // from the execution record, and `state: 'completed'` on every route the run\n  // actually took so the taken path reads at a glance.\n  const { graphNodes, graphEdges } = React.useMemo(() => {\n    if (!workflowDefinition?.definition) {\n      return { graphNodes: [] as Node[], graphEdges: [] }\n    }\n\n    const { nodes, edges } = definitionToGraph(workflowDefinition.definition, { autoLayout: true })\n\n    const styledNodes: Node[] = nodes.map((node) => {\n      const runStatus = resolveNodeRunStatus(execution, node, {\n        currentStepId: instance?.currentStepId,\n        instanceStatus: instance?.status,\n      })\n      // Spec Part 2: the canvas paints the PRESENTATION state, not the engine's\n      // lifecycle vocabulary \u2014 so an activity in a worker or an agent mid-run\n      // reads blue and moving instead of amber and parked.\n      const presentation = resolveStepPresentation(\n        execution,\n        { id: node.id, status: runStatus },\n        { agentLabels, agentId: readNodeAgentId(node.data) }\n      )\n      const status = presentationToWorkflowStatus(presentation.state)\n      const state = execution.stepStates.get(node.id)\n      const duration = state\n        ? formatRunDuration(state.startedAt, state.completedAt, state.durationMs)\n          ?? formatElapsedSince(state.startedAt, null)\n        : null\n\n      const tooltipLines = [\n        String(node.data.label || node.id),\n        `${t('workflows.instances.fields.status', 'Status')}: ${status}`,\n      ]\n      if (state?.startedAt) {\n        tooltipLines.push(`${t('workflows.instances.fields.startedAt', 'Started')}: ${state.startedAt.toLocaleString()}`)\n      }\n      if (state?.completedAt) {\n        tooltipLines.push(`${t('workflows.instances.fields.completedAt', 'Completed')}: ${state.completedAt.toLocaleString()}`)\n      }\n      if (duration) {\n        tooltipLines.push(`${t('workflows.instances.fields.duration', 'Duration')}: ${duration}`)\n      }\n\n      return {\n        ...node,\n        data: {\n          ...node.data,\n          status,\n          duration,\n          runReason: presentation.reason,\n          runStartedAt: presentation.startedAt,\n          tooltip: tooltipLines.join('\\n'),\n          childInstanceIds: (childrenByStepId.get(node.id) ?? []).map((child) => child.id),\n        },\n        style: PRESENTATION_STEP_STYLES[presentation.state] as React.CSSProperties,\n        selected: node.id === selectedStepId,\n      }\n    })\n\n    const styledEdges = edges.map((edge) => {\n      const taken = isRouteTaken(execution, {\n        transitionId: edge.id,\n        fromStepId: edge.source,\n        toStepId: edge.target,\n      })\n      return taken ? { ...edge, data: { ...edge.data, state: 'completed' } } : edge\n    })\n\n    return { graphNodes: styledNodes, graphEdges: styledEdges }\n  }, [workflowDefinition, execution, agentLabels, instance?.currentStepId, instance?.status, childrenByStepId, selectedStepId, t])\n\n  const calculateDuration = React.useCallback(\n    (startedAt: string | Date, completedAt: string | Date | null | undefined) =>\n      formatElapsedSince(startedAt, completedAt) ?? '-',\n    []\n  )\n\n  const cancelMutation = useMutation({\n    mutationFn: async () => {\n      const response = await apiFetch(`/api/workflows/instances/${instance!.id}/cancel`, {\n        method: 'POST',\n      })\n      if (!response.ok) {\n        throw new Error(t('workflows.instances.cancelFailed'))\n      }\n      return response.json()\n    },\n    onSuccess: () => {\n      flash(t('workflows.instances.messages.cancelled'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-instance', id] })\n    },\n    onError: (mutationError) => {\n      logger.error('Error cancelling instance', { err: mutationError })\n      flash(t('workflows.instances.cancelFailed'), 'error')\n    },\n  })\n\n  const retryMutation = useMutation({\n    mutationFn: async () => {\n      const response = await apiFetch(`/api/workflows/instances/${instance!.id}/retry`, {\n        method: 'POST',\n      })\n      if (!response.ok) {\n        throw new Error(t('workflows.instances.retryFailed'))\n      }\n      return response.json()\n    },\n    onSuccess: () => {\n      flash(t('workflows.instances.messages.retried'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-instance', id] })\n    },\n    onError: (mutationError) => {\n      logger.error('Error retrying instance', { err: mutationError })\n      flash(t('workflows.instances.retryFailed'), 'error')\n    },\n  })\n\n  const handleCancel = async () => {\n    if (!instance) return\n    const confirmed = await confirmDialog({\n      title: t('workflows.instances.confirmCancel'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    cancelMutation.mutate()\n  }\n\n  const handleRetry = async () => {\n    if (!instance) return\n    const confirmed = await confirmDialog({\n      title: t('workflows.instances.confirmRetry'),\n      variant: 'default',\n    })\n    if (!confirmed) return\n    retryMutation.mutate()\n  }\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground\">\n            <Spinner className=\"h-6 w-6\" />\n            <span>{t('workflows.instances.detail.loading', 'Loading workflow instance...')}</span>\n          </div>\n        </PageBody>\n        {ConfirmDialogElement}\n      </Page>\n    )\n  }\n\n  const isNotFound = !isLoading && (error as (Error & { status?: number }) | null)?.status === 404\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('workflows.instances.detail.notFound', 'Workflow instance not found.')}\n            backHref=\"/backend/instances\"\n            backLabel={t('workflows.instances.actions.backToList', 'Back to instances')}\n          />\n        </PageBody>\n        {ConfirmDialogElement}\n      </Page>\n    )\n  }\n\n  if (error || !instance) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={(error as Error | null)?.message ?? t('workflows.instances.loadFailed', 'Failed to load workflow instance.')}\n            action={\n              <Button asChild variant=\"outline\" size=\"sm\">\n                <Link href=\"/backend/instances\">{t('workflows.instances.actions.backToList', 'Back to instances')}</Link>\n              </Button>\n            }\n          />\n        </PageBody>\n        {ConfirmDialogElement}\n      </Page>\n    )\n  }\n\n  const canCancel = instance.status === 'RUNNING' || instance.status === 'PAUSED'\n  const canRetry = instance.status === 'FAILED'\n  const actionLoading = cancelMutation.isPending || retryMutation.isPending\n\n  // Rerun-from-step (spec \u00A78.4). Gated on its own ACL feature, and only\n  // offered on a run that is actually stopped \u2014 the API refuses a RUNNING\n  // instance rather than racing the execution loop.\n  const canOfferRerun =\n    canRerunStep && (instance.status === 'FAILED' || instance.status === 'PAUSED')\n\n  const submitRerun = async (contextPatch: Record<string, unknown> | undefined) => {\n    if (!selectedStepId || !id) return\n    setRerunPending(true)\n    try {\n      await runMutation({\n        operation: async () => {\n          const result = await apiCall<{ message?: string; error?: string }>(\n            `/api/workflows/instances/${id}/rerun-step`,\n            {\n              method: 'POST',\n              body: JSON.stringify({ stepId: selectedStepId, contextPatch }),\n            }\n          )\n          if (!result.ok) {\n            throw new Error(\n              result.result?.error\n                ?? t('workflows.rerunStep.failed', 'Could not rerun the step.')\n            )\n          }\n          return result.result\n        },\n        context: { instanceId: id, stepId: selectedStepId },\n        mutationPayload: { stepId: selectedStepId, contextPatch },\n      })\n      flash(t('workflows.rerunStep.started', 'Rerun started.'), 'success')\n      setRerunOpen(false)\n      refreshRun()\n    } catch (rerunError) {\n      flash(\n        rerunError instanceof Error\n          ? rerunError.message\n          : t('workflows.rerunStep.failed', 'Could not rerun the step.'),\n        'error'\n      )\n    } finally {\n      setRerunPending(false)\n    }\n  }\n\n  const menuActions = [\n    ...(canCancel ? [{\n      id: 'cancel',\n      label: t('workflows.instances.actions.cancel'),\n      onSelect: handleCancel,\n      disabled: actionLoading,\n    }] : []),\n    ...(canRetry ? [{\n      id: 'retry',\n      label: t('workflows.instances.actions.retry'),\n      onSelect: handleRetry,\n      disabled: actionLoading,\n    }] : []),\n  ]\n\n  const header = (\n    <FormHeader\n      mode=\"detail\"\n      backHref=\"/backend/instances\"\n      backLabel={t('workflows.instances.backToList', 'Back to instances')}\n      entityTypeLabel={t('workflows.instances.detail.type', 'Workflow instance')}\n      title={\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <span>{instance.workflowId}</span>\n          <span className=\"font-mono text-sm text-muted-foreground\">#{instance.id.slice(0, 8)}</span>\n        </div>\n      }\n      menuActions={menuActions}\n    />\n  )\n\n  if (isMobile) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"space-y-4\">\n            {header}\n            <MobileInstanceOverview\n              instance={instance}\n              events={events}\n              graphNodes={graphNodes}\n              graphEdges={graphEdges}\n              definitionLoading={definitionLoading}\n              hasDefinition={!!workflowDefinition}\n              getStatusBadgeClass={instanceStatusBadgeClass}\n              getEventTypeBadgeClass={runEventBadgeClass}\n              calculateDuration={calculateDuration}\n            />\n          </div>\n        </PageBody>\n        {ConfirmDialogElement}\n      </Page>\n    )\n  }\n\n  const compensationEvents = events.filter(\n    (event) => event.eventType.includes('COMPENSATION') || event.eventType.includes('Compensation')\n  )\n  const milestoneEvents = events.filter((event) => isRunMilestoneEvent(event.eventType))\n  const selectedNode = graphNodes.find((node) => node.id === selectedStepId)\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6\">\n          {header}\n\n          {/* Execution Summary */}\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h2 className=\"mb-4 text-lg font-semibold\">{t('workflows.instances.sections.overview')}</h2>\n            <dl className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.workflowId')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground\">\n                  <div className=\"font-mono\">{instance.workflowId}</div>\n                  <div className=\"text-xs text-muted-foreground\">v{instance.version}</div>\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.status')}\n                </dt>\n                <dd className=\"mt-1\">\n                  <InstanceStatusBadge status={instance.status} />\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.currentStep')}\n                </dt>\n                <dd className=\"mt-1 font-mono text-sm text-foreground\">{instance.currentStepId || '-'}</dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.correlationKey')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground\">{instance.correlationKey || '-'}</dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.startedAt')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground\">{new Date(instance.startedAt).toLocaleString()}</dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.completedAt')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground\">\n                  {instance.completedAt ? new Date(instance.completedAt).toLocaleString() : '-'}\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.duration')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground\">\n                  {calculateDuration(instance.startedAt, instance.completedAt)}\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.instances.fields.retryCount')}\n                </dt>\n                <dd className=\"mt-1\">\n                  <span\n                    className={\n                      instance.retryCount > 0\n                        ? 'text-sm font-medium text-status-warning-text'\n                        : 'text-sm text-foreground'\n                    }\n                  >\n                    {instance.retryCount}\n                  </span>\n                </dd>\n              </div>\n              {parentInstanceId && (\n                <div>\n                  <dt className=\"text-sm font-medium text-muted-foreground\">\n                    {t('workflows.instances.fields.parentInstance', 'Parent instance')}\n                  </dt>\n                  <dd className=\"mt-1 text-sm\">\n                    <Link\n                      href={`/backend/instances/${parentInstanceId}`}\n                      className=\"font-mono text-primary hover:underline\"\n                    >\n                      #{parentInstanceId.slice(0, 8)}\n                    </Link>\n                  </dd>\n                </div>\n              )}\n            </dl>\n          </div>\n\n          {/* The headline failure stays above the tabs \u2014 it is the reason an\n              operator opened the run, not one altitude of it. */}\n          {instance.errorMessage && (\n            <div className=\"rounded-lg border border-destructive bg-destructive/5 p-6\">\n              <h2 className=\"mb-4 text-lg font-semibold text-destructive\">\n                {t('workflows.instances.fields.lastError')}\n              </h2>\n              <pre className=\"whitespace-pre-wrap font-mono text-sm text-destructive\">{instance.errorMessage}</pre>\n              {instance.errorDetails && (\n                <div className=\"mt-4\">\n                  <JsonDisplay data={instance.errorDetails} className=\"border-destructive/20 bg-destructive/5\" maxInitialDepth={1} />\n                </div>\n              )}\n            </div>\n          )}\n\n          {/* Spec section 8.2 \u2014 a simulation must SAY it is one everywhere it is\n              read, so nobody mistakes an empty inbox for a broken workflow. */}\n          {instance.isDryRun && (\n            <Alert status=\"information\" icon={<FlaskConical aria-hidden=\"true\" />}>\n              <AlertTitle>{t('workflows.dryRun.badge')}</AlertTitle>\n              <AlertDescription>{t('workflows.dryRun.bannerDescription')}</AlertDescription>\n            </Alert>\n          )}\n\n          {isStepping && (\n            <Alert status=\"warning\" icon={<Footprints aria-hidden=\"true\" />}>\n              <AlertTitle>{t('workflows.stepThrough.title')}</AlertTitle>\n              <AlertDescription>\n                <div className=\"space-y-2\">\n                  <p>\n                    {instance.status === 'PAUSED'\n                      ? t('workflows.stepThrough.pausedAt', { stepId: instance.currentStepId })\n                      : t('workflows.stepThrough.running')}\n                  </p>\n                  <div className=\"flex flex-wrap gap-2\">\n                    <Button\n                      size=\"sm\"\n                      disabled={stepThroughPending}\n                      onClick={() => void handleStepThrough('continue')}\n                    >\n                      {stepThroughPending ? <Spinner className=\"h-4 w-4\" /> : t('workflows.stepThrough.continue')}\n                    </Button>\n                    <Button\n                      size=\"sm\"\n                      variant=\"outline\"\n                      disabled={stepThroughPending}\n                      onClick={() => void handleStepThrough('stop')}\n                    >\n                      {t('workflows.stepThrough.stop')}\n                    </Button>\n                  </div>\n                </div>\n              </AlertDescription>\n            </Alert>\n          )}\n\n          {instance.isDryRun && (\n            <div className=\"rounded-lg border bg-card p-6\">\n              <WouldDoReport report={wouldDoReport ?? null} />\n            </div>\n          )}\n\n          {/* Spec \u00A78.3 \u2014 three altitudes plus a demoted Raw tab. */}\n          <Tabs\n            value={activeTab}\n            onValueChange={(value) => setActiveTab(value as RunTab)}\n            variant=\"underline\"\n          >\n            <TabsList aria-label={t('workflows.instances.run.tabs.label', 'Run views')}>\n              <TabsTrigger value=\"flow\">{t('workflows.instances.run.tabs.flow', 'Flow')}</TabsTrigger>\n              <TabsTrigger value=\"timeline\">{t('workflows.instances.run.tabs.timeline', 'Timeline')}</TabsTrigger>\n              <TabsTrigger value=\"context\">{t('workflows.instances.run.tabs.context', 'Context')}</TabsTrigger>\n              <TabsTrigger value=\"raw\" count={events.length || undefined}>\n                {t('workflows.instances.run.tabs.raw', 'Raw')}\n              </TabsTrigger>\n            </TabsList>\n\n            <TabsContent value=\"flow\">\n              <div className=\"mt-4 space-y-4\">\n                {definitionLoading && (\n                  <div className=\"flex items-center justify-center gap-2 rounded-lg border bg-card py-8 text-muted-foreground\">\n                    <Spinner className=\"h-6 w-6\" />\n                    <span className=\"text-sm\">{t('common.loading')}</span>\n                  </div>\n                )}\n                {!definitionLoading && workflowDefinition && graphNodes.length > 0 && (\n                  <div className=\"flex flex-col gap-4 lg:flex-row lg:gap-6\">\n                    <div className=\"order-2 lg:order-1 lg:w-64 lg:flex-shrink-0\">\n                      <WorkflowLegend />\n                    </div>\n                    <div className=\"order-1 h-[62svh] min-h-[360px] flex-1 overflow-hidden rounded-lg border lg:order-2 lg:h-[640px]\">\n                      <WorkflowGraphReadOnly\n                        nodes={graphNodes}\n                        edges={graphEdges}\n                        height=\"100%\"\n                        onNodeClick={handleNodeClick}\n                      />\n                    </div>\n                  </div>\n                )}\n                {!definitionLoading && !workflowDefinition && (\n                  <div className=\"rounded-lg border bg-card p-6 text-sm text-muted-foreground\">\n                    {t(\n                      'workflows.instances.run.definitionMissing',\n                      'Workflow definition not found (ID: {definitionId})',\n                      { definitionId: instance.definitionId }\n                    )}\n                  </div>\n                )}\n\n                <AgentActivityPanel instanceId={id ?? null} enabled={!!id} />\n\n                <div className=\"rounded-lg border bg-card p-4 md:p-6\">\n                  <h3 className=\"mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground\">\n                    {t('workflows.instances.run.inspector.title', 'Step inspector')}\n                  </h3>\n                  <div className=\"mb-3 flex items-center justify-between gap-2\">\n                    <span className=\"text-xs text-muted-foreground\">\n                      {t('workflows.instances.run.inspector.hint', 'Click a node on the canvas to inspect it.')}\n                    </span>\n                    {canOfferRerun ? (\n                      <Button\n                        type=\"button\"\n                        variant=\"outline\"\n                        size=\"sm\"\n                        disabled={!selectedStepId || (executionsByStepId.get(selectedStepId ?? '')?.length ?? 0) === 0}\n                        onClick={() => setRerunOpen(true)}\n                      >\n                        {t('workflows.rerunStep.action', 'Rerun from this step')}\n                      </Button>\n                    ) : null}\n                  </div>\n                  <RunStepInspector\n                    stepId={selectedStepId}\n                    stepLabel={selectedNode ? String(selectedNode.data?.label ?? '') : null}\n                    executions={selectedStepId ? executionsByStepId.get(selectedStepId) ?? [] : []}\n                    childInstanceIds={selectedStepId ? (childrenByStepId.get(selectedStepId) ?? []).map((child) => child.id) : []}\n                    onOpenChildInstance={goToInstance}\n                    isLoading={stepsLoading}\n                  />\n                </div>\n              </div>\n            </TabsContent>\n\n            <TabsContent value=\"timeline\">\n              <div className=\"mt-4 space-y-4\">\n                <div className=\"rounded-lg border bg-card p-4 md:p-6\">\n                  <h3 className=\"mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground\">\n                    {t('workflows.instances.run.gantt.title', 'Step durations')}\n                  </h3>\n                  {stepsLoading ? (\n                    <div className=\"flex items-center gap-2 text-muted-foreground\">\n                      <Spinner className=\"h-4 w-4\" />\n                      <span className=\"text-sm\">{t('common.loading')}</span>\n                    </div>\n                  ) : (\n                    <RunGantt\n                      stepInstances={stepInstances}\n                      instanceStartedAt={instance.startedAt}\n                      instanceCompletedAt={instance.completedAt}\n                      selectedStepId={selectedStepId}\n                      onSelectStep={(stepId) => {\n                        setSelectedStepId(stepId)\n                        setActiveTab('flow')\n                      }}\n                    />\n                  )}\n                </div>\n\n                <div className=\"rounded-lg border bg-card p-6\">\n                  <h3 className=\"mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground\">\n                    {t('workflows.instances.sections.executionTimeline', 'Execution Timeline')}\n                  </h3>\n                  {eventsLoading ? (\n                    <div className=\"flex items-center gap-2 text-muted-foreground\">\n                      <Spinner className=\"h-4 w-4\" />\n                      <span className=\"text-sm\">{t('common.loading')}</span>\n                    </div>\n                  ) : milestoneEvents.length === 0 ? (\n                    <p className=\"text-sm text-muted-foreground\">{t('workflows.instances.noExecutionHistory')}</p>\n                  ) : (\n                    <div className=\"space-y-2\">\n                      {[...milestoneEvents].reverse().map((event, index) => (\n                        <div key={event.id} className=\"flex items-start gap-3 rounded-lg border bg-muted p-3\">\n                          <div className=\"flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full border-2 border-border bg-background text-xs font-medium\">\n                            {index + 1}\n                          </div>\n                          <div className=\"min-w-0 flex-1\">\n                            <div className=\"flex items-center gap-2\">\n                              <RunEventBadge eventType={event.eventType} />\n                              <span className=\"text-xs text-muted-foreground\">\n                                {new Date(event.occurredAt).toLocaleTimeString()}\n                              </span>\n                            </div>\n                            {event.eventData?.toStepId && (\n                              <p className=\"mt-1 font-mono text-xs text-muted-foreground\">\n                                {event.eventData.fromStepId ? `${event.eventData.fromStepId} \u2192 ` : '\u2192 '}\n                                {event.eventData.toStepId}\n                              </p>\n                            )}\n                          </div>\n                        </div>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              </div>\n            </TabsContent>\n\n            <TabsContent value=\"context\">\n              <div className=\"mt-4 space-y-4\">\n                <JsonDisplay data={instance.context} title={t('workflows.instances.sections.context')} />\n                {instance.metadata && Object.keys(instance.metadata).length > 0 && (\n                  <JsonDisplay data={instance.metadata} title={t('workflows.instances.sections.metadata')} />\n                )}\n\n                {(instance.status === 'COMPENSATING' || instance.status === 'COMPENSATED') && (\n                  <div className=\"rounded-lg border border-status-warning-border bg-status-warning-bg p-6\">\n                    <h2 className=\"mb-4 text-lg font-semibold text-status-warning-text\">\n                      {t('workflows.instances.sections.compensation', 'Compensation (Saga Pattern)')}\n                    </h2>\n                    <p className=\"text-sm text-status-warning-text\">\n                      {instance.status === 'COMPENSATING'\n                        ? t(\n                            'workflows.instances.compensation.inProgress',\n                            'Workflow is currently executing compensation activities to rollback changes.'\n                          )\n                        : t(\n                            'workflows.instances.compensation.completed',\n                            'Compensation has been completed. All changes have been rolled back.'\n                          )}\n                    </p>\n                    {compensationEvents.length > 0 && (\n                      <div className=\"mt-4\">\n                        <h3 className=\"mb-2 text-sm font-medium text-status-warning-text\">\n                          {t('workflows.instances.compensation.activities', 'Compensation Activities')}\n                        </h3>\n                        <div className=\"space-y-2\">\n                          {[...compensationEvents].reverse().map((event) => (\n                            <div\n                              key={event.id}\n                              className=\"flex items-start gap-2 rounded border border-status-warning-border bg-card p-2\"\n                            >\n                              <RunEventBadge eventType={event.eventType} />\n                              <span className=\"text-xs text-muted-foreground\">\n                                {new Date(event.occurredAt).toLocaleTimeString()}\n                              </span>\n                              {event.eventData?.activityName && (\n                                <span className=\"text-xs font-medium text-foreground\">\n                                  {event.eventData.activityName}\n                                </span>\n                              )}\n                            </div>\n                          ))}\n                        </div>\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n            </TabsContent>\n\n            <TabsContent value=\"raw\">\n              <div className=\"mt-4 rounded-lg border bg-card p-6\">\n                {eventsLoading ? (\n                  <div className=\"flex items-center gap-2 text-muted-foreground\">\n                    <Spinner className=\"h-4 w-4\" />\n                    <span className=\"text-sm\">{t('common.loading')}</span>\n                  </div>\n                ) : events.length === 0 ? (\n                  <p className=\"text-sm text-muted-foreground\">{t('workflows.instances.noExecutionHistory')}</p>\n                ) : (\n                  <div className=\"overflow-x-auto rounded-lg border\">\n                    <table className=\"min-w-full divide-y divide-border\">\n                      <thead className=\"bg-muted\">\n                        <tr>\n                          <th className=\"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground\">\n                            {t('workflows.events.occurredAt')}\n                          </th>\n                          <th className=\"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground\">\n                            {t('workflows.events.eventType')}\n                          </th>\n                          <th className=\"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground\">\n                            {t('workflows.events.eventData')}\n                          </th>\n                          <th className=\"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground\">\n                            {t('workflows.events.userId')}\n                          </th>\n                        </tr>\n                      </thead>\n                      <tbody className=\"divide-y divide-border bg-background\">\n                        {events.map((event) => (\n                          <tr key={event.id} className=\"hover:bg-muted/50\">\n                            <td className=\"whitespace-nowrap px-4 py-3 text-sm text-foreground\">\n                              {new Date(event.occurredAt).toLocaleString()}\n                            </td>\n                            <td className=\"whitespace-nowrap px-4 py-3\">\n                              <RunEventBadge eventType={event.eventType} />\n                            </td>\n                            <td className=\"px-4 py-3 text-sm\">\n                              <details className=\"cursor-pointer\">\n                                <summary className=\"text-primary hover:underline\">{t('common.details')}</summary>\n                                <div className=\"mt-2\">\n                                  <JsonDisplay data={event.eventData} showCopy={false} maxInitialDepth={1} />\n                                </div>\n                              </details>\n                            </td>\n                            <td className=\"whitespace-nowrap px-4 py-3 text-sm text-muted-foreground\">\n                              {event.userId || '-'}\n                            </td>\n                          </tr>\n                        ))}\n                      </tbody>\n                    </table>\n                  </div>\n                )}\n              </div>\n            </TabsContent>\n          </Tabs>\n        </div>\n      </PageBody>\n      {ConfirmDialogElement}\n      <RerunStepDialog\n        open={rerunOpen}\n        onOpenChange={setRerunOpen}\n        stepId={selectedStepId}\n        stepLabel={selectedNode ? String(selectedNode.data?.label ?? '') : null}\n        isSubmitting={rerunPending}\n        onConfirm={(contextPatch) => { void submitRerun(contextPatch) }}\n      />\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["error"]
 }

package/dist/modules/workflows/backend/instances/[id]/page.meta.js

@@ -1,6 +1,6 @@
 const metadata = {
   requireAuth: true,
-  requireFeatures: ["workflows.view_instances"],
+  requireFeatures: ["workflows.instances.view"],
   pageTitle: "Workflow Instance Details",
   pageTitleKey: "workflows.instances.singular",
   breadcrumb: [

package/dist/modules/workflows/backend/instances/[id]/page.meta.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/workflows/backend/instances/%5Bid%5D/page.meta.ts"],
-  "sourcesContent": ["export const metadata = {\n  requireAuth: true,\n  requireFeatures: ['workflows.view_instances'],\n  pageTitle: 'Workflow Instance Details',\n  pageTitleKey: 'workflows.instances.singular',\n  breadcrumb: [\n    { label: 'Workflows', labelKey: 'workflows.module.name', href: '/backend/definitions' },\n    { label: 'Instances', labelKey: 'workflows.instances.plural', href: '/backend/instances' },\n    { label: 'Details', labelKey: 'common.details' },\n  ],\n}\n"],
+  "sourcesContent": ["export const metadata = {\n  requireAuth: true,\n  requireFeatures: ['workflows.instances.view'],\n  pageTitle: 'Workflow Instance Details',\n  pageTitleKey: 'workflows.instances.singular',\n  breadcrumb: [\n    { label: 'Workflows', labelKey: 'workflows.module.name', href: '/backend/definitions' },\n    { label: 'Instances', labelKey: 'workflows.instances.plural', href: '/backend/instances' },\n    { label: 'Details', labelKey: 'common.details' },\n  ],\n}\n"],
   "mappings": "AAAO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,0BAA0B;AAAA,EAC5C,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,IACV,EAAE,OAAO,aAAa,UAAU,yBAAyB,MAAM,uBAAuB;AAAA,IACtF,EAAE,OAAO,aAAa,UAAU,8BAA8B,MAAM,qBAAqB;AAAA,IACzF,EAAE,OAAO,WAAW,UAAU,iBAAiB;AAAA,EACjD;AACF;",
   "names": []
 }

package/dist/modules/workflows/backend/instances/failure-queue/page.js

@@ -0,0 +1,211 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { useBackendChrome } from "@open-mercato/ui/backend/BackendChromeProvider";
+import { hasFeature } from "@open-mercato/shared/security/features";
+import { InstanceStatusBadge } from "../../../components/run/RunStatusBadge.js";
+import { useLiveRunUpdates } from "../../../components/run/useLiveRunUpdates.js";
+import { formatElapsedSince } from "../../../lib/run-duration.js";
+const PAGE_SIZE = 50;
+function WorkflowFailureQueuePage() {
+  const t = useT();
+  const queryClient = useQueryClient();
+  const { payload } = useBackendChrome();
+  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog();
+  const [page, setPage] = React.useState(1);
+  const [errorGroup, setErrorGroup] = React.useState(null);
+  const canBulkOperate = hasFeature(payload?.grantedFeatures, "workflows.instances.bulk_ops");
+  const { data, isLoading, error } = useQuery({
+    queryKey: ["workflow-failure-queue", errorGroup, page],
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        limit: String(PAGE_SIZE),
+        offset: String((page - 1) * PAGE_SIZE)
+      });
+      if (errorGroup) params.set("errorGroup", errorGroup);
+      const result = await apiCall(
+        `/api/workflows/instances/failure-queue?${params.toString()}`
+      );
+      if (!result.ok) throw new Error("[internal] Failed to load the workflow failure queue");
+      return result.result ?? null;
+    }
+  });
+  const refreshQueue = React.useCallback(() => {
+    queryClient.invalidateQueries({ queryKey: ["workflow-failure-queue"] });
+  }, [queryClient]);
+  useLiveRunUpdates({ onRefresh: refreshQueue });
+  const runBulkReplay = React.useCallback(
+    async (action, rows) => {
+      const confirmed = await confirmDialog({
+        title: action === "retry" ? t("workflows.failureQueue.confirm.retry", "Replay {count} instance(s)?", {
+          count: String(rows.length)
+        }) : t("workflows.failureQueue.confirm.cancel", "Cancel {count} instance(s)?", {
+          count: String(rows.length)
+        }),
+        variant: action === "cancel" ? "destructive" : "default"
+      });
+      if (!confirmed) return false;
+      const result = await apiCall("/api/workflows/instances/bulk-replay", {
+        method: "POST",
+        body: JSON.stringify({ action, ids: rows.map((row) => row.id) })
+      });
+      if (!result.ok || !result.result?.ok) {
+        return {
+          ok: false,
+          message: t("workflows.failureQueue.messages.bulkFailed", "Could not start the bulk operation.")
+        };
+      }
+      return {
+        ok: true,
+        progressJobId: result.result.progressJobId,
+        message: action === "retry" ? t("workflows.failureQueue.messages.retryStarted", "Replay started. Track progress in the top bar.") : t("workflows.failureQueue.messages.cancelStarted", "Cancellation started. Track progress in the top bar.")
+      };
+    },
+    [confirmDialog, t]
+  );
+  const columns = React.useMemo(
+    () => [
+      {
+        id: "workflowId",
+        header: t("workflows.instances.fields.workflowId"),
+        accessorKey: "workflowId",
+        cell: ({ row }) => /* @__PURE__ */ jsxs(Link, { href: `/backend/instances/${row.original.id}`, className: "block hover:underline", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-mono text-sm font-medium", children: row.original.workflowId }),
+          /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+            "#",
+            row.original.id.slice(0, 8)
+          ] })
+        ] })
+      },
+      {
+        id: "status",
+        header: t("workflows.instances.fields.status"),
+        accessorKey: "status",
+        cell: ({ row }) => /* @__PURE__ */ jsx(InstanceStatusBadge, { status: row.original.status })
+      },
+      {
+        id: "reason",
+        header: t("workflows.failureQueue.columns.reason", "Reason"),
+        meta: { truncate: true, maxWidth: 420 },
+        cell: ({ row }) => {
+          const attention = row.original.metadata?.attention;
+          const message = row.original.errorMessage ?? attention?.reason ?? null;
+          return /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-foreground", children: message ?? t("workflows.failureQueue.noReason", "No error message recorded") }),
+            attention?.stepId ? /* @__PURE__ */ jsx("div", { className: "font-mono text-xs text-muted-foreground", children: attention.stepId }) : null
+          ] });
+        }
+      },
+      {
+        id: "retryCount",
+        header: t("workflows.instances.fields.retryCount"),
+        accessorKey: "retryCount",
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `text-sm ${row.original.retryCount > 0 ? "font-medium text-status-warning-text" : "text-muted-foreground"}`,
+            children: row.original.retryCount
+          }
+        )
+      },
+      {
+        id: "age",
+        header: t("workflows.failureQueue.columns.age", "Age"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: formatElapsedSince(row.original.startedAt, row.original.completedAt) ?? "-" })
+      }
+    ],
+    [t]
+  );
+  const groups = data?.groups ?? [];
+  const activeGroup = groups.find((group) => group.key === errorGroup) ?? null;
+  if (error) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "p-8 text-center", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-status-error-text", children: t("workflows.failureQueue.messages.loadFailed", "Failed to load the failure queue.") }),
+      /* @__PURE__ */ jsx(Button, { onClick: refreshQueue, className: "mt-4", children: t("common.retry") })
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4 md:p-6", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: t("workflows.failureQueue.groups.title", "Grouped by error") }),
+        groups.length === 0 ? /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: t("workflows.failureQueue.groups.empty", "Nothing is waiting for triage.") }) : /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: groups.map((group) => {
+          const selected = group.key === errorGroup;
+          return /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: selected ? "default" : "outline",
+              onClick: () => {
+                setErrorGroup(selected ? null : group.key);
+                setPage(1);
+              },
+              "aria-pressed": selected,
+              title: group.label,
+              className: "max-w-full justify-start",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: group.label }),
+                /* @__PURE__ */ jsx("span", { className: "ml-2 shrink-0 rounded bg-muted px-1.5 text-xs text-muted-foreground", children: group.count })
+              ]
+            },
+            group.key
+          );
+        }) }),
+        data?.grouping.truncated ? /* @__PURE__ */ jsx("p", { className: "mt-3 text-xs text-status-warning-text", children: t(
+          "workflows.failureQueue.groups.truncated",
+          "Grouped from the {count} most recent failures. Narrow by workflow to group the rest.",
+          { count: String(data.grouping.scanLimit) }
+        ) }) : null,
+        activeGroup ? /* @__PURE__ */ jsx("p", { className: "mt-3 text-xs text-muted-foreground", children: t("workflows.failureQueue.groups.active", "Showing {count} instance(s) in this group.", {
+          count: String(activeGroup.count)
+        }) }) : null
+      ] }),
+      /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          title: t("workflows.failureQueue.title", "Failure queue"),
+          columns,
+          data: data?.data ?? [],
+          isLoading,
+          selectionScopeKey: errorGroup ?? "all",
+          refreshButton: { label: t("common.refresh", "Refresh"), onRefresh: refreshQueue },
+          pagination: {
+            page,
+            pageSize: PAGE_SIZE,
+            total: data?.pagination.total ?? 0,
+            totalPages: Math.max(Math.ceil((data?.pagination.total ?? 0) / PAGE_SIZE), 1),
+            totalIsCapped: data?.pagination.totalIsCapped === true,
+            onPageChange: setPage
+          },
+          emptyState: t("workflows.failureQueue.empty", "Nothing is waiting for triage."),
+          bulkActions: canBulkOperate ? [
+            {
+              id: "bulk-retry",
+              label: t("workflows.failureQueue.actions.retry", "Replay selected"),
+              onExecute: (rows) => runBulkReplay("retry", rows)
+            },
+            {
+              id: "bulk-cancel",
+              label: t("workflows.failureQueue.actions.cancel", "Cancel selected"),
+              destructive: true,
+              onExecute: (rows) => runBulkReplay("cancel", rows)
+            }
+          ] : void 0
+        }
+      )
+    ] }) }),
+    ConfirmDialogElement
+  ] });
+}
+export {
+  WorkflowFailureQueuePage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/workflows/backend/instances/failure-queue/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/workflows/backend/instances/failure-queue/page.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useBackendChrome } from '@open-mercato/ui/backend/BackendChromeProvider'\nimport { hasFeature } from '@open-mercato/shared/security/features'\nimport { InstanceStatusBadge } from '../../../components/run/RunStatusBadge'\nimport { useLiveRunUpdates } from '../../../components/run/useLiveRunUpdates'\nimport { formatElapsedSince } from '../../../lib/run-duration'\nimport type { FailureGroup } from '../../../lib/failure-grouping'\n\nconst PAGE_SIZE = 50\n\ntype FailureQueueRow = {\n  id: string\n  workflowId: string\n  version: number\n  status: string\n  currentStepId: string | null\n  errorMessage: string | null\n  retryCount: number\n  startedAt: string\n  completedAt: string | null\n  metadata?: { attention?: { reason?: string; stepId?: string; at?: string } | null } | null\n}\n\ntype FailureQueueResponse = {\n  data: FailureQueueRow[]\n  groups: FailureGroup[]\n  grouping: { scannedCount: number; scanLimit: number; truncated: boolean }\n  pagination: { total: number; limit: number; offset: number; hasMore: boolean; totalIsCapped?: boolean }\n}\n\ntype BulkReplayResponse = {\n  ok: boolean\n  progressJobId: string | null\n  message: string\n}\n\n/**\n * Failure-queue triage (spec \u00A78.4).\n *\n * The list is the union of instances parked by a `failureQueue` error directive\n * and FAILED instances. Error grouping is what makes it a triage surface rather\n * than a second instance list: 400 rows collapse into the handful of things\n * that actually broke, and selecting a group narrows the table to it so a bulk\n * replay targets one root cause instead of everything at once.\n */\nexport default function WorkflowFailureQueuePage() {\n  const t = useT()\n  const queryClient = useQueryClient()\n  const { payload } = useBackendChrome()\n  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()\n  const [page, setPage] = React.useState(1)\n  const [errorGroup, setErrorGroup] = React.useState<string | null>(null)\n\n  const canBulkOperate = hasFeature(payload?.grantedFeatures, 'workflows.instances.bulk_ops')\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['workflow-failure-queue', errorGroup, page],\n    queryFn: async () => {\n      const params = new URLSearchParams({\n        limit: String(PAGE_SIZE),\n        offset: String((page - 1) * PAGE_SIZE),\n      })\n      if (errorGroup) params.set('errorGroup', errorGroup)\n      const result = await apiCall<FailureQueueResponse>(\n        `/api/workflows/instances/failure-queue?${params.toString()}`\n      )\n      if (!result.ok) throw new Error('[internal] Failed to load the workflow failure queue')\n      return result.result ?? null\n    },\n  })\n\n  const refreshQueue = React.useCallback(() => {\n    queryClient.invalidateQueries({ queryKey: ['workflow-failure-queue'] })\n  }, [queryClient])\n\n  useLiveRunUpdates({ onRefresh: refreshQueue })\n\n  const runBulkReplay = React.useCallback(\n    async (action: 'retry' | 'cancel', rows: FailureQueueRow[]) => {\n      const confirmed = await confirmDialog({\n        title:\n          action === 'retry'\n            ? t('workflows.failureQueue.confirm.retry', 'Replay {count} instance(s)?', {\n                count: String(rows.length),\n              })\n            : t('workflows.failureQueue.confirm.cancel', 'Cancel {count} instance(s)?', {\n                count: String(rows.length),\n              }),\n        variant: action === 'cancel' ? 'destructive' : 'default',\n      })\n      if (!confirmed) return false\n\n      const result = await apiCall<BulkReplayResponse>('/api/workflows/instances/bulk-replay', {\n        method: 'POST',\n        body: JSON.stringify({ action, ids: rows.map((row) => row.id) }),\n      })\n\n      if (!result.ok || !result.result?.ok) {\n        return {\n          ok: false,\n          message: t('workflows.failureQueue.messages.bulkFailed', 'Could not start the bulk operation.'),\n        }\n      }\n\n      // The DataTable tracks the returned job in the top bar; never add a\n      // page-local progress bar for bulk work.\n      return {\n        ok: true,\n        progressJobId: result.result.progressJobId,\n        message:\n          action === 'retry'\n            ? t('workflows.failureQueue.messages.retryStarted', 'Replay started. Track progress in the top bar.')\n            : t('workflows.failureQueue.messages.cancelStarted', 'Cancellation started. Track progress in the top bar.'),\n      }\n    },\n    [confirmDialog, t]\n  )\n\n  const columns = React.useMemo<ColumnDef<FailureQueueRow>[]>(\n    () => [\n      {\n        id: 'workflowId',\n        header: t('workflows.instances.fields.workflowId'),\n        accessorKey: 'workflowId',\n        cell: ({ row }) => (\n          <Link href={`/backend/instances/${row.original.id}`} className=\"block hover:underline\">\n            <div className=\"font-mono text-sm font-medium\">{row.original.workflowId}</div>\n            <div className=\"text-xs text-muted-foreground\">#{row.original.id.slice(0, 8)}</div>\n          </Link>\n        ),\n      },\n      {\n        id: 'status',\n        header: t('workflows.instances.fields.status'),\n        accessorKey: 'status',\n        cell: ({ row }) => <InstanceStatusBadge status={row.original.status} />,\n      },\n      {\n        id: 'reason',\n        header: t('workflows.failureQueue.columns.reason', 'Reason'),\n        meta: { truncate: true, maxWidth: 420 },\n        cell: ({ row }) => {\n          const attention = row.original.metadata?.attention\n          const message = row.original.errorMessage ?? attention?.reason ?? null\n          return (\n            <div className=\"text-sm\">\n              <div className=\"text-foreground\">\n                {message ?? t('workflows.failureQueue.noReason', 'No error message recorded')}\n              </div>\n              {attention?.stepId ? (\n                <div className=\"font-mono text-xs text-muted-foreground\">{attention.stepId}</div>\n              ) : null}\n            </div>\n          )\n        },\n      },\n      {\n        id: 'retryCount',\n        header: t('workflows.instances.fields.retryCount'),\n        accessorKey: 'retryCount',\n        cell: ({ row }) => (\n          <span\n            className={`text-sm ${\n              row.original.retryCount > 0 ? 'font-medium text-status-warning-text' : 'text-muted-foreground'\n            }`}\n          >\n            {row.original.retryCount}\n          </span>\n        ),\n      },\n      {\n        id: 'age',\n        header: t('workflows.failureQueue.columns.age', 'Age'),\n        cell: ({ row }) => (\n          <span className=\"text-sm text-muted-foreground\">\n            {formatElapsedSince(row.original.startedAt, row.original.completedAt) ?? '-'}\n          </span>\n        ),\n      },\n    ],\n    [t]\n  )\n\n  const groups = data?.groups ?? []\n  const activeGroup = groups.find((group) => group.key === errorGroup) ?? null\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"p-8 text-center\">\n            <p className=\"text-status-error-text\">\n              {t('workflows.failureQueue.messages.loadFailed', 'Failed to load the failure queue.')}\n            </p>\n            <Button onClick={refreshQueue} className=\"mt-4\">\n              {t('common.retry')}\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-4\">\n          <div className=\"rounded-lg border bg-card p-4 md:p-6\">\n            <h2 className=\"text-sm font-semibold uppercase tracking-wide text-muted-foreground\">\n              {t('workflows.failureQueue.groups.title', 'Grouped by error')}\n            </h2>\n            {groups.length === 0 ? (\n              <p className=\"mt-3 text-sm text-muted-foreground\">\n                {t('workflows.failureQueue.groups.empty', 'Nothing is waiting for triage.')}\n              </p>\n            ) : (\n              <div className=\"mt-3 flex flex-wrap gap-2\">\n                {groups.map((group) => {\n                  const selected = group.key === errorGroup\n                  return (\n                    <Button\n                      key={group.key}\n                      type=\"button\"\n                      size=\"sm\"\n                      variant={selected ? 'default' : 'outline'}\n                      onClick={() => {\n                        setErrorGroup(selected ? null : group.key)\n                        setPage(1)\n                      }}\n                      aria-pressed={selected}\n                      title={group.label}\n                      className=\"max-w-full justify-start\"\n                    >\n                      <span className=\"truncate\">{group.label}</span>\n                      <span className=\"ml-2 shrink-0 rounded bg-muted px-1.5 text-xs text-muted-foreground\">\n                        {group.count}\n                      </span>\n                    </Button>\n                  )\n                })}\n              </div>\n            )}\n            {data?.grouping.truncated ? (\n              <p className=\"mt-3 text-xs text-status-warning-text\">\n                {t(\n                  'workflows.failureQueue.groups.truncated',\n                  'Grouped from the {count} most recent failures. Narrow by workflow to group the rest.',\n                  { count: String(data.grouping.scanLimit) }\n                )}\n              </p>\n            ) : null}\n            {activeGroup ? (\n              <p className=\"mt-3 text-xs text-muted-foreground\">\n                {t('workflows.failureQueue.groups.active', 'Showing {count} instance(s) in this group.', {\n                  count: String(activeGroup.count),\n                })}\n              </p>\n            ) : null}\n          </div>\n\n          <DataTable<FailureQueueRow>\n            title={t('workflows.failureQueue.title', 'Failure queue')}\n            columns={columns}\n            data={data?.data ?? []}\n            isLoading={isLoading}\n            selectionScopeKey={errorGroup ?? 'all'}\n            refreshButton={{ label: t('common.refresh', 'Refresh'), onRefresh: refreshQueue }}\n            pagination={{\n              page,\n              pageSize: PAGE_SIZE,\n              total: data?.pagination.total ?? 0,\n              totalPages: Math.max(Math.ceil((data?.pagination.total ?? 0) / PAGE_SIZE), 1),\n              totalIsCapped: data?.pagination.totalIsCapped === true,\n              onPageChange: setPage,\n            }}\n            emptyState={t('workflows.failureQueue.empty', 'Nothing is waiting for triage.')}\n            bulkActions={\n              canBulkOperate\n                ? [\n                    {\n                      id: 'bulk-retry',\n                      label: t('workflows.failureQueue.actions.retry', 'Replay selected'),\n                      onExecute: (rows) => runBulkReplay('retry', rows),\n                    },\n                    {\n                      id: 'bulk-cancel',\n                      label: t('workflows.failureQueue.actions.cancel', 'Cancel selected'),\n                      destructive: true,\n                      onExecute: (rows) => runBulkReplay('cancel', rows),\n                    },\n                  ]\n                : undefined\n            }\n          />\n        </div>\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/workflows/backend/instances/failure-queue/page.meta.js

@@ -0,0 +1,20 @@
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["workflows.instances.view"],
+  pageTitle: "Failure Queue",
+  pageTitleKey: "workflows.failureQueue.title",
+  pageGroup: "Workflows",
+  pageGroupKey: "workflows.module.name",
+  pagePriority: 20,
+  pageOrder: 115,
+  icon: "triangle-alert",
+  breadcrumb: [
+    { label: "Workflows", labelKey: "workflows.module.name" },
+    { label: "Instances", labelKey: "workflows.instances.plural" },
+    { label: "Failure Queue", labelKey: "workflows.failureQueue.title" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map