@burdenoff/fluidgrids-fe-sdk 2026.1029.6 → 2026.1029.8

package/dist/{chunk-63ZMEHZ4.js → chunk-TJ6RUV4R.js}

@@ -1,12 +1,13 @@
-import { buildNodeDisplayMap, ExecutionStatusBadge, formatRunVersion, NodeTimeline, RunLogViewer } from './chunk-4XAPSIHY.js';
-import { useExecution, useExecutionActions, useAutoRefresh } from './chunk-57RS7DXZ.js';
-import { fetchRunFailureClusters, OPEN_STATUSES, dismissRunFailureCluster, BUCKET_LABELS } from './chunk-MDPBO52Q.js';
-import { useRunPolicyDecisions, RunPolicyDecisions } from './chunk-H364USFF.js';
-import { useDurableRunFields, useRunHistory, useDeterminismStatus, useRunStackTrace, EntityTagPicker, RunHistoryView, SignalRunDialog, terminateDurableRun, useWorkflowProposal, WorkflowProposalCard } from './chunk-WTGBHE3J.js';
+import { useDurableParityRunFields, buildNodeDisplayMap, useRunMetadata, useRunPending, ExecutionStatusBadge, formatRunVersion, NodeTimeline, RunLogViewer, setRunVersioningOverride } from './chunk-UWNCFMHV.js';
+import { useExecution, useExecutionActions, useAutoRefresh, runChainLinks, shortRunId, callbackTone, parseMetadataDefinition, overrideRequestOf } from './chunk-HWEKWYXQ.js';
+import { fetchRunFailureClusters, OPEN_STATUSES, dismissRunFailureCluster, BUCKET_LABELS } from './chunk-V5PA5KGV.js';
+import { useRunPolicyDecisions, RunPolicyDecisions } from './chunk-UIDJT3YK.js';
+import { useDurableRunFields, useRunHistory, useDeterminismStatus, useRunStackTrace, EntityTagPicker, RunHistoryView, SignalRunDialog, terminateDurableRun, useWorkflowProposal, WorkflowProposalCard } from './chunk-T22LICGX.js';
 import { AiCreditBalanceSlot } from './chunk-Y53CVZVV.js';
-import { throwIfResultError, useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, useDurableFunctionNodesEnabled, runSignalTargets, canSignalRun } from './chunk-4TGUNOQQ.js';
-import { getFluidGridsConfig } from './chunk-CY6KX4RG.js';
-import { RunLogsDocument, RunLogAppendedDocument, ExplainRunDocument } from './chunk-7PP6CRXS.js';
+import { useWorkflowVersions } from './chunk-G3KZOX52.js';
+import { throwIfResultError, useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, useDurableFunctionNodesEnabled, useDurableParityEnabled, runSignalTargets, canSignalRun, describeOperationError } from './chunk-NAYPOEYM.js';
+import { getFluidGridsConfig } from './chunk-6AMNEX2Y.js';
+import { RunLogsDocument, RunLogAppendedDocument, ExplainRunDocument } from './chunk-GQTEHWWY.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient, getFluidGridsClientSafe } from './chunk-NTWG3CJX.js';
 import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
@@ -18,6 +19,8 @@ import { Card, CardHeader, Badge, CardContent, Label, Textarea, AlertDialog, Ale
 import { useActorProfiles, buildActorFallback } from '@burdenoff/fe-libs/shared';
 import { gql } from '@apollo/client';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import ReactMarkdown from 'react-markdown';
+import { cn } from '@burdenoff/fe-libs/utils';
 
 var POLL_INTERVAL_MS = 2e3;
 var PAGE_SIZE = 500;
@@ -1248,11 +1251,130 @@ function DurableDeterminismBanner({
     }
   );
 }
+var SAFE_LINK = /^(https?:|mailto:)/i;
+function safeMarkdownHref(url) {
+  const value = url.trim();
+  return SAFE_LINK.test(value) ? value : void 0;
+}
+var COMPONENTS = {
+  h1: ({ children }) => /* @__PURE__ */ jsx("p", { className: "mb-1 mt-2 text-sm font-semibold text-text-primary", children }),
+  h2: ({ children }) => /* @__PURE__ */ jsx("p", { className: "mb-1 mt-2 text-sm font-semibold text-text-primary", children }),
+  h3: ({ children }) => /* @__PURE__ */ jsx("p", { className: "mb-1 mt-2 text-xs font-semibold uppercase tracking-wide text-text-secondary", children }),
+  p: ({ children }) => /* @__PURE__ */ jsx("p", { className: "mb-2 last:mb-0", children }),
+  ul: ({ children }) => /* @__PURE__ */ jsx("ul", { className: "mb-2 list-disc space-y-0.5 pl-5 last:mb-0", children }),
+  ol: ({ children }) => /* @__PURE__ */ jsx("ol", { className: "mb-2 list-decimal space-y-0.5 pl-5 last:mb-0", children }),
+  a: ({ children, href }) => {
+    const safe = href ? safeMarkdownHref(href) : void 0;
+    return safe ? /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: safe,
+        target: "_blank",
+        rel: "noreferrer noopener",
+        className: "text-text-link underline underline-offset-2 hover:text-text-linkHover",
+        children
+      }
+    ) : /* @__PURE__ */ jsx("span", { children });
+  },
+  img: ({ alt }) => /* @__PURE__ */ jsx("span", { children: alt ?? "" }),
+  code: ({ children }) => /* @__PURE__ */ jsx("code", { className: "rounded bg-background-tertiary px-1 py-0.5 font-mono text-xs text-text-primary", children }),
+  pre: ({ children }) => /* @__PURE__ */ jsx("pre", { className: "mb-2 overflow-auto rounded bg-background-tertiary p-2 font-mono text-xs", children }),
+  hr: () => /* @__PURE__ */ jsx("hr", { className: "my-2 border-border-secondary" })
+};
+function urlTransform(url, key) {
+  if (key === "src") return void 0;
+  return safeMarkdownHref(url);
+}
+function RunMarkdown({
+  text,
+  "data-testid": testId
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": testId,
+      className: "break-words text-sm leading-relaxed text-text-primary",
+      children: /* @__PURE__ */ jsx(
+        ReactMarkdown,
+        {
+          components: COMPONENTS,
+          skipHtml: true,
+          urlTransform,
+          children: text
+        }
+      )
+    }
+  );
+}
+function HandlerList({
+  title,
+  handlers,
+  testId
+}) {
+  if (handlers.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { "data-testid": testId, children: [
+    /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium uppercase tracking-wide text-text-secondary", children: title }),
+    /* @__PURE__ */ jsx("ul", { className: "mt-1 space-y-0.5", children: handlers.map((handler) => /* @__PURE__ */ jsxs("li", { className: "text-xs text-text-primary", children: [
+      /* @__PURE__ */ jsx("code", { className: "font-mono", children: handler.name }),
+      handler.description && /* @__PURE__ */ jsxs("span", { className: "text-text-secondary", children: [
+        " ",
+        "\xB7 ",
+        handler.description
+      ] })
+    ] }, handler.name)) })
+  ] });
+}
+function MetadataSection({ metadata }) {
+  const tr = useTr();
+  const definition = parseMetadataDefinition(metadata.definition);
+  const hasHandlers = definition.signals.length > 0 || definition.queries.length > 0 || definition.updates.length > 0;
+  if (!hasHandlers && !metadata.currentDetails) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "waiting-at-metadata",
+      className: "mt-3 space-y-3 border-t border-border-secondary pt-3",
+      children: [
+        metadata.currentDetails && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium uppercase tracking-wide text-text-secondary", children: tr("fluidgrids.executions.waitingAt.currentDetails", "Now") }),
+          /* @__PURE__ */ jsx(RunMarkdown, { text: metadata.currentDetails })
+        ] }),
+        hasHandlers && /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-3", children: [
+          /* @__PURE__ */ jsx(
+            HandlerList,
+            {
+              title: tr("fluidgrids.executions.waitingAt.signals", "Signals"),
+              handlers: definition.signals,
+              testId: "waiting-at-signals"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            HandlerList,
+            {
+              title: tr("fluidgrids.executions.waitingAt.queries", "Queries"),
+              handlers: definition.queries,
+              testId: "waiting-at-queries"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            HandlerList,
+            {
+              title: tr("fluidgrids.executions.waitingAt.updates", "Updates"),
+              handlers: definition.updates,
+              testId: "waiting-at-updates"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 function WaitingAtPanel({
   trace,
   loading,
   error,
-  onRefresh
+  onRefresh,
+  metadata
 }) {
   const tr = useTr();
   return /* @__PURE__ */ jsxs(
@@ -1296,7 +1418,8 @@ function WaitingAtPanel({
         ] }) : loading && trace === null ? /* @__PURE__ */ jsx("div", { className: "h-12 animate-pulse rounded bg-background-tertiary" }) : trace ? /* @__PURE__ */ jsx("pre", { className: "max-h-64 overflow-auto whitespace-pre-wrap break-words font-mono text-xs text-text-primary", children: trace }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: tr(
           "fluidgrids.executions.waitingAt.none",
           "The run is not waiting on anything right now."
-        ) })
+        ) }),
+        !error && metadata && /* @__PURE__ */ jsx(MetadataSection, { metadata })
       ]
     }
   );
@@ -1307,6 +1430,724 @@ function resolveDetailTab(selection, runId, available, fallback) {
   if (selection.runId !== runId) return fallback;
   return available.includes(selection.tab) ? selection.tab : fallback;
 }
+function formatTime(value) {
+  if (!value) return null;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return null;
+  return date.toLocaleString("en-US", {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+  });
+}
+function pendingValueText(value) {
+  if (value === null || value === void 0) return null;
+  if (typeof value === "string") return value;
+  if (typeof value === "object" && !Array.isArray(value) && "message" in value) {
+    const message = value.message;
+    if (typeof message === "string" && message.trim()) return message;
+  }
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return null;
+  }
+}
+function isPendingEmpty(pending) {
+  return pending.activities.length === 0 && pending.children.length === 0 && pending.timers.length === 0 && pending.bufferedSignals === 0 && !pending.workflowTask;
+}
+var STATE_CLASS = {
+  STARTED: "border-[var(--color-status-info-border)] bg-[var(--color-status-info-bg-subtle)] text-[var(--color-status-info-text)]",
+  RUNNING: "border-[var(--color-status-info-border)] bg-[var(--color-status-info-bg-subtle)] text-[var(--color-status-info-text)]",
+  BACKOFF: "border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bg-subtle)] text-[var(--color-status-warning-text)]",
+  CANCEL_REQUESTED: "border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bg-subtle)] text-[var(--color-status-warning-text)]"
+};
+var NEUTRAL_STATE = "border-border-secondary bg-background-tertiary text-text-secondary";
+function StateChip({ state }) {
+  if (!state) return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "shrink-0 rounded border px-1.5 py-0.5 text-xs",
+        STATE_CLASS[state] ?? NEUTRAL_STATE
+      ),
+      children: state
+    }
+  );
+}
+function RunPendingCard({
+  pending,
+  loading,
+  error,
+  onRefresh,
+  onViewChildRun
+}) {
+  const tr = useTr();
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-testid": "run-pending-card",
+      className: "mb-6 rounded-lg border border-border-secondary bg-background-secondary p-4",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: "mdi:progress-clock",
+              width: 18,
+              className: "text-text-secondary"
+            }
+          ),
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-text-primary", children: tr("fluidgrids.executions.pending.title", "Waiting on") }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "ml-auto",
+              onClick: onRefresh,
+              disabled: loading,
+              children: [
+                /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-1", width: 14 }),
+                tr("fluidgrids.executions.pending.refresh", "Refresh")
+              ]
+            }
+          )
+        ] }),
+        error ? /* @__PURE__ */ jsxs(
+          "p",
+          {
+            role: "alert",
+            className: "text-sm text-[var(--color-status-error-text)]",
+            children: [
+              tr(
+                "fluidgrids.executions.pending.error",
+                "Could not read what the run is waiting on:"
+              ),
+              " ",
+              error
+            ]
+          }
+        ) : !pending ? loading ? /* @__PURE__ */ jsx("div", { className: "h-12 animate-pulse rounded bg-background-tertiary" }) : null : isPendingEmpty(pending) ? /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: tr(
+          "fluidgrids.executions.pending.none",
+          "Nothing is outstanding right now."
+        ) }) : /* @__PURE__ */ jsxs("div", { className: "space-y-3 text-sm", children: [
+          pending.workflowTask && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-testid": "pending-workflow-task",
+              className: "flex flex-wrap items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: "mdi:cog-sync-outline",
+                    width: 16,
+                    className: "text-text-secondary"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: tr(
+                  "fluidgrids.executions.pending.workflowTask",
+                  "Workflow task"
+                ) }),
+                /* @__PURE__ */ jsx(StateChip, { state: pending.workflowTask.state }),
+                pending.workflowTask.attempt > 1 && /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr(
+                  "fluidgrids.executions.pending.attempt",
+                  "attempt {{attempt}}",
+                  { attempt: pending.workflowTask.attempt }
+                ) }),
+                pending.workflowTask.failureCause && /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--color-status-error-text)]", children: pending.workflowTask.failureCause })
+              ]
+            }
+          ),
+          pending.activities.length > 0 && /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border-secondary rounded-md border border-border-secondary", children: pending.activities.map((activity) => {
+            const failure = pendingValueText(activity.lastFailure);
+            const heartbeat = pendingValueText(activity.heartbeatDetails);
+            const next = formatTime(activity.nextAttemptAt);
+            return /* @__PURE__ */ jsxs(
+              "li",
+              {
+                "data-testid": `pending-activity-${activity.activityId}`,
+                className: "px-3 py-2",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: "mdi:lightning-bolt-outline",
+                        width: 16,
+                        className: "text-text-secondary"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-medium text-text-primary", children: activity.summary || activity.activityType }),
+                    /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: activity.maxAttempts ? tr(
+                      "fluidgrids.executions.pending.attemptOf",
+                      "attempt {{attempt}} of {{max}}",
+                      {
+                        attempt: activity.attempt,
+                        max: activity.maxAttempts
+                      }
+                    ) : tr(
+                      "fluidgrids.executions.pending.attempt",
+                      "attempt {{attempt}}",
+                      { attempt: activity.attempt }
+                    ) }),
+                    /* @__PURE__ */ jsx(StateChip, { state: activity.state })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "mt-1 space-y-0.5 pl-6 text-xs text-text-secondary", children: [
+                    activity.summary && /* @__PURE__ */ jsx("p", { className: "font-mono", children: activity.activityType }),
+                    next && /* @__PURE__ */ jsx("p", { children: tr(
+                      "fluidgrids.executions.pending.nextAttempt",
+                      "Next attempt {{time}}",
+                      { time: next }
+                    ) }),
+                    heartbeat && /* @__PURE__ */ jsxs("p", { className: "truncate", title: heartbeat, children: [
+                      tr(
+                        "fluidgrids.executions.pending.heartbeat",
+                        "Heartbeat:"
+                      ),
+                      " ",
+                      heartbeat
+                    ] }),
+                    failure && /* @__PURE__ */ jsxs(
+                      "p",
+                      {
+                        className: "truncate text-[var(--color-status-error-text)]",
+                        title: failure,
+                        children: [
+                          tr(
+                            "fluidgrids.executions.pending.lastFailure",
+                            "Last failure:"
+                          ),
+                          " ",
+                          failure
+                        ]
+                      }
+                    )
+                  ] })
+                ]
+              },
+              activity.activityId
+            );
+          }) }),
+          pending.timers.length > 0 && /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: pending.timers.map((timer) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              "data-testid": `pending-timer-${timer.timerId}`,
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: "mdi:timer-sand",
+                    width: 16,
+                    className: "text-text-secondary"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: timer.summary || tr("fluidgrids.executions.pending.timer", "Timer") }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr(
+                  "fluidgrids.executions.pending.firesAt",
+                  "fires {{time}}",
+                  { time: formatTime(timer.fireAt) ?? timer.fireAt }
+                ) })
+              ]
+            },
+            timer.timerId
+          )) }),
+          pending.children.length > 0 && /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: pending.children.map((child) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              "data-testid": `pending-child-${child.runId}`,
+              className: "flex flex-wrap items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: "mdi:source-branch",
+                    width: 16,
+                    className: "text-text-secondary"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: child.workflowKey }),
+                /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-text-secondary", children: shortRunId(child.runId) }),
+                /* @__PURE__ */ jsx(StateChip, { state: child.status }),
+                onViewChildRun && /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => onViewChildRun(child.runId),
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Icon,
+                        {
+                          icon: "mdi:open-in-new",
+                          className: "mr-1",
+                          width: 14
+                        }
+                      ),
+                      tr("fluidgrids.executions.pending.openChild", "Open")
+                    ]
+                  }
+                )
+              ]
+            },
+            child.runId
+          )) }),
+          pending.bufferedSignals > 0 && /* @__PURE__ */ jsxs(
+            "p",
+            {
+              "data-testid": "pending-buffered-signals",
+              className: "flex items-center gap-2 text-text-secondary",
+              children: [
+                /* @__PURE__ */ jsx(Icon, { icon: "mdi:bell-ring-outline", width: 16 }),
+                tr(
+                  "fluidgrids.executions.pending.bufferedSignals",
+                  "{{count}} signals waiting for a Wait for Signal node",
+                  { count: pending.bufferedSignals }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var TONE_CLASS = {
+  success: "border-[var(--color-status-success-border)] bg-[var(--color-status-success-bg-subtle)] text-[var(--color-status-success-text)]",
+  error: "border-[var(--color-status-error-border)] bg-[var(--color-status-error-bg-subtle)] text-[var(--color-status-error-text)]",
+  info: "border-[var(--color-status-info-border)] bg-[var(--color-status-info-bg-subtle)] text-[var(--color-status-info-text)]",
+  neutral: "border-border-secondary bg-background-tertiary text-text-secondary"
+};
+var LINK_LABELS = {
+  first: ["fluidgrids.executions.parity.firstRun", "First run"],
+  previous: ["fluidgrids.executions.parity.previousRun", "Continues"],
+  next: ["fluidgrids.executions.parity.nextRun", "Continued by"],
+  root: ["fluidgrids.executions.parity.rootRun", "Root run"]
+};
+function formatDateTime(value) {
+  if (!value) return null;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return null;
+  return date.toLocaleString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+  });
+}
+function Row({
+  label,
+  children,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": testId,
+      className: "flex flex-col gap-1 border-b border-border-secondary py-2 sm:flex-row sm:items-center sm:justify-between sm:gap-4",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm text-text-secondary", children: label }),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 text-sm text-text-primary sm:text-right", children })
+      ]
+    }
+  );
+}
+function RunParityPanel({
+  run,
+  open,
+  durable,
+  canOverride,
+  onOverride
+}) {
+  const tr = useTr();
+  const links = runChainLinks(run);
+  const callback = run.completionCallback;
+  const versioning = durable ? run.versioning : null;
+  const deadlines = [
+    [
+      tr("fluidgrids.executions.parity.startDelayUntil", "Starts at"),
+      formatDateTime(run.startDelayUntil)
+    ],
+    [
+      tr("fluidgrids.executions.parity.runTimeoutAt", "Run timeout"),
+      formatDateTime(run.runTimeoutAt)
+    ],
+    [
+      tr(
+        "fluidgrids.executions.parity.executionTimeoutAt",
+        "Execution timeout"
+      ),
+      formatDateTime(run.executionTimeoutAt)
+    ]
+  ];
+  const shownDeadlines = deadlines.filter(([, value]) => value !== null);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-testid": "run-parity-panel",
+      className: "mb-6 rounded-lg border border-border-secondary bg-background-secondary p-4",
+      children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          run.businessId && /* @__PURE__ */ jsx(
+            Row,
+            {
+              label: tr("fluidgrids.executions.parity.workflowId", "Workflow ID"),
+              testId: "run-parity-workflow-id",
+              children: /* @__PURE__ */ jsx("code", { className: "break-all font-mono", children: run.businessId })
+            }
+          ),
+          links.length > 0 && /* @__PURE__ */ jsx(
+            Row,
+            {
+              label: tr("fluidgrids.executions.parity.chain", "Chain"),
+              testId: "run-parity-chain",
+              children: /* @__PURE__ */ jsx("span", { className: "flex flex-wrap gap-x-3 gap-y-1 sm:justify-end", children: links.map((link) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(...LINK_LABELS[link.kind]) }),
+                /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    to: `../runs/${encodeURIComponent(link.runId)}`,
+                    className: "font-mono text-text-link hover:text-text-linkHover hover:underline",
+                    "data-testid": `run-chain-${link.kind}`,
+                    title: link.runId,
+                    children: shortRunId(link.runId)
+                  }
+                )
+              ] }, link.kind)) })
+            }
+          ),
+          (run.runAttempt > 1 || run.priority !== 3) && /* @__PURE__ */ jsx(
+            Row,
+            {
+              label: tr(
+                "fluidgrids.executions.parity.attemptPriority",
+                "Attempt \xB7 priority"
+              ),
+              children: tr(
+                "fluidgrids.executions.parity.attemptPriorityValue",
+                "attempt {{attempt}} \xB7 priority {{priority}}",
+                { attempt: run.runAttempt, priority: run.priority }
+              )
+            }
+          ),
+          shownDeadlines.map(([label, value]) => /* @__PURE__ */ jsx(Row, { label, children: value }, label)),
+          callback && /* @__PURE__ */ jsx(
+            Row,
+            {
+              label: tr(
+                "fluidgrids.executions.parity.callback",
+                "Completion callback"
+              ),
+              testId: "run-parity-callback",
+              children: /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-center gap-2 sm:justify-end", children: [
+                /* @__PURE__ */ jsx("code", { className: "break-all font-mono text-xs", children: callback.url }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "rounded border px-1.5 py-0.5 text-xs",
+                      TONE_CLASS[callbackTone(callback.status)]
+                    ),
+                    "data-testid": "run-parity-callback-status",
+                    children: callback.status
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { className: "text-xs text-text-secondary", children: [
+                  tr(
+                    "fluidgrids.executions.parity.callbackAttempts",
+                    "{{count}} attempts",
+                    { count: callback.attempts }
+                  ),
+                  callback.lastStatusCode ? ` \xB7 HTTP ${callback.lastStatusCode}` : ""
+                ] }),
+                callback.lastError && callback.status !== "DELIVERED" && /* @__PURE__ */ jsx("span", { className: "w-full text-xs text-[var(--color-status-error-text)]", children: callback.lastError }),
+                callback.nextAttemptAt && callback.status === "PENDING" && /* @__PURE__ */ jsx("span", { className: "w-full text-xs text-text-secondary", children: tr(
+                  "fluidgrids.executions.parity.callbackNext",
+                  "Next attempt {{time}}",
+                  {
+                    time: formatDateTime(callback.nextAttemptAt) ?? callback.nextAttemptAt
+                  }
+                ) })
+              ] })
+            }
+          ),
+          versioning && /* @__PURE__ */ jsx(
+            Row,
+            {
+              label: tr("fluidgrids.executions.parity.versioning", "Versioning"),
+              testId: "run-parity-versioning",
+              children: /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-center gap-2 sm:justify-end", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "rounded border border-border-secondary bg-background-tertiary px-1.5 py-0.5 text-xs",
+                    "data-testid": "run-parity-behavior",
+                    children: versioning.behavior === "AUTO_UPGRADE" /* AutoUpgrade */ ? tr(
+                      "fluidgrids.executions.parity.autoUpgrade",
+                      "Auto-upgrade"
+                    ) : tr("fluidgrids.executions.parity.pinned", "Pinned")
+                  }
+                ),
+                versioning.override && /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr("fluidgrids.executions.parity.overridden", "overridden") }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr(
+                  "fluidgrids.executions.parity.servedBy",
+                  "served by {{version}}",
+                  { version: versioning.servingVersion }
+                ) }),
+                versioning.heldFromVersion && /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr(
+                  "fluidgrids.executions.parity.heldFrom",
+                  "will not move back to {{version}}",
+                  { version: versioning.heldFromVersion }
+                ) }),
+                versioning.pendingOverride && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "text-xs text-[var(--color-status-info-text)]",
+                    "data-testid": "run-parity-pending-override",
+                    children: tr(
+                      "fluidgrids.executions.parity.pendingOverride",
+                      "replay check {{status}}",
+                      { status: versioning.pendingOverride.status }
+                    )
+                  }
+                ),
+                open && canOverride && /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: onOverride,
+                    "data-testid": "run-override-button",
+                    children: [
+                      /* @__PURE__ */ jsx(Icon, { icon: "mdi:pin-outline", className: "mr-1", width: 14 }),
+                      tr("fluidgrids.executions.parity.overrideButton", "Change")
+                    ]
+                  }
+                )
+              ] })
+            }
+          )
+        ] }),
+        run.details && /* @__PURE__ */ jsxs("div", { className: "mt-4", "data-testid": "run-parity-details", children: [
+          /* @__PURE__ */ jsx("h3", { className: "mb-1 text-sm font-medium text-text-secondary", children: tr("fluidgrids.executions.parity.details", "Details") }),
+          /* @__PURE__ */ jsx(RunMarkdown, { text: run.details })
+        ] }),
+        run.currentDetails && /* @__PURE__ */ jsxs("div", { className: "mt-4", "data-testid": "run-parity-current-details", children: [
+          /* @__PURE__ */ jsx("h3", { className: "mb-1 text-sm font-medium text-text-secondary", children: tr("fluidgrids.executions.parity.currentDetails", "Now") }),
+          /* @__PURE__ */ jsx(RunMarkdown, { text: run.currentDetails })
+        ] })
+      ]
+    }
+  );
+}
+function hasParityDetails(run, durable) {
+  return Boolean(
+    run.businessId || runChainLinks(run).length > 0 || run.runAttempt > 1 || run.priority !== 3 || run.startDelayUntil || run.runTimeoutAt || run.executionTimeoutAt || run.completionCallback || run.details || run.currentDetails || durable && run.versioning
+  );
+}
+function initialChoice(current) {
+  if (current?.override?.behavior === "AUTO_UPGRADE" /* AutoUpgrade */)
+    return "autoUpgrade";
+  return "pin";
+}
+function RunVersioningOverrideDialog({
+  open,
+  onOpenChange,
+  runId,
+  versions,
+  current,
+  onChanged
+}) {
+  const tr = useTr();
+  const [choice, setChoice] = useState(
+    () => initialChoice(current)
+  );
+  const [version, setVersion] = useState(current?.servingVersion ?? "");
+  const [reason, setReason] = useState("");
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!open) return;
+    setChoice(initialChoice(current));
+    setVersion(current?.override?.version ?? current?.servingVersion ?? "");
+    setReason("");
+    setError(null);
+  }, [open, current]);
+  const submit = async () => {
+    const request = overrideRequestOf(choice, version);
+    if (!request.ok) {
+      setError(
+        tr(
+          "fluidgrids.executions.override.versionRequired",
+          "Choose the version to pin the run to."
+        )
+      );
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    try {
+      const versioning = await setRunVersioningOverride({
+        runId,
+        override: request.override,
+        reason
+      });
+      toast.success(
+        versioning?.pendingOverride ? tr(
+          "fluidgrids.executions.override.checkQueued",
+          "Replay check started; the run moves once it passes"
+        ) : tr("fluidgrids.executions.override.saved", "Override saved")
+      );
+      onChanged(versioning);
+      onOpenChange(false);
+    } catch (err) {
+      setError(describeOperationError(err));
+    } finally {
+      setSaving(false);
+    }
+  };
+  const options = [
+    {
+      id: "pin",
+      label: tr("fluidgrids.executions.override.pin", "Pin to a version"),
+      hint: tr(
+        "fluidgrids.executions.override.pinHint",
+        "The run keeps that version's bundle. A different bundle is replay-checked first."
+      )
+    },
+    {
+      id: "autoUpgrade",
+      label: tr("fluidgrids.executions.override.autoUpgrade", "Auto-upgrade"),
+      hint: tr(
+        "fluidgrids.executions.override.autoUpgradeHint",
+        "Each new workflow task uses the active version's bundle, after a replay check."
+      )
+    },
+    {
+      id: "remove",
+      label: tr("fluidgrids.executions.override.remove", "Remove override"),
+      hint: tr(
+        "fluidgrids.executions.override.removeHint",
+        "The run follows the behaviour it started with. A pinned run keeps its bundle."
+      )
+    }
+  ];
+  return /* @__PURE__ */ jsx(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(AlertDialogContent, { "data-testid": "run-override-dialog", children: [
+    /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+      /* @__PURE__ */ jsx(AlertDialogTitle, { children: tr(
+        "fluidgrids.executions.override.title",
+        "Change the run's versioning"
+      ) }),
+      /* @__PURE__ */ jsx(AlertDialogDescription, { children: tr(
+        "fluidgrids.executions.override.description",
+        "This changes which code bundle serves this run from its next workflow task. The change is recorded in the run's history."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("fieldset", { className: "space-y-2", disabled: saving, children: [
+      options.map((option) => /* @__PURE__ */ jsxs(
+        "label",
+        {
+          className: "flex cursor-pointer gap-2 rounded-md border border-border-secondary p-2",
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "radio",
+                name: "run-override",
+                value: option.id,
+                checked: choice === option.id,
+                onChange: () => setChoice(option.id),
+                "data-testid": `run-override-${option.id}`,
+                className: "mt-1"
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium text-text-primary", children: option.label }),
+              /* @__PURE__ */ jsx("span", { className: "block text-xs text-text-secondary", children: option.hint })
+            ] })
+          ]
+        },
+        option.id
+      )),
+      choice === "pin" && /* @__PURE__ */ jsxs("label", { className: "block text-sm text-text-secondary", children: [
+        tr("fluidgrids.executions.override.version", "Version"),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: version,
+            onChange: (event) => setVersion(event.target.value),
+            className: "mt-1 h-9 w-full rounded-md border border-border-secondary bg-background-primary px-2 text-sm text-text-primary",
+            "data-testid": "run-override-version",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: tr(
+                "fluidgrids.executions.override.chooseVersion",
+                "Choose a version"
+              ) }),
+              versions.map((value) => /* @__PURE__ */ jsx("option", { value, children: value }, value))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block text-sm text-text-secondary", children: [
+        tr("fluidgrids.executions.override.reason", "Reason (optional)"),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: reason,
+            maxLength: 500,
+            onChange: (event) => setReason(event.target.value),
+            className: "mt-1",
+            "data-testid": "run-override-reason"
+          }
+        )
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx(
+      "p",
+      {
+        role: "alert",
+        className: "text-sm text-[var(--color-status-error-text)]",
+        children: error
+      }
+    ),
+    /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+      /* @__PURE__ */ jsx(AlertDialogCancel, { disabled: saving, children: tr("fluidgrids.executions.override.cancel", "Cancel") }),
+      /* @__PURE__ */ jsx(
+        AlertDialogAction,
+        {
+          "data-agent": "confirm",
+          disabled: saving,
+          onClick: (event) => {
+            event.preventDefault();
+            void submit();
+          },
+          children: saving ? tr("fluidgrids.executions.override.saving", "Saving\u2026") : tr("fluidgrids.executions.override.confirm", "Apply")
+        }
+      )
+    ] })
+  ] }) });
+}
+function RunVersioningOverrideDialogHost({
+  workflowKey,
+  ...props
+}) {
+  const { versions } = useWorkflowVersions(workflowKey);
+  return /* @__PURE__ */ jsx(
+    RunVersioningOverrideDialog,
+    {
+      ...props,
+      open: true,
+      versions: versions.map((definition) => definition.version)
+    }
+  );
+}
 var ALL_DETAIL_TABS = [
   "timeline",
   "history",
@@ -1344,7 +2185,9 @@ function ExecutionDetailPage() {
     FLUIDGRIDS_PERMISSIONS.WORKFLOW_PUBLISH
   );
   const durableEnabled = useDurableFunctionNodesEnabled();
+  const parityEnabled = useDurableParityEnabled();
   const [showSignalDialog, setShowSignalDialog] = useState(false);
+  const [showOverrideDialog, setShowOverrideDialog] = useState(false);
   const [minLogLevel, setMinLogLevel] = useState(null);
   const {
     execution: baseExecution,
@@ -1358,9 +2201,15 @@ function ExecutionDetailPage() {
     [baseExecution, durableFields.fields]
   );
   const refetchDurableFields = durableFields.refetch;
+  const parityFields = useDurableParityRunFields(runId, parityEnabled);
+  const refetchParityFields = parityFields.refetch;
   const refetch = useCallback(async () => {
-    await Promise.all([refetchExecution(), refetchDurableFields()]);
-  }, [refetchExecution, refetchDurableFields]);
+    await Promise.all([
+      refetchExecution(),
+      refetchDurableFields(),
+      refetchParityFields()
+    ]);
+  }, [refetchExecution, refetchDurableFields, refetchParityFields]);
   const runCanChange = execution?.status === "RUNNING" || execution?.status === "PENDING" || execution?.status === "WAITING";
   const {
     items: humanRequests,
@@ -1444,10 +2293,20 @@ function ExecutionDetailPage() {
     enabled: isDurableRun && runCanChange,
     live: isActive
   });
-  const stackTrace = useRunStackTrace(
-    runId,
-    isDurableRun && runCanChange && activeTab === "history"
-  );
+  const waitingAtShown = isDurableRun && runCanChange && activeTab === "history";
+  const stackTrace = useRunStackTrace(runId, waitingAtShown && !parityEnabled);
+  const runMetadata = useRunMetadata(runId, waitingAtShown && parityEnabled);
+  const waitingAt = parityEnabled ? {
+    trace: runMetadata.answer?.trace ?? null,
+    loading: runMetadata.loading,
+    error: runMetadata.error,
+    refetch: runMetadata.refetch
+  } : stackTrace;
+  const runPending = useRunPending(runId, {
+    enabled: parityEnabled && runCanChange,
+    live: isActive
+  });
+  const parityRun = parityEnabled && execution && parityFields.fields?.id === execution.id ? parityFields.fields : null;
   const signalTargets = useMemo(
     () => durableEnabled && execution ? runSignalTargets(execution) : { targets: [], openNames: false },
     [durableEnabled, execution]
@@ -1548,7 +2407,7 @@ function ExecutionDetailPage() {
       return `${Math.round(ms / 6e4)}m ${Math.round(ms % 6e4 / 1e3)}s`;
     return `${Math.round(ms / 36e5)}h ${Math.round(ms % 36e5 / 6e4)}m`;
   };
-  const formatDateTime = (dateStr) => {
+  const formatDateTime2 = (dateStr) => {
     if (!dateStr) return "-";
     const date = new Date(dateStr);
     return date.toLocaleString("en-US", {
@@ -1735,6 +2594,14 @@ function ExecutionDetailPage() {
             "Sub-Workflow"
           ) })
         ] }),
+        parityRun?.summary && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "mb-2 text-sm text-text-primary",
+            "data-testid": "run-summary",
+            children: parityRun.summary
+          }
+        ),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 text-sm text-text-secondary", children: [
           /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ jsx(Icon, { icon: "mdi:identifier", width: 16 }),
@@ -1743,13 +2610,25 @@ function ExecutionDetailPage() {
               "..."
             ] })
           ] }),
+          parityRun?.businessId && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "flex items-center gap-1",
+              "data-testid": "run-workflow-id",
+              title: parityRun.businessId,
+              children: [
+                /* @__PURE__ */ jsx(Icon, { icon: "mdi:key-outline", width: 16 }),
+                /* @__PURE__ */ jsx("code", { className: "max-w-[16rem] truncate font-mono", children: parityRun.businessId })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ jsx(Icon, { icon: "mdi:tag-outline", width: 16 }),
             formatRunVersion(execution.version)
           ] }),
           /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ jsx(Icon, { icon: "mdi:clock-outline", width: 16 }),
-            formatDateTime(execution.startedAt || execution.createdAt)
+            formatDateTime2(execution.startedAt || execution.createdAt)
           ] })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "mt-3", "data-testid": "run-tags", children: /* @__PURE__ */ jsx(
@@ -2070,6 +2949,26 @@ function ExecutionDetailPage() {
         }
       }
     ),
+    parityRun && hasParityDetails(parityRun, isDurableRun) && /* @__PURE__ */ jsx(
+      RunParityPanel,
+      {
+        run: { ...parityRun, parentRunId: execution.parentRunId },
+        open: runCanChange,
+        durable: isDurableRun,
+        canOverride: canControlRuns,
+        onOverride: () => setShowOverrideDialog(true)
+      }
+    ),
+    parityEnabled && runCanChange && /* @__PURE__ */ jsx(
+      RunPendingCard,
+      {
+        pending: runPending.pending,
+        loading: runPending.loading,
+        error: runPending.error,
+        onRefresh: () => void runPending.refetch(),
+        onViewChildRun: handleViewChildRun
+      }
+    ),
     /* @__PURE__ */ jsx("div", { className: "border-b border-border-secondary mb-6", children: /* @__PURE__ */ jsx("nav", { className: "flex gap-4 -mb-px", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
       "button",
       {
@@ -2100,10 +2999,11 @@ function ExecutionDetailPage() {
         runCanChange && /* @__PURE__ */ jsx(
           WaitingAtPanel,
           {
-            trace: stackTrace.trace,
-            loading: stackTrace.loading,
-            error: stackTrace.error,
-            onRefresh: () => void stackTrace.refetch()
+            trace: waitingAt.trace,
+            loading: waitingAt.loading,
+            error: waitingAt.error,
+            onRefresh: () => void waitingAt.refetch(),
+            metadata: parityEnabled ? runMetadata.answer?.metadata : null
           }
         ),
         /* @__PURE__ */ jsx(
@@ -2117,7 +3017,8 @@ function ExecutionDetailPage() {
             truncated: runHistory.truncated,
             historyLength: runHistory.historyLength,
             onRefresh: () => void runHistory.refetch(),
-            onViewChildRun: handleViewChildRun
+            onViewChildRun: handleViewChildRun,
+            showBenign: parityEnabled
           }
         )
       ] }),
@@ -2261,21 +3162,21 @@ function ExecutionDetailPage() {
                 "fluidgrids.executions.executionDetail.createdRow",
                 "Created"
               ) }),
-              /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime(execution.createdAt) })
+              /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime2(execution.createdAt) })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
               /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
                 "fluidgrids.executions.executionDetail.startedRow",
                 "Started"
               ) }),
-              /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime(execution.startedAt) })
+              /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime2(execution.startedAt) })
             ] }),
             execution.completedAt && /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
               /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
                 "fluidgrids.executions.executionDetail.completedRow",
                 "Completed"
               ) }),
-              /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime(execution.completedAt) })
+              /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime2(execution.completedAt) })
             ] })
           ] })
         ] })
@@ -2294,6 +3195,16 @@ function ExecutionDetailPage() {
         }
       }
     ),
+    showOverrideDialog && parityRun && /* @__PURE__ */ jsx(
+      RunVersioningOverrideDialogHost,
+      {
+        workflowKey: execution.workflowKey,
+        runId: execution.id,
+        current: parityRun.versioning ?? null,
+        onOpenChange: setShowOverrideDialog,
+        onChanged: () => void refetch()
+      }
+    ),
     /* @__PURE__ */ jsx(
       AlertDialog,
       {