@sanity/workflow-studio-plugin 0.32.0 → 0.33.0

package/dist/_chunks-cjs/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), Timeline = require("@sanity/icons/Timeline"), ui = require("@sanity/ui"), workflowReact = require("@sanity/workflow-react"), react = require("react"), structure = require("sanity/structure"), workflowEngine = require("@sanity/workflow-engine"), Checkmark = require("@sanity/icons/Checkmark"), Close = require("@sanity/icons/Close"), formatDistanceToNow = require("date-fns/formatDistanceToNow"), workflowComponents = require("@sanity/workflow-components"), csm = require("@sanity/client/csm"), telemetry = require("@sanity/telemetry"), workflowStudio = require("@sanity/workflow-studio"), sanity = require("sanity"), Calendar = require("@sanity/icons/Calendar"), User = require("@sanity/icons/User"), Search = require("@sanity/icons/Search"), Edit = require("@sanity/icons/Edit"), content = require("@sanity/util/content"), InfoOutline = require("@sanity/icons/InfoOutline"), Document = require("@sanity/icons/Document"), WarningOutline = require("@sanity/icons/WarningOutline"), router = require("sanity/router"), types = require("@sanity/types"), Launch = require("@sanity/icons/Launch"), ErrorOutline = require("@sanity/icons/ErrorOutline"), Empty$1 = require("@sanity/icons/Empty"), ErrorFilled = require("@sanity/icons/ErrorFilled"), RemoveCircle = require("@sanity/icons/RemoveCircle"), AddUser = require("@sanity/icons/AddUser"), Add = require("@sanity/icons/Add"), Ulist = require("@sanity/icons/Ulist"), CheckmarkCircle = require("@sanity/icons/CheckmarkCircle"), Bolt = require("@sanity/icons/Bolt"), ChevronDown = require("@sanity/icons/ChevronDown"), pluralize = require("pluralize-esm"), ChevronRight = require("@sanity/icons/ChevronRight"), styledComponents = require("styled-components"), EllipsisHorizontal = require("@sanity/icons/EllipsisHorizontal"), Clock = require("@sanity/icons/Clock"), Cog = require("@sanity/icons/Cog"), ArrowUp = require("@sanity/icons/ArrowUp"), rxjs = require("rxjs"), operators = require("rxjs/operators"), Transfer = require("@sanity/icons/Transfer");
+var jsxRuntime = require("react/jsx-runtime"), Timeline = require("@sanity/icons/Timeline"), ui = require("@sanity/ui"), workflowReact = require("@sanity/workflow-react"), react = require("react"), structure = require("sanity/structure"), workflowEngine = require("@sanity/workflow-engine"), Checkmark = require("@sanity/icons/Checkmark"), Close = require("@sanity/icons/Close"), workflowComponents = require("@sanity/workflow-components"), formatDistanceToNow = require("date-fns/formatDistanceToNow"), csm = require("@sanity/client/csm"), telemetry = require("@sanity/telemetry"), workflowStudio = require("@sanity/workflow-studio"), sanity = require("sanity"), Calendar = require("@sanity/icons/Calendar"), User = require("@sanity/icons/User"), Search = require("@sanity/icons/Search"), Edit = require("@sanity/icons/Edit"), content = require("@sanity/util/content"), InfoOutline = require("@sanity/icons/InfoOutline"), Document = require("@sanity/icons/Document"), WarningOutline = require("@sanity/icons/WarningOutline"), router = require("sanity/router"), types = require("@sanity/types"), observer = require("@sanity/workflow-react/observer"), Launch = require("@sanity/icons/Launch"), ErrorOutline = require("@sanity/icons/ErrorOutline"), AddUser = require("@sanity/icons/AddUser"), Add = require("@sanity/icons/Add"), Ulist = require("@sanity/icons/Ulist"), CheckmarkCircle = require("@sanity/icons/CheckmarkCircle"), Bolt = require("@sanity/icons/Bolt"), ChevronDown = require("@sanity/icons/ChevronDown"), pluralize = require("pluralize-esm"), ChevronRight = require("@sanity/icons/ChevronRight"), styledComponents = require("styled-components"), EllipsisHorizontal = require("@sanity/icons/EllipsisHorizontal"), Clock = require("@sanity/icons/Clock"), Cog = require("@sanity/icons/Cog"), ArrowUp = require("@sanity/icons/ArrowUp"), rxjs = require("rxjs"), operators = require("rxjs/operators"), Transfer = require("@sanity/icons/Transfer"), Users = require("@sanity/icons/Users"), reactVirtual = require("@tanstack/react-virtual");
 
 function _interopDefaultCompat(e) {
     return e && typeof e == "object" && "default" in e ? e : {
@@ -384,17 +384,6 @@ function formatDateTime(value) {
     return Number.isNaN(d.getTime()) ? "—" : d.toLocaleString();
 }
 
-function formatShortDateTime(value) {
-    const d = new Date(value);
-    return Number.isNaN(d.getTime()) ? "—" : d.toLocaleString(void 0, {
-        day: "numeric",
-        month: "short",
-        year: "numeric",
-        hour: "2-digit",
-        minute: "2-digit"
-    });
-}
-
 function formatTimeAgo(value) {
     const d = new Date(value);
     return Number.isNaN(d.getTime()) ? "" : formatDistanceToNow.formatDistanceToNow(d, {
@@ -402,32 +391,13 @@ function formatTimeAgo(value) {
     });
 }
 
-function formatShortAgo(value, now) {
-    const span = formatShortSpan(value, now);
-    return span === "—" ? "—" : span === "now" ? "just now" : `${span} ago`;
-}
-
-function formatShortSpan(value, now) {
-    return shortSpanOf(new Date(value), now);
-}
-
-function shortSpanOf(from, now) {
-    if (from === void 0 || Number.isNaN(from.getTime())) return "—";
-    const seconds = Math.floor((now.getTime() - from.getTime()) / 1e3);
-    if (seconds < 60) return "now";
-    const minutes = Math.floor(seconds / 60);
-    if (minutes < 60) return `${minutes}m`;
-    const hours = Math.floor(minutes / 60);
-    return hours < 24 ? `${hours}h` : `${Math.floor(hours / 24)}d`;
-}
-
 function stampFace(verb, at) {
     const ago = formatTimeAgo(at);
     return ago === "" ? {
-        lead: `${verb} ${formatShortDateTime(at)}`
+        lead: `${verb} ${workflowComponents._formatShortDateTime(at)}`
     } : {
         lead: `${verb} ${ago}`,
-        detail: formatShortDateTime(at)
+        detail: workflowComponents._formatShortDateTime(at)
     };
 }
 
@@ -442,7 +412,7 @@ function formatDate(value) {
 }
 
 function formatDueMoment(value) {
-    return storedDateKind(value) === "date" ? formatDate(value) : formatShortDateTime(value);
+    return storedDateKind(value) === "date" ? formatDate(value) : workflowComponents._formatShortDateTime(value);
 }
 
 function dueMomentSentence(value, now) {
@@ -1576,105 +1546,6 @@ function buildParams(decls, values) {
     };
 }
 
-const LOADING_CUE_DELAY_MS = 400;
-
-function useDelayedFlag(active, delayMs) {
-    const [held, setHeld] = react.useState(!1);
-    return react.useEffect(() => {
-        if (!active) {
-            setHeld(!1);
-            return;
-        }
-        const timer = setTimeout(() => setHeld(!0), delayMs);
-        return () => clearTimeout(timer);
-    }, [ active, delayMs ]), held && active;
-}
-
-const NEVER_MS = 2 ** 31 - 1, OPEN_DELAY_MS = 300;
-
-function HoverHint(props) {
-    return props.anchor !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(AnchoredHint, {
-        ...props
-    }) : /* @__PURE__ */ jsxRuntime.jsx(WrappingHint, {
-        ...props
-    });
-}
-
-function AnchoredHint(props) {
-    const {disabled: disabled = !1} = props, open = useDelayedFlag(props.open === !0 && !disabled, OPEN_DELAY_MS);
-    /* @__PURE__ */
-    return jsxRuntime.jsx(ui.Popover, {
-        animate: !0,
-        content: /* @__PURE__ */ jsxRuntime.jsx(HintBody, {
-            ...props
-        }),
-        open: open,
-        padding: hintPadding(props),
-        placement: props.placement ?? "top",
-        portal: !0,
-        radius: 3,
-        referenceElement: props.anchor
-    });
-}
-
-function hintPadding(props) {
-    return props.content !== void 0 && props.flush ? 0 : 2;
-}
-
-function WrappingHint(props) {
-    const {children: children, disabled: disabled = !1} = props;
-    /* @__PURE__ */
-    return jsxRuntime.jsx(ui.Tooltip, {
-        animate: !0,
-        content: disabled ? null : /* @__PURE__ */ jsxRuntime.jsx(HintBody, {
-            ...props
-        }),
-        delay: {
-            close: 0,
-            open: disabled ? NEVER_MS : OPEN_DELAY_MS
-        },
-        padding: hintPadding(props),
-        placement: props.placement ?? "top",
-        portal: !0,
-        radius: 3,
-        children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
-            "data-testid": props["data-testid"],
-            style: {
-                display: props.fill ? "flex" : "inline-flex",
-                maxWidth: "100%",
-                ...props.fill ? {
-                    width: "100%"
-                } : {}
-            },
-            children: children
-        })
-    });
-}
-
-function HintBody(props) {
-    /* @__PURE__ */
-    return jsxRuntime.jsx(ui.Box, {
-        style: {
-            maxWidth: props.content !== void 0 && props.wide ? 400 : 280
-        },
-        children: props.content !== void 0 ? props.content : /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, {
-            gap: 3,
-            children: [ 
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
-                size: 1,
-                ...props.textWeight === void 0 ? {} : {
-                    weight: props.textWeight
-                },
-                children: props.text
-            }), props.description === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
-                muted: !0,
-                size: 1,
-                children: props.description
-            }) ]
-        })
-    });
-}
-
 function textInputFacet(kind) {
     return kind === "number" || kind === "progress" ? {
         type: "number"
@@ -2083,7 +1954,7 @@ function DocRefsInput({value: value, onChange: onChange, types: types2}) {
                     type: ref.type
                 })
             }), 
-            /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+            /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
                 text: "Remove",
                 children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
                     "aria-label": "Remove",
@@ -2417,7 +2288,7 @@ function DisabledActionButton({actionEval: actionEval, activity: activity, chrom
         ...spanTriggerProps(chrome),
         disabled: !0
     });
-    return actionEval.disabledReason ? /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+    return actionEval.disabledReason ? /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
         text: describeDisabledReason(actionEval.disabledReason),
         children: button
     }) : button;
@@ -2439,7 +2310,7 @@ function PlainActionButton({actionEval: actionEval, instanceId: instanceId, acti
         surface: surface,
         tone: btn.tone
     });
-    return action.description ? /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+    return action.description ? /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
         text: action.description,
         children: button
     }) : button;
@@ -2619,10 +2490,10 @@ function InfoHint({content: content2, label: label}) {
         size: 0,
         children: /* @__PURE__ */ jsxRuntime.jsx(InfoOutline.InfoOutlineIcon, {})
     });
-    return typeof content2 == "string" ? /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+    return typeof content2 == "string" ? /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
         text: content2,
         children: icon
-    }) : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+    }) : /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
         content: content2,
         children: icon
     });
@@ -2722,6 +2593,8 @@ function FieldInput$1({kind: kind, value: value, onChange: onChange, onEnter: on
     }
 }
 
+const LOADING_CUE_DELAY_MS = 400;
+
 function isCompact(layout) {
     return layout === "inline" || layout === "row";
 }
@@ -2833,7 +2706,7 @@ function useChipTrim() {
 
 function LinkChip({hint: hint, children: children, as: as = "a", fill: fill = !1, ...anchorProps}) {
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         fill: fill,
         text: hint,
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
@@ -2859,6 +2732,8 @@ function LinkChip({hint: hint, children: children, as: as = "a", fill: fill = !1
     });
 }
 
+const UNREADABLE_DOCUMENT = /* @__PURE__ */ Symbol("unreadable document");
+
 function docLinkState(input) {
     const {bareId: bareId, resource: resource} = input;
     if (bareId === void 0 || resource === void 0) return {
@@ -2901,6 +2776,23 @@ function openableSchemaType(schema, typeName) {
     if (!(entry === void 0 || !types.isDocumentSchemaType(entry) || entry.name === "document")) return entry;
 }
 
+function snapshotOf(store, ids) {
+    let snapshot = /* @__PURE__ */ new Map;
+    return () => {
+        const next = new Map(ids.map(id => [ id, store.read(id) ]));
+        return (next.size !== snapshot.size || ids.some(id => next.get(id) !== snapshot.get(id))) && (snapshot = next), 
+        snapshot;
+    };
+}
+
+function useActualDocTypes(ids) {
+    const {actualTypes: actualTypes} = useWorkflowContext(), uniqueIds2 = [ ...new Set(ids) ].sort(), trackedIds = observer.useKeyed([ JSON.stringify(uniqueIds2) ], () => uniqueIds2);
+    return react.useEffect(() => {
+        const releases = trackedIds.map(id => actualTypes.track(id));
+        return () => releases.forEach(release => release());
+    }, [ actualTypes, trackedIds ]), react.useSyncExternalStore(actualTypes.subscribe, react.useMemo(() => snapshotOf(actualTypes, trackedIds), [ actualTypes, trackedIds ]));
+}
+
 function useLocalDocRef(gdr) {
     const {binding: binding} = useWorkflowContext(), schema = sanity.useSchema(), schemaType = gdr === void 0 ? void 0 : schema.get(gdr.type);
     return {
@@ -2911,10 +2803,8 @@ function useLocalDocRef(gdr) {
 }
 
 function useActualDocType(bareId) {
-    const {actualTypes: actualTypes} = useWorkflowContext();
-    return react.useEffect(() => {
-        if (bareId !== null) return actualTypes.track(bareId);
-    }, [ actualTypes, bareId ]), react.useSyncExternalStore(actualTypes.subscribe, react.useCallback(() => bareId === null ? void 0 : actualTypes.read(bareId), [ actualTypes, bareId ]));
+    const ids = react.useMemo(() => bareId === null ? [] : [ bareId ], [ bareId ]);
+    return useActualDocTypes(ids).get(bareId ?? "");
 }
 
 function useDocLink(gdr) {
@@ -3071,7 +2961,7 @@ function CompactDocRef({face: face, fill: fill, link: link, onClick: onClick}) {
 const PENDING_FACE_MAX_WAIT_MS = 4e3;
 
 function PendingDocFace({bareId: bareId, layout: layout}) {
-    const expired = useDelayedFlag(!0, PENDING_FACE_MAX_WAIT_MS), compact = isCompact(layout);
+    const expired = workflowComponents._useDelayedFlag(!0, PENDING_FACE_MAX_WAIT_MS), compact = isCompact(layout);
     if (expired) {
         const id = /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
             muted: !0,
@@ -3610,7 +3500,7 @@ function EditableFieldControl({instanceId: instanceId, field: field, surface: su
 
 function EditableValueButton({children: children, hint: hint, hintDisabled: hintDisabled = !1, onClick: onClick}) {
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         disabled: hintDisabled,
         text: hint,
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
@@ -3894,7 +3784,7 @@ function FieldEditRow({field: field, onSave: onSave, onCancel: onCancel, saving:
                     }
                 })
             }), 
-            /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+            /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
                 text: "Save",
                 children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
                     "aria-label": "Save",
@@ -3906,7 +3796,7 @@ function FieldEditRow({field: field, onSave: onSave, onCancel: onCancel, saving:
                     padding: 2
                 })
             }), 
-            /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+            /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
                 text: "Cancel",
                 children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
                     "aria-label": "Cancel",
@@ -4114,7 +4004,7 @@ const ACTION_LABEL = {
     "set-stage": "Move the workflow on to its next stage yourself."
 };
 
-function detailOf(cause) {
+function detailOf(cause, missingSummary) {
     switch (cause.kind) {
       case "failed-effect":
         return `The step “${effectLabel(cause.effect)}” failed`;
@@ -4126,12 +4016,15 @@ function detailOf(cause) {
         return "This task failed";
 
       default:
-        return summaryOf(cause);
+        return summaryOf(cause, missingSummary);
     }
 }
 
-function summaryOf(cause) {
+function summaryOf(cause, missingSummary) {
     switch (cause.kind) {
+      case "document-missing":
+        return missingSummary;
+
       case "failed-effect":
         return "An automated step failed";
 
@@ -4149,6 +4042,10 @@ function summaryOf(cause) {
     }
 }
 
+function withMissingDocuments(title, missingSummary) {
+    return missingSummary ? `${title}. ${missingSummary}` : title;
+}
+
 function activityDeclaringEffect(args) {
     return workflowEngine.findStageNode(args)?.activities?.find(activity => (activity.actions ?? []).some(action => (action.effects ?? []).some(effect => effect.name === args.effectName)))?.name;
 }
@@ -4182,15 +4079,15 @@ function diagnosisOf(args) {
 function instanceFault(args) {
     const diagnosis = diagnosisOf(args);
     if (diagnosis === void 0 || diagnosis.state !== "stuck") return;
-    const verbs = workflowEngine.remediationsFor(diagnosis).map(remediation2 => remediation2.verb);
+    const verbs = workflowEngine.remediationsFor(diagnosis).map(remediation2 => remediation2.verb), additional = workflowEngine._additionalMissingDocuments(diagnosis, args.evaluation?.missingDocuments), missingSummary = workflowEngine._missingDocumentsSummary(diagnosis.cause.kind === "document-missing" ? diagnosis.cause.documents : additional), additionalSummary = additional.length > 0 ? missingSummary : "";
     return {
         activity: faultingActivity({
             cause: diagnosis.cause,
             definition: args.definition,
             stageName: args.instance.currentStage
         }),
-        detail: detailOf(diagnosis.cause),
-        summary: summaryOf(diagnosis.cause),
+        detail: withMissingDocuments(detailOf(diagnosis.cause, missingSummary), additionalSummary),
+        summary: withMissingDocuments(summaryOf(diagnosis.cause, missingSummary), additionalSummary),
         remedies: verbs.flatMap(verb => REMEDY_TEXT[verb] ?? []),
         actions: verbs.flatMap(verb => isRunnable(verb) ? [ {
             verb: verb,
@@ -4235,7 +4132,7 @@ function AbortedBadge({instance: instance}) {
 
 function OlderDefinitionBadge({instance: instance}) {
     const {latestDefinitionVersions: latestDefinitionVersions} = useWorkflowContext(), latest = latestDefinitionVersions.get(instance.definition);
-    return latest === void 0 || latest <= instance.pinnedVersion ? null : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+    return latest === void 0 || latest <= instance.pinnedVersion ? null : /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
         description: "Running workflows keep the version they started on",
         text: `Started on v${instance.pinnedVersion}, latest is now v${latest}`,
         textWeight: "medium",
@@ -4390,7 +4287,7 @@ function RowAssignees({assignees: assignees, hint: hint}) {
     if (ids.length === 0 && roles.length === 0) return null;
     const bothKinds = roles.length > 0 && displays.length > 0;
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         content: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, {
             gap: 3,
             children: [ roles.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(HintSection, {
@@ -4459,61 +4356,8 @@ function OverlineHeading({children: children}) {
     });
 }
 
-function CheckmarkCircleFilledIcon(props) {
-    /* @__PURE__ */
-    return jsxRuntime.jsx("svg", {
-        "data-sanity-icon": "checkmark-circle-filled",
-        fill: "none",
-        height: "1em",
-        viewBox: "0 0 25 25",
-        width: "1em",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-            clipRule: "evenodd",
-            d: "M4 12.5C4 7.80558 7.80558 4 12.5 4C17.1944 4 21 7.80558 21 12.5C21 17.1944 17.1944 21 12.5 21C7.80558 21 4 17.1944 4 12.5ZM9.9358 11.7192L11.7414 13.6271L15.5642 9.5876L16.4358 10.4124L12.1772 14.9124C11.9406 15.1624 11.5422 15.1624 11.3056 14.9124L9.0642 12.544L9.9358 11.7192Z",
-            fill: "currentColor",
-            fillRule: "evenodd"
-        })
-    });
-}
-
-const STATUS_ICON = /* @__PURE__ */ new Map([ [ "active", {
-    icon: Empty$1.EmptyIcon,
-    muted: !1
-} ], [ "done", {
-    icon: CheckmarkCircleFilledIcon,
-    muted: !1
-} ], [ "failed", {
-    icon: ErrorFilled.ErrorFilledIcon,
-    muted: !1
-} ], [ "skipped", {
-    icon: RemoveCircle.RemoveCircleIcon,
-    muted: !0
-} ] ]);
-
-function ActivityStatusIcon({status: status}) {
-    const {icon: Icon, muted: muted} = STATUS_ICON.get(status) ?? {
-        icon: Empty$1.EmptyIcon,
-        muted: !0
-    };
-    return status === "failed" ? /* @__PURE__ */ jsxRuntime.jsx(sanity.TextWithTone, {
-        size: 1,
-        tone: "critical",
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {
-            style: {
-                color: "inherit"
-            }
-        })
-    }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
-        muted: muted,
-        size: 1,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {})
-    });
-}
-
 function SpinnerSlot({busy: busy, reserve: reserve = !0}) {
-    const size = useTextIconSize(), trim = useCapTrimFor(size), spinning = useDelayedFlag(busy, LOADING_CUE_DELAY_MS);
+    const size = useTextIconSize(), trim = useCapTrimFor(size), spinning = workflowComponents._useDelayedFlag(busy, LOADING_CUE_DELAY_MS);
     return !spinning && !reserve ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
         align: "center",
         flex: "none",
@@ -4532,7 +4376,7 @@ function SpinnerSlot({busy: busy, reserve: reserve = !0}) {
 }
 
 function LoadingRow({label: label, padding: padding}) {
-    const announced = useDelayedFlag(!0, LOADING_CUE_DELAY_MS);
+    const announced = workflowComponents._useDelayedFlag(!0, LOADING_CUE_DELAY_MS);
     /* @__PURE__ */
     return jsxRuntime.jsxs(ui.Flex, {
         align: "center",
@@ -4656,7 +4500,7 @@ function AssignActivityControl({instanceId: instanceId, state: state, surface: s
         }),
         onClick: handleClick,
         onMouseDown: stopRowMouseDown
-    }) : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+    }) : /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
         disabled: open,
         text: "Assign",
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
@@ -4796,7 +4640,7 @@ function DueDate({dueDate: dueDate, hintDisabled: hintDisabled, overdue: overdue
     return face === void 0 ? text : 
     /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
         align: "center",
-        children: /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
             ...face,
             disabled: hintDisabled === !0,
             children: text
@@ -4879,7 +4723,7 @@ function DueDateControl({item: item, editable: editable, onPatch: onPatch}) {
             padding: 2,
             tone: overdue ? "caution" : "default",
             children: display
-        }) : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+        }) : /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
             disabled: open,
             text: "Set due date",
             children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
@@ -4916,7 +4760,7 @@ function AssigneeControl({item: item, editable: editable, eligibleRoles: eligibl
             "aria-label": "Reassign",
             avatar: chip,
             onClick: () => setOpen(v => !v)
-        }) : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+        }) : /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
             disabled: open,
             text: "Assign",
             children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
@@ -4978,7 +4822,7 @@ function AddItemControl({onAdd: onAdd, button: button, busy: busy}) {
 
 function RemoveItemButton({onClick: onClick}) {
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         text: "Remove item",
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
             "aria-label": "Remove item",
@@ -5082,7 +4926,7 @@ function TodoItemRowView({breadcrumb: breadcrumb, row: row, onToggle: onToggle,
         }),
         lead: 
         /* @__PURE__ */ jsxRuntime.jsx(CheckboxSlot, {
-            children: hint === void 0 ? checkbox : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+            children: hint === void 0 ? checkbox : /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
                 text: hint,
                 children: checkbox
             })
@@ -5294,7 +5138,7 @@ function hintContent(hint) {
 
 function AutomationActionRow({actionEval: actionEval, definition: definition}) {
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         content: hintContent(automationHint({
             actionEval: actionEval,
             definition: definition
@@ -5669,7 +5513,7 @@ function TaskStatusRow({detail: detail, holding: holding}) {
             align: "center",
             gap: 2,
             children: [ 
-            /* @__PURE__ */ jsxRuntime.jsx(ActivityStatusIcon, {
+            /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.ActivityStatusIcon, {
                 status: status
             }), 
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
@@ -5811,7 +5655,7 @@ function MetaBlock({document: document, ...props}) {
                 align: "center",
                 gap: 2,
                 children: [ 
-                /* @__PURE__ */ jsxRuntime.jsx(ActivityStatusIcon, {
+                /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.ActivityStatusIcon, {
                     status: status
                 }), 
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
@@ -6068,7 +5912,7 @@ function MetricText({children: children, tone: tone}) {
 
 function MetricPair({face: face, ...lockup}) {
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         ...face,
         children: /* @__PURE__ */ jsxRuntime.jsx(MetricLockup, {
             ...lockup
@@ -6103,7 +5947,7 @@ function MetricLockup({Icon: Icon, empty: empty, label: label, tone: tone, value
 
 function AlertGlyph({Icon: Icon, hint: hint, label: label, tone: tone}) {
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         text: hint,
         children: /* @__PURE__ */ jsxRuntime.jsx(sanity.TextWithTone, {
             size: 1,
@@ -6118,10 +5962,14 @@ function AlertGlyph({Icon: Icon, hint: hint, label: label, tone: tone}) {
     });
 }
 
+function useAlertChipSize() {
+    return useTextIconSize() + useSpaceToken(1) * 2;
+}
+
 function AlertChip({Icon: Icon, hint: hint, label: label, tone: tone}) {
-    const glyph = useTextIconSize(), disc = glyph + useSpaceToken(1) * 2;
+    const glyph = useTextIconSize(), disc = useAlertChipSize();
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         text: hint,
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
             radius: "full",
@@ -6221,7 +6069,7 @@ function ActivityDateControl({instanceId: instanceId, state: state, surface: sur
             onMouseDown: stopRowMouseDown,
             padding: 2,
             children: dueDate()
-        }) : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+        }) : /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
             disabled: open,
             text: "Set date",
             children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
@@ -6246,9 +6094,9 @@ function settledDim(settled) {
 
 function ActivityStatusLead({status: status}) {
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         text: ACTIVITY_STATUS_LABEL[status],
-        children: /* @__PURE__ */ jsxRuntime.jsx(ActivityStatusIcon, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.ActivityStatusIcon, {
             status: status
         })
     });
@@ -6297,7 +6145,7 @@ function RowTerminalActions({actions: actions, activity: activity, instanceId: i
 function TitleTag({hint: hint, tone: tone, children: children}) {
     const badgeTrim = useBadgeCapTrim();
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         text: hint,
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, {
             fontSize: 1,
@@ -6563,7 +6411,7 @@ function deriveFieldPills(args) {
 function UserAvatar({id: id}) {
     const {name: name, imageUrl: imageUrl} = useUserDisplay(id);
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         text: name,
         children: /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.MemberAvatar, {
             imageUrl: imageUrl,
@@ -6574,7 +6422,7 @@ function UserAvatar({id: id}) {
 
 function UserAvatarGroup({ids: ids, hint: hint}) {
     const displays = useUserDisplays(ids);
-    return displays.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+    return displays.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
         text: disambiguatedNames(displays).join(", "),
         ...hint === void 0 ? {} : {
             description: hint
@@ -6794,7 +6642,7 @@ function usePillChrome(face) {
 function PillHint({pill: pill, disabled: disabled = !1, children: children}) {
     const {description: description} = pill;
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         disabled: disabled || description === void 0,
         text: description ?? "",
         children: children
@@ -7366,17 +7214,6 @@ function conditionLines(description) {
     });
 }
 
-function StartIncompleteBadge({style: style}) {
-    /* @__PURE__ */
-    return jsxRuntime.jsx(ui.Badge, {
-        fontSize: 1,
-        mode: "outline",
-        style: style,
-        tone: "caution",
-        children: "Start incomplete"
-    });
-}
-
 function normalizeAbortReason(raw) {
     const trimmed = raw.trim();
     return trimmed === "" ? void 0 : trimmed;
@@ -7588,24 +7425,6 @@ function historyLine(h, titles) {
     return historyLiner[h._type](h, titles);
 }
 
-function AgoStamp({at: at, now: now}) {
-    /* @__PURE__ */
-    return jsxRuntime.jsx(ui.Flex, {
-        align: "center",
-        children: /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
-            text: formatShortDateTime(at),
-            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
-                muted: !0,
-                size: 1,
-                style: {
-                    whiteSpace: "nowrap"
-                },
-                children: formatShortAgo(at, now)
-            })
-        })
-    });
-}
-
 function CodeChip({value: value}) {
     /* @__PURE__ */
     return jsxRuntime.jsx("code", {
@@ -7628,7 +7447,7 @@ function HintedMenuButton({hint: hint, ...menuButtonProps}) {
     return hint === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.MenuButton, {
         ...menuButtonProps,
         popover: popover
-    }) : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+    }) : /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
         disabled: open,
         text: hint,
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.MenuButton, {
@@ -7831,7 +7650,7 @@ function FeedStamp({at: at, now: now}) {
             size: 1,
             children: "·"
         }), 
-        /* @__PURE__ */ jsxRuntime.jsx(AgoStamp, {
+        /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.AgoStamp, {
             at: at,
             now: now
         }) ]
@@ -7895,7 +7714,7 @@ function ActorNameSpan({id: id}) {
 function FeedGlyph({hint: hint, icon: icon}) {
     const size = useAvatarSize();
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         text: hint,
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
             align: "center",
@@ -8102,7 +7921,7 @@ function HeaderTitleLine({entry: entry}) {
             textOverflow: "ellipsis",
             weight: "medium",
             children: instanceTitle(entry.instance, definition)
-        }), face === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(StartIncompleteBadge, {
+        }), face === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.StartIncompleteBadge, {
             style: badgeTrim
         }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [ 
@@ -8206,7 +8025,7 @@ function StageFace({completed: completed = !1, detail: detail, title: title}) {
         /* @__PURE__ */ jsxRuntime.jsx(sanity.TextWithTone, {
             size: 1,
             tone: tone,
-            children: completed ? /* @__PURE__ */ jsxRuntime.jsx(CheckmarkCircleFilledIcon, {
+            children: completed ? /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._CheckmarkCircleFilledIcon, {
                 style: {
                     color: "inherit"
                 }
@@ -8298,7 +8117,7 @@ function SpineNodeView({definition: definition, node: node, transitions: transit
     if (node.state === "current") {
         const detail = roundDetail(node.round);
         /* @__PURE__ */
-        return jsxRuntime.jsx(HoverHint, {
+        return jsxRuntime.jsx(workflowComponents._HoverHint, {
             content: card,
             "data-testid": `spine-node-${node.name}`,
             flush: !0,
@@ -8314,7 +8133,7 @@ function SpineNodeView({definition: definition, node: node, transitions: transit
     }
     const Icon = NODE_ICON[node.state];
     /* @__PURE__ */
-    return jsxRuntime.jsx(HoverHint, {
+    return jsxRuntime.jsx(workflowComponents._HoverHint, {
         content: card,
         "data-testid": `spine-node-${node.name}`,
         flush: !0,
@@ -8462,10 +8281,21 @@ function WorkflowInstanceSection({defaultOpen: defaultOpen, entry: entry, onOpen
     return jsxRuntime.jsx(InstanceCard, {
         defaultOpen: defaultOpen,
         entry: entry,
-        children: /* @__PURE__ */ jsxRuntime.jsx(InstanceSnapshotBody, {
-            entry: entry,
-            onOpenActivity: onOpenActivity,
-            surface: "document-view"
+        children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, {
+            gap: 3,
+            children: [ 
+            /* @__PURE__ */ jsxRuntime.jsx(InstanceFaultNote, {
+                entry: entry,
+                scope: {
+                    kind: "run",
+                    onOpenActivity: onOpenActivity
+                }
+            }), 
+            /* @__PURE__ */ jsxRuntime.jsx(InstanceSnapshotBody, {
+                entry: entry,
+                onOpenActivity: onOpenActivity,
+                surface: "document-view"
+            }) ]
         })
     });
 }
@@ -9242,7 +9072,7 @@ function showRowOnError(key, mapping) {
 }
 
 function useStartWorkflow(args) {
-    const {mapping: mapping, docId: docId, initialValue: initialValue, source: source} = args, toast = useWorkflowToast(), schema = sanity.useSchema(), {engine: engine, openStartDialog: openStartDialog, mappingIssues: mappingIssues2, mappingStarts: mappingStarts} = useWorkflowContext(), observer = workflowStudio.useStudioObserver({
+    const {mapping: mapping, docId: docId, initialValue: initialValue, source: source} = args, toast = useWorkflowToast(), schema = sanity.useSchema(), {engine: engine, openStartDialog: openStartDialog, mappingIssues: mappingIssues2, mappingStarts: mappingStarts} = useWorkflowContext(), observer2 = workflowStudio.useStudioObserver({
         engine: engine
     }), [starting, setStarting] = react.useState(!1), {selectedReleaseId: selectedReleaseId} = sanity.usePerspective(), releaseActive = sanity.useIsReleaseActive(), startBlock = mappingStarts.get(mappingKey(mapping)), hidden = workflowEngine.startKindOf({
         start: startBlock
@@ -9284,7 +9114,7 @@ function useStartWorkflow(args) {
                         docId: docId,
                         initialValue: initialValue,
                         selectedReleaseId: selectedReleaseId,
-                        ensureDocumentExists: observer.ensureDocumentExists,
+                        ensureDocumentExists: observer2.ensureDocumentExists,
                         onPersistFailure: err => toast.push({
                             id: TOAST_ID.documentSave,
                             status: "error",
@@ -9329,7 +9159,7 @@ function StartWorkflowButton({mapping: mapping, docId: docId, initialValue: init
         },
         tone: tone
     }), hint = tooltip ?? (iconOnly ? startLabel : void 0);
-    return hint ? /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+    return hint ? /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
         text: hint,
         children: button
     }) : button;
@@ -9406,7 +9236,7 @@ function StartWorkflowMenuItem({mapping: mapping, docId: docId, initialValue: in
         },
         text: `Start ${mapping.label}`
     });
-    return tooltip ? /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+    return tooltip ? /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
         text: tooltip,
         children: item
     }) : item;
@@ -9494,7 +9324,7 @@ const VIEW_TAB_CODEC = workflowsTabCodec([ "overview", "for-me" ]), WorkflowsVie
 };
 
 function DiscoverySpinner() {
-    const visible = useDelayedFlag(!0, 1e3);
+    const visible = workflowComponents._useDelayedFlag(!0, 1e3);
     /* @__PURE__ */
     return jsxRuntime.jsx(ui.Flex, {
         align: "center",
@@ -9864,20 +9694,30 @@ function createSubscribers() {
 }
 
 function actualType$(previews, bareId) {
-    return previews.unstable_observeDocumentPairAvailability(bareId).pipe(operators.switchMap(({draft: draft, published: published}) => draft.available ? previews.observeDocumentTypeFromId(csm.getDraftId(bareId)) : published.available ? previews.observeDocumentTypeFromId(bareId) : draft.reason === "PERMISSION_DENIED" || published.reason === "PERMISSION_DENIED" ? rxjs.of(void 0) : previews.unstable_observeVersionDocumentIds(bareId).pipe(operators.switchMap(([firstVersionId]) => firstVersionId === void 0 ? rxjs.of(null) : previews.observeDocumentTypeFromId(firstVersionId)))), operators.distinctUntilChanged());
+    return previews.unstable_observeDocumentPairAvailability(bareId).pipe(operators.switchMap(pair => representationType$(previews, {
+        bareId: bareId,
+        ...pair
+    }).pipe(operators.startWith(void 0))), operators.distinctUntilChanged());
+}
+
+function representationType$(previews, {bareId: bareId, draft: draft, published: published}) {
+    return draft.available ? previews.observeDocumentTypeFromId(csm.getDraftId(bareId)) : published.available ? previews.observeDocumentTypeFromId(bareId) : draft.reason === "PERMISSION_DENIED" || published.reason === "PERMISSION_DENIED" ? rxjs.of(UNREADABLE_DOCUMENT) : previews.unstable_observeVersionDocumentIds(bareId).pipe(operators.switchMap(([firstVersionId]) => firstVersionId === void 0 ? rxjs.of(null) : previews.observeDocumentTypeFromId(firstVersionId).pipe(operators.startWith(void 0))));
 }
 
 const REBUILD_DELAY_MS = 5e3;
 
 function createActualTypeProbeStore(previews) {
-    const verdicts = /* @__PURE__ */ new Map, live = /* @__PURE__ */ new Map, subscribers = createSubscribers(), start = (bareId, entry) => actualType$(previews, bareId).subscribe({
-        next: value => {
-            verdicts.has(bareId) && verdicts.get(bareId) === value || (verdicts.set(bareId, value), 
-            subscribers.notify());
-        },
+    const verdicts = /* @__PURE__ */ new Map, live = /* @__PURE__ */ new Map, subscribers = createSubscribers(), publish = (bareId, value) => {
+        const changed = verdicts.get(bareId) !== value;
+        verdicts.set(bareId, value), changed && subscribers.notify();
+    }, forgetUnavailable = bareId => {
+        const verdict = verdicts.get(bareId);
+        (verdict === null || verdict === UNREADABLE_DOCUMENT) && publish(bareId, void 0);
+    }, start = (bareId, entry) => actualType$(previews, bareId).subscribe({
+        next: value => publish(bareId, value),
         error: err => {
             console.error(`[workflow-studio-plugin] actual-type probe for "${bareId}" failed:`, err), 
-            entry.subscription = void 0, entry.rebuildTimer = setTimeout(() => {
+            forgetUnavailable(bareId), entry.subscription = void 0, entry.rebuildTimer = setTimeout(() => {
                 entry.rebuildTimer = void 0, !(live.get(bareId) !== entry || entry.count === 0) && (entry.subscription = start(bareId, entry));
             }, REBUILD_DELAY_MS);
         }
@@ -9905,7 +9745,8 @@ function createActualTypeProbeStore(previews) {
             let released = !1;
             return () => {
                 released || (released = !0, entry.count -= 1, !(entry.count > 0) && (entry.subscription?.unsubscribe(), 
-                entry.rebuildTimer !== void 0 && clearTimeout(entry.rebuildTimer), live.get(bareId) === entry && live.delete(bareId)));
+                entry.rebuildTimer !== void 0 && clearTimeout(entry.rebuildTimer), live.get(bareId) === entry && live.delete(bareId), 
+                forgetUnavailable(bareId)));
             };
         }
     };
@@ -10536,7 +10377,7 @@ function AssigneesInput({value: value, onChange: onChange, eligibleRoles: eligib
                 /* @__PURE__ */ jsxRuntime.jsx(AssigneeBadge, {
                     assignee: assignee
                 }), 
-                /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+                /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
                     text: "Remove",
                     children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
                         "aria-label": "Remove",
@@ -10731,7 +10572,7 @@ function useLatestDefinition(definitionName) {
 }
 
 function useCreateDoc(args) {
-    const {releaseId: releaseId, onCreated: onCreated} = args, {engine: engine, binding: binding} = useWorkflowContext(), observer = workflowStudio.useStudioObserver({
+    const {releaseId: releaseId, onCreated: onCreated} = args, {engine: engine, binding: binding} = useWorkflowContext(), observer2 = workflowStudio.useStudioObserver({
         engine: engine
     }), schema = sanity.useSchema(), templates = sanity.useTemplates(), resolverContext = sanity.useInitialValueResolverContext(), toast = useWorkflowToast(), [creating, setCreating] = react.useState(!1);
     return {
@@ -10742,7 +10583,7 @@ function useCreateDoc(args) {
                 const documentId = crypto.randomUUID(), template = templates.find(t => t.id === type), initialValue = template !== void 0 ? await sanity.resolveInitialValue(schema, template, {}, resolverContext, {
                     useCache: !0
                 }) : void 0;
-                await observer.ensureDocumentExists({
+                await observer2.ensureDocumentExists({
                     documentId: documentId,
                     type: type,
                     ...releaseId !== void 0 ? {
@@ -11385,7 +11226,7 @@ function AutoStartGate(props) {
 }
 
 function AutoStartDriver(props) {
-    const {rawDocId: rawDocId, docType: docType, workflows: workflows, value: value, fallback: fallback} = props, {isDocResolved: isDocResolved, autoStartDefinitions: autoStartDefinitions, engine: engine, binding: binding, seedInstance: seedInstance} = useWorkflowContext(), telemetry2 = workflowReact.useWorkflowTelemetry(), observer = workflowStudio.useStudioObserver({
+    const {rawDocId: rawDocId, docType: docType, workflows: workflows, value: value, fallback: fallback} = props, {isDocResolved: isDocResolved, autoStartDefinitions: autoStartDefinitions, engine: engine, binding: binding, seedInstance: seedInstance} = useWorkflowContext(), telemetry2 = workflowReact.useWorkflowTelemetry(), observer2 = workflowStudio.useStudioObserver({
         engine: engine
     }), {selectedReleaseId: selectedReleaseId} = sanity.usePerspective(), {entries: entries} = useWorkflowsForDocument(rawDocId), docId = csm.getPublishedId(rawDocId), valueRef = react.useRef(value);
     valueRef.current = value;
@@ -11407,7 +11248,7 @@ function AutoStartDriver(props) {
         if (!firedRef.current) {
             firedRef.current = !0, setFired(!0);
             try {
-                await observer.ensureDocumentExists({
+                await observer2.ensureDocumentExists({
                     documentId: docId,
                     type: docType,
                     initialValue: valueRef.current,
@@ -11442,7 +11283,7 @@ function AutoStartDriver(props) {
                 setSettled(!0);
             }
         }
-    }, [ autoStartDefinitions, docId, docType, binding, engine, observer, seedInstance, instanceIdFor, selectedReleaseId, telemetry2 ]), retry = react.useCallback(() => {
+    }, [ autoStartDefinitions, docId, docType, binding, engine, observer2, seedInstance, instanceIdFor, selectedReleaseId, telemetry2 ]), retry = react.useCallback(() => {
         firedRef.current = !1, setFired(!1), setSettled(!1), setFailure(void 0);
     }, []), action = autoStartAction({
         resolved: definitionsResolved && isDocResolved(docId),
@@ -11620,7 +11461,7 @@ function ActivityGlance({activityEval: activityEval}) {
         align: "center",
         gap: 2,
         children: [ 
-        /* @__PURE__ */ jsxRuntime.jsx(ActivityStatusIcon, {
+        /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.ActivityStatusIcon, {
             status: status
         }), 
         /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
@@ -11775,7 +11616,7 @@ function StripLine({aside: aside, children: children, hint: hint, onOpen: onOpen
     return jsxRuntime.jsxs(ui.Flex, {
         align: "center",
         children: [ 
-        /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+        /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
             ...hint,
             children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
                 as: "button",
@@ -11809,7 +11650,7 @@ function InstanceLine({entry: entry, onOpen: onOpen}) {
                 weight: "medium",
                 children: instanceTitle(entry.instance, definition)
             })
-        }), unprimed ? /* @__PURE__ */ jsxRuntime.jsx(StartIncompleteBadge, {
+        }), unprimed ? /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.StartIncompleteBadge, {
             style: badgeTrim
         }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [ 
@@ -12050,74 +11891,1657 @@ function WorkflowRootInput(props) {
     });
 }
 
-exports.AbortWorkflowDialog = AbortWorkflowDialog;
-
-exports.ActivityDetailBody = ActivityDetailBody;
+function openActivitiesOf(instance) {
+    return (workflowEngine.findOpenStageEntry(instance)?.activities ?? []).filter(activity => isOpenActivityStatus(activity.status));
+}
 
-exports.ActivityDetailDialog = ActivityDetailDialog;
+function overdueTasks(instance, now) {
+    return openActivitiesOf(instance).filter(activity => passedDuesOf(activity, now).length > 0);
+}
 
-exports.ActivityLog = ActivityLog;
+function earliestDue(activity) {
+    return earliestOf(dueDatesOf(activity.fields ?? []));
+}
 
-exports.AgoStamp = AgoStamp;
+function passedDueOf(activity, now) {
+    const passed = passedDuesOf(activity, now);
+    return earliestOf(passed) ?? passed[0];
+}
 
-exports.AlertChip = AlertChip;
+function passedDuesOf(activity, now) {
+    return dueDatesOf(activity.fields ?? []).filter(due => isDueDatePast(due, now));
+}
 
-exports.AlertGlyph = AlertGlyph;
+function earliestOf(values) {
+    let earliest;
+    for (const value of values) {
+        const time = parseStoredDateValue(value)?.getTime();
+        time !== void 0 && (earliest === void 0 || time < earliest.time) && (earliest = {
+            time: time,
+            value: value
+        });
+    }
+    return earliest?.value;
+}
 
-exports.Breadcrumb = Breadcrumb;
+const AUTONOMY_BY_DEFINITION = /* @__PURE__ */ new WeakMap;
 
-exports.CodeChip = CodeChip;
+function cachedAutonomy(definition) {
+    const hit = AUTONOMY_BY_DEFINITION.get(definition);
+    if (hit !== void 0) return hit;
+    const derived = workflowEngine.deriveWorkflowAutonomy(definition);
+    return AUTONOMY_BY_DEFINITION.set(definition, derived), derived;
+}
 
-exports.CountedLabel = CountedLabel;
+function isAutomatedActivity(args) {
+    const stage = args.autonomy?.stages.find(entry => entry.stage === args.stageName);
+    return isHandsOff({
+        classification: workflowEngine.deriveExecutorClassification(args.activity),
+        completesWithoutCaller: stage?.activities[args.activity.name]?.completesWithoutCaller
+    });
+}
 
-exports.DismissablePopover = DismissablePopover;
+function taskOf(args) {
+    const {entry: entry, now: now, openedAt: openedAt, roleAliases: roleAliases, title: title} = args;
+    return {
+        name: entry.name,
+        title: title,
+        assignees: assigneesOf(entry.fields ?? []),
+        roleAliases: roleAliases,
+        openedAt: openedAt,
+        due: earliestDue(entry),
+        overdueSince: passedDueOf(entry, now),
+        status: entry.status
+    };
+}
 
-exports.DocPreviewLink = DocPreviewLink;
+function humanTask(args) {
+    const {activity: activity, autonomy: autonomy, entry: entry, now: now, openedAt: openedAt, roleAliases: roleAliases, stageName: stageName} = args;
+    return entry === void 0 ? [] : isAutomatedActivity({
+        activity: activity,
+        autonomy: autonomy,
+        stageName: stageName
+    }) ? [] : [ taskOf({
+        entry: entry,
+        now: now,
+        openedAt: openedAt,
+        roleAliases: roleAliases,
+        title: activityLabel(activity)
+    }) ];
+}
 
-exports.DocRefFace = DocRefFace;
+function undeclaredTasks(args) {
+    const {definition: definition, now: now, open: open, openedAt: openedAt, roleAliases: roleAliases, seen: seen, stageName: stageName} = args;
+    return open.filter(entry => !seen.has(entry.name)).map(entry => taskOf({
+        entry: entry,
+        now: now,
+        openedAt: openedAt,
+        roleAliases: roleAliases,
+        title: findActivity({
+            activityName: entry.name,
+            definition: definition,
+            stageName: stageName
+        }).title
+    }));
+}
 
-exports.EmptyState = EmptyState;
+function definitionForPinned(definition, pinnedVersion) {
+    if (!(definition === void 0 || definition.version !== pinnedVersion)) return definition;
+}
 
-exports.FOR_ME_SECTION_COPY = FOR_ME_SECTION_COPY;
+function stageTasksOf(args) {
+    const {definition: definition, instance: instance, now: now} = args, stageEntry = workflowEngine.findOpenStageEntry(instance);
+    if (stageEntry === void 0) return [];
+    const listed = listedStageActivities(stageEntry);
+    if (listed.length === 0) return [];
+    const openedAt = stageEntry.enteredAt, pinnedDefinition = definitionForPinned(definition, instance.pinnedVersion), autonomy = pinnedDefinition === void 0 ? void 0 : cachedAutonomy(pinnedDefinition), roleAliases = pinnedDefinition?.roleAliases, stageName = instance.currentStage, openByName = new Map(listed.map(entry => [ entry.name, entry ])), declared = workflowEngine.findStageNode({
+        definition: definition,
+        stageName: stageName
+    })?.activities ?? [];
+    return [ ...declared.flatMap(activity => humanTask({
+        activity: activity,
+        autonomy: autonomy,
+        entry: openByName.get(activity.name),
+        now: now,
+        openedAt: openedAt,
+        roleAliases: roleAliases,
+        stageName: stageName
+    })), ...undeclaredTasks({
+        definition: definition,
+        now: now,
+        open: listed,
+        openedAt: openedAt,
+        roleAliases: roleAliases,
+        seen: new Set(declared.map(activity => activity.name)),
+        stageName: stageName
+    }) ];
+}
 
-exports.ForMeEmptyState = ForMeEmptyState;
+function listedStageActivities(stage) {
+    return stage.activities.filter(entry => isOpenActivityStatus(entry.status) || entry.status === "failed");
+}
 
-exports.ForMeSectionHeading = ForMeSectionHeading;
+function groupWidthOf(task, metrics) {
+    const mark = taskAssignmentMarkOf(task.assignees), faces = mark.kind === "held" ? mark.members.length : 1;
+    return metrics.face + (faces - 1) * (metrics.face - metrics.overlap);
+}
 
-exports.HoverHint = HoverHint;
+function rowWidthOf(tasks, metrics) {
+    return tasks.reduce((total, task) => total + groupWidthOf(task, metrics), 0) + Math.max(0, tasks.length - 1) * metrics.gap;
+}
 
-exports.InstanceFaultNote = InstanceFaultNote;
+function countWithin(args) {
+    const {budget: budget, metrics: metrics, tasks: tasks} = args;
+    let used = 0, count = 0;
+    for (const task of tasks) {
+        const next = used + (count === 0 ? 0 : metrics.gap) + groupWidthOf(task, metrics);
+        if (next > budget) break;
+        used = next, count += 1;
+    }
+    return Math.max(1, count);
+}
 
-exports.InstanceSnapshotBody = InstanceSnapshotBody;
+function visibleStageTasks(args) {
+    const {metrics: metrics, room: room, tasks: tasks} = args;
+    if (rowWidthOf(tasks, metrics) <= room) return {
+        overflow: 0,
+        visible: tasks
+    };
+    const shown = countWithin({
+        budget: room - metrics.gap - metrics.counter,
+        metrics: metrics,
+        tasks: tasks
+    });
+    return {
+        overflow: tasks.length - shown,
+        visible: tasks.slice(0, shown)
+    };
+}
 
-exports.InvalidDocNotice = InvalidDocNotice;
+function taskAssignmentMarkOf(assignees) {
+    const members = assignees.filter(assignee => assignee.type === "user");
+    if (members.length > 0) return {
+        kind: "held",
+        members: members
+    };
+    const roles = assignees.flatMap(assignee => assignee.type === "role" ? [ assignee.role ] : []);
+    return roles.length > 0 ? {
+        kind: "routed",
+        roles: roles
+    } : {
+        kind: "unassigned"
+    };
+}
 
-exports.LoadingRow = LoadingRow;
+const LATE_FACE = {
+    Icon: Calendar.CalendarIcon,
+    tone: "caution"
+};
 
-exports.LogEventOnMount = LogEventOnMount;
+function LateSpan({now: now, since: since}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(MetricLockup, {
+        Icon: LATE_FACE.Icon,
+        tone: LATE_FACE.tone,
+        value: workflowComponents._shortSpanOf(parseStoredDateValue(since), now)
+    });
+}
 
-exports.MetaRow = MetaRow;
+const HOLDER_OVERLAP = 7, HOLDER_RING = 1.5, GROUP_GAP_TOKEN = 3, OVERDUE_DOT_RATIO = .4;
 
-exports.MetricLockup = MetricLockup;
+function overdueDotOf(face) {
+    const size = Math.round(face * OVERDUE_DOT_RATIO);
+    return {
+        overhang: Math.round(size / 4),
+        size: size
+    };
+}
 
-exports.MetricPair = MetricPair;
+function useDisplayById(ids) {
+    const displays = useUserDisplays(uniqueIds(ids)), labels = disambiguatedNames(displays);
+    return new Map(displays.map((display, index) => [ display.id, {
+        ...display,
+        label: labels[index] ?? display.name
+    } ]));
+}
 
-exports.NoteBanner = NoteBanner;
+function holderKey(assignee, index) {
+    return `${assignee.id}-${index}`;
+}
 
-exports.OverlineHeading = OverlineHeading;
+function stageTasksFace(args) {
+    return {
+        content: /* @__PURE__ */ jsxRuntime.jsx(StageTasksCard, {
+            now: args.now,
+            tasks: args.tasks
+        }),
+        flush: !0,
+        wide: !0
+    };
+}
 
-exports.RUN_SEARCH_PARAM = RUN_SEARCH_PARAM;
+function StageTaskGroups({now: now, room: room, tasks: tasks}) {
+    const gap = useSpaceToken(GROUP_GAP_TOKEN), face = useAvatarSize(), {overhang: overhang} = overdueDotOf(face), {overflow: overflow, visible: visible} = visibleStageTasks({
+        metrics: {
+            counter: face,
+            face: face,
+            gap: gap,
+            overlap: HOLDER_OVERLAP
+        },
+        room: room === void 0 ? face * 3 + gap * 2 : room - overhang,
+        tasks: tasks
+    });
+    return tasks.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
+        ...stageTasksFace({
+            now: now,
+            tasks: tasks
+        }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
+            align: "center",
+            "aria-label": "Tasks",
+            style: {
+                columnGap: gap,
+                paddingRight: overhang
+            },
+            children: [ visible.map(task => /* @__PURE__ */ jsxRuntime.jsx(TaskGroupFace, {
+                task: task
+            }, task.name)), overflow === 0 ? null : /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, {
+                muted: !0,
+                size: 1,
+                children: [ "+", overflow ]
+            }) ]
+        })
+    });
+}
 
-exports.RowAssignees = RowAssignees;
+function TaskGroupFace({task: task}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(ui.Box, {
+        style: {
+            flexShrink: 0,
+            position: "relative"
+        },
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx(AssignmentFace, {
+            assignees: task.assignees
+        }), task.overdueSince === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(OverdueDot, {}) ]
+    });
+}
+
+function AssignmentFace({assignees: assignees}) {
+    const mark = taskAssignmentMarkOf(assignees);
+    return mark.kind === "unassigned" ? /* @__PURE__ */ jsxRuntime.jsx(PersonToken, {}) : mark.kind === "routed" ? /* @__PURE__ */ jsxRuntime.jsx(PersonToken, {
+        routed: !0
+    }) : /* @__PURE__ */ jsxRuntime.jsx(OverlappedHolders, {
+        assignees: mark.members
+    });
+}
+
+function OverdueDot() {
+    const {color: color} = ui.useTheme_v2(), {overhang: overhang, size: size} = overdueDotOf(useAvatarSize());
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Box, {
+        "aria-label": "Overdue",
+        role: "img",
+        style: {
+            backgroundColor: color.button.default.caution.enabled.bg,
+            borderRadius: "50%",
+            boxShadow: `0 0 0 ${HOLDER_RING}px ${color.bg}`,
+            height: size,
+            position: "absolute",
+            right: -overhang,
+            top: -overhang,
+            width: size
+        }
+    });
+}
+
+function HolderFace({assignee: assignee, displayById: displayById}) {
+    const display = displayById.get(assignee.id);
+    /* @__PURE__ */
+    return jsxRuntime.jsx(workflowComponents.MemberAvatar, {
+        imageUrl: display?.imageUrl,
+        name: display?.name ?? assignee.id,
+        size: 0
+    });
+}
+
+function OverlappedHolders({assignees: assignees}) {
+    const {color: color} = ui.useTheme_v2(), displayById = useDisplayById(userIdsOf(assignees)), ring = `0 0 0 ${HOLDER_RING}px ${color.bg}`;
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Flex, {
+        align: "center",
+        style: {
+            flexShrink: 0,
+            isolation: "isolate"
+        },
+        children: assignees.map((assignee, index) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
+            style: {
+                borderRadius: "50%",
+                boxShadow: ring,
+                flexShrink: 0,
+                marginLeft: index === 0 ? 0 : -HOLDER_OVERLAP,
+                position: "relative",
+                zIndex: index
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(HolderFace, {
+                assignee: assignee,
+                displayById: displayById
+            })
+        }, holderKey(assignee, index)))
+    });
+}
+
+function PersonToken({routed: routed = !1}) {
+    const size = useAvatarSize(), {color: color} = ui.useTheme_v2();
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(ui.Box, {
+        "aria-label": routed ? "Routed, no person assigned" : "Unassigned",
+        role: "img",
+        style: {
+            flexShrink: 0,
+            height: size,
+            position: "relative",
+            width: size
+        },
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+            align: "center",
+            justify: "center",
+            style: {
+                border: `1px dashed ${color.border}`,
+                borderRadius: "50%",
+                boxSizing: "border-box",
+                height: size,
+                width: size
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                size: 0,
+                children: /* @__PURE__ */ jsxRuntime.jsx(User.UserIcon, {
+                    style: {
+                        color: color.input.default.enabled.placeholder
+                    }
+                })
+            })
+        }), routed ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
+            radius: 1,
+            tone: "primary",
+            style: {
+                bottom: -3,
+                position: "absolute",
+                right: -3
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+                align: "center",
+                justify: "center",
+                style: {
+                    height: 13,
+                    width: 13
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                    size: 0,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(Users.UsersIcon, {})
+                })
+            })
+        }) : null ]
+    });
+}
+
+function StageTasksCard({now: now, tasks: tasks}) {
+    const displayById = useDisplayById(tasks.flatMap(task => userIdsOf(task.assignees)));
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(ui.Stack, {
+        gap: 4,
+        padding: 3,
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx(OverlineHeading, {
+            children: "Tasks in this stage"
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, {
+            gap: 4,
+            children: tasks.map(task => /* @__PURE__ */ jsxRuntime.jsx(TaskCardRow, {
+                displayById: displayById,
+                now: now,
+                task: task
+            }, task.name))
+        }) ]
+    });
+}
+
+function TaskCardRow({displayById: displayById, now: now, task: task}) {
+    const mark = taskAssignmentMarkOf(task.assignees);
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(ui.Stack, {
+        gap: 3,
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, {
+            gap: 2,
+            children: [ 
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
+                align: "center",
+                gap: 3,
+                children: [ 
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                    size: 1,
+                    children: task.title
+                }), task.overdueSince === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(LateSpan, {
+                    now: now,
+                    since: task.overdueSince
+                }) ]
+            }), task.due === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                muted: !0,
+                size: 1,
+                children: dueMomentSentence(task.due, now)
+            }) ]
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx(AssignmentLine, {
+            displayById: displayById,
+            mark: mark,
+            now: now,
+            openedAt: task.openedAt,
+            roleAliases: task.roleAliases
+        }) ]
+    });
+}
+
+function AssignmentLine({displayById: displayById, mark: mark, now: now, openedAt: openedAt, roleAliases: roleAliases}) {
+    return mark.kind === "unassigned" ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
+        align: "center",
+        gap: 2,
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx(PersonToken, {}), 
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+            muted: !0,
+            size: 1,
+            children: "Unassigned"
+        }) ]
+    }) : mark.kind === "routed" ? /* @__PURE__ */ jsxRuntime.jsx(RoutedAssignmentLine, {
+        mark: mark,
+        now: now,
+        openedAt: openedAt,
+        roleAliases: roleAliases
+    }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, {
+        gap: 2,
+        children: mark.members.map((assignee, index) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
+            align: "center",
+            gap: 2,
+            children: [ 
+            /* @__PURE__ */ jsxRuntime.jsx(HolderFace, {
+                assignee: assignee,
+                displayById: displayById
+            }), 
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                size: 1,
+                children: displayById.get(assignee.id)?.label ?? assignee.id
+            }) ]
+        }, holderKey(assignee, index)))
+    });
+}
+
+function RoutedAssignmentLine({mark: mark, now: now, openedAt: openedAt, roleAliases: roleAliases}) {
+    const vocabulary = useProjectMembers(), count = workflowComponents.roleMemberCount({
+        members: vocabulary.members,
+        requiredRoles: mark.roles,
+        roleAliases: roleAliases
+    }), names = mark.roles.map(role => workflowComponents.roleLabel(workflowComponents.memberRoleFor(vocabulary, role)));
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(ui.Flex, {
+        align: "center",
+        gap: 2,
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx(PersonToken, {
+            routed: !0
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, {
+            gap: 1,
+            children: [ 
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                size: 1,
+                children: names.join(", ")
+            }), 
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, {
+                muted: !0,
+                size: 1,
+                children: [ workflowComponents.memberCountLabel(count), " · Open ", workflowComponents._formatShortAgo(openedAt, now) ]
+            }) ]
+        }) ]
+    });
+}
+
+function useTableWidth(element) {
+    const [width, setWidth] = react.useState(void 0);
+    return react.useLayoutEffect(() => {
+        if (element === null) {
+            setWidth(void 0);
+            return;
+        }
+        const measure = () => setWidth(element.getBoundingClientRect().width || void 0);
+        measure();
+        const observer2 = new ResizeObserver(measure);
+        return observer2.observe(element), () => observer2.disconnect();
+    }, [ element ]), width;
+}
+
+function useTableStyles() {
+    const {color: color} = ui.useTheme_v2(), headTop = useSpaceToken(3), cellX = useSpaceToken(2);
+    return react.useMemo(() => ({
+        cell: {
+            borderBottom: `1px solid ${color.border}`,
+            boxSizing: "border-box",
+            padding: `0 ${cellX}px`,
+            verticalAlign: "middle",
+            whiteSpace: "nowrap"
+        },
+        head: {
+            background: color.bg,
+            borderBottom: `1px solid ${color.border}`,
+            boxSizing: "border-box",
+            padding: `${headTop}px 0 6px`,
+            position: "sticky",
+            textAlign: "left",
+            top: 0,
+            zIndex: 1
+        }
+    }), [ cellX, color, headTop ]);
+}
+
+function scrollParentOf(el) {
+    for (let node = el.parentElement; node !== null; node = node.parentElement) {
+        const overflowY = getComputedStyle(node).overflowY;
+        if (overflowY === "auto" || overflowY === "scroll") return node;
+    }
+}
+
+function useRowWindow(args) {
+    const {element: element, keyAt: keyAt, rowCount: rowCount} = args, [scroller, setScroller] = react.useState(null);
+    react.useLayoutEffect(() => {
+        setScroller(element === null ? null : scrollParentOf(element) ?? null);
+    }, [ element ]);
+    const [margin, setMargin] = react.useState(0);
+    react.useLayoutEffect(() => {
+        element === null || scroller === null || setMargin(element.getBoundingClientRect().top - scroller.getBoundingClientRect().top + scroller.scrollTop);
+    }, [ element, rowCount, scroller ]);
+    const virtualizer = reactVirtual.useVirtualizer({
+        count: rowCount,
+        estimateSize: () => 44,
+        getItemKey: keyAt,
+        getScrollElement: () => scroller,
+        overscan: 10,
+        scrollMargin: margin
+    }), items = virtualizer.getVirtualItems(), first = items[0], last = items[items.length - 1];
+    return {
+        items: items,
+        measureRow: virtualizer.measureElement,
+        padBottom: last === void 0 ? 0 : virtualizer.getTotalSize() - (last.end - margin),
+        padTop: first === void 0 ? 0 : first.start - margin
+    };
+}
+
+function SpacerRow({height: height}) {
+    return height <= 0 ? null : /* @__PURE__ */ jsxRuntime.jsx("tr", {
+        "aria-hidden": !0,
+        style: {
+            height: height
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx("td", {
+            colSpan: 99,
+            style: {
+                border: 0,
+                padding: 0
+            }
+        })
+    });
+}
+
+const TABLE_TIME_WIDTH = 112, TABLE_WORKFLOW_WIDTH = {
+    cap: 260,
+    fraction: .18
+}, TABLE_STAGE_WIDTH = {
+    cap: 260,
+    fraction: .16
+};
+
+function SortableHeaderCells({children: children, columns: columns, onSort: onSort, sort: sort, styles: styles, tableWidth: tableWidth, widthOf: widthOf}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ columns.map(column => {
+            const width = widthOf(column, tableWidth);
+            /* @__PURE__ */
+            return jsxRuntime.jsx("th", {
+                style: {
+                    ...styles.head,
+                    ...width === void 0 ? {} : {
+                        width: width
+                    }
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx(SortHeaderButton, {
+                    active: sort.key === column.key,
+                    dir: sort.dir,
+                    label: column.label,
+                    onSort: () => onSort(column.key)
+                })
+            }, column.key);
+        }), children ]
+    });
+}
+
+function VirtualTable({keyAt: keyAt, renderHeader: renderHeader, renderRow: renderRow, rowCount: rowCount}) {
+    const styles = useTableStyles(), [element, setElement] = react.useState(null), tableWidth = useTableWidth(element), window = useRowWindow({
+        element: element,
+        keyAt: keyAt,
+        rowCount: rowCount
+    });
+    /* @__PURE__ */
+    return jsxRuntime.jsx("div", {
+        ref: setElement,
+        style: {
+            overflowX: "clip",
+            ...tableWidth === void 0 ? {
+                visibility: "hidden"
+            } : {}
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs("table", {
+            style: {
+                borderCollapse: "separate",
+                borderSpacing: 0,
+                tableLayout: "fixed",
+                width: "100%"
+            },
+            children: [ 
+            /* @__PURE__ */ jsxRuntime.jsx("thead", {
+                children: /* @__PURE__ */ jsxRuntime.jsx("tr", {
+                    children: renderHeader({
+                        styles: styles,
+                        tableWidth: tableWidth
+                    })
+                })
+            }), 
+            /* @__PURE__ */ jsxRuntime.jsxs("tbody", {
+                children: [ 
+                /* @__PURE__ */ jsxRuntime.jsx(SpacerRow, {
+                    height: window.padTop
+                }), window.items.map(item => renderRow({
+                    index: item.index,
+                    key: item.key,
+                    measureRow: window.measureRow,
+                    tableWidth: tableWidth
+                })), 
+                /* @__PURE__ */ jsxRuntime.jsx(SpacerRow, {
+                    height: window.padBottom
+                }) ]
+            }) ]
+        })
+    });
+}
+
+function SortHeaderButton({active: active, dir: dir, label: label, onSort: onSort}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Button, {
+        fontSize: 1,
+        mode: "bleed",
+        onClick: onSort,
+        padding: 2,
+        text: `${label}${active ? dir === "asc" ? " ↑" : " ↓" : ""}`
+    });
+}
+
+function TableRowCard({children: children, dataIndex: dataIndex, onClick: onClick, onKeyDown: onKeyDown, rowRef: rowRef, selected: selected, selectedRef: selectedRef}) {
+    const setRow = react.useCallback(element => {
+        rowRef?.(element), selected === !0 && selectedRef?.(element);
+    }, [ rowRef, selected, selectedRef ]);
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Card, {
+        as: "tr",
+        "data-as": "a",
+        onClick: event => {
+            event.currentTarget.focus(), onClick();
+        },
+        onKeyDown: selected === !0 ? onKeyDown : void 0,
+        style: {
+            cursor: "pointer",
+            display: "table-row"
+        },
+        ...dataIndex === void 0 ? {} : {
+            "data-index": dataIndex
+        },
+        ...rowRef === void 0 && selectedRef === void 0 ? {} : {
+            ref: setRow
+        },
+        ...selected === void 0 ? {} : {
+            "aria-selected": selected,
+            pressed: selected,
+            tabIndex: selected ? 0 : -1
+        },
+        children: children
+    });
+}
+
+function resolveColumnWidth(width, tableWidth) {
+    return typeof width != "object" ? width : tableWidth === void 0 ? `${width.fraction * 100}%` : Math.min(width.cap, Math.round(tableWidth * width.fraction));
+}
+
+function fillColumnWidth(args) {
+    const {columns: columns, tableWidth: tableWidth, trailingWidth: trailingWidth} = args;
+    if (tableWidth === void 0) return;
+    const fixed = columns.reduce((sum, column) => {
+        const width = resolveColumnWidth(column.width, tableWidth);
+        return typeof width == "number" ? sum + width : sum;
+    }, trailingWidth);
+    return Math.max(160, Math.floor(tableWidth - fixed));
+}
+
+function TableSubjectCell({document: document}) {
+    return document === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+        muted: !0,
+        size: 1,
+        textOverflow: "ellipsis",
+        children: "No document"
+    }) : /* @__PURE__ */ jsxRuntime.jsx(DocRefFace, {
+        gdr: document
+    });
+}
+
+function overdueAttentionHint(documents) {
+    const task = documents === 1 ? "an overdue task" : "overdue tasks";
+    return `${pluralize__default.default("document", documents, !0)} ${documents === 1 ? "has" : "have"} ${task}`;
+}
+
+function blockedAttentionHint(documents) {
+    return `${pluralize__default.default("document", documents, !0)} ${documents === 1 ? "is" : "are"} blocked`;
+}
+
+function overdueMark(detail, now) {
+    const spans = overdueSpans(detail.dues, now), longest = spans.length === detail.dues.length ? spans[0]?.span : void 0;
+    return {
+        hint: overdueHint({
+            detail: detail,
+            longest: longest
+        }),
+        value: sharedSpan(spans, detail.dues.length) ?? "overdue"
+    };
+}
+
+function overdueHint(args) {
+    const {detail: detail, longest: longest} = args;
+    if (detail.dues.length === 1 && detail.task !== void 0) return `“${detail.task}” — ${longest === void 0 ? "overdue" : `${longest} overdue`}`;
+    const tasks = pluralize__default.default("task", detail.dues.length, !0);
+    return longest === void 0 ? `${tasks} overdue` : `${tasks} overdue — the longest by ${longest}`;
+}
+
+function sharedSpan(spans, late) {
+    if (spans.length === late) return new Set(spans.map(entry => entry.span)).size === 1 ? spans[0]?.span : void 0;
+}
+
+function overdueSpans(dues, now) {
+    return dues.flatMap(due => {
+        const from = parseStoredDateValue(due);
+        return from === void 0 ? [] : [ {
+            elapsed: now.getTime() - from.getTime(),
+            span: workflowComponents._shortSpanOf(from, now)
+        } ];
+    }).sort((a, b) => b.elapsed - a.elapsed);
+}
+
+function overdueMarkOpensPanel(tasks) {
+    return tasks.some(task => task.overdueSince !== void 0);
+}
+
+function blockedMarkHint(detail) {
+    return detail.kind === "blocked-many" ? `${pluralize__default.default("task", detail.count, !0)} were sent back` : detail.kind === "blocked-effect" ? `Automation “${detail.effect}” ${detail.failed ? "failed" : "didn’t finish"}` : detail.task === void 0 ? "A task was sent back" : `“${detail.task}” was sent back`;
+}
+
+const ATTENTION_FACES = {
+    blocked: {
+        Icon: ErrorOutline.ErrorOutlineIcon,
+        tone: "critical"
+    },
+    overdue: LATE_FACE
+};
+
+function AttentionMark({detail: detail, now: now, tasks: tasks}) {
+    if (detail.kind === "overdue") {
+        const {hint: hint2, value: value} = overdueMark(detail, now);
+        /* @__PURE__ */
+        return jsxRuntime.jsx(MetricPair, {
+            Icon: ATTENTION_FACES.overdue.Icon,
+            face: overdueMarkOpensPanel(tasks) ? stageTasksFace({
+                now: now,
+                tasks: tasks
+            }) : {
+                text: hint2
+            },
+            label: hint2,
+            tone: ATTENTION_FACES.overdue.tone,
+            value: value
+        });
+    }
+    const hint = blockedMarkHint(detail);
+    /* @__PURE__ */
+    return jsxRuntime.jsx(AlertChip, {
+        Icon: ATTENTION_FACES.blocked.Icon,
+        hint: hint,
+        label: hint,
+        tone: ATTENTION_FACES.blocked.tone
+    });
+}
+
+function documentRefsOf(instance) {
+    const seen = /* @__PURE__ */ new Map;
+    for (const ref of workflowEngine.entryDocRefs(instance.fields)) seen.has(ref.id) || seen.set(ref.id, ref);
+    return [ ...seen.values() ];
+}
+
+function rootInstanceOf(instance, byId) {
+    const rootRef = instance.ancestors[0];
+    return rootRef ? byId.get(workflowEngine.toBareId(rootRef.id)) ?? instance : instance;
+}
+
+function runsScopeOf(row) {
+    return row.endedAt === void 0 ? "open" : "closed";
+}
+
+function rowHasTaskHeldBy(row, who) {
+    return row.tasks.some(task => workflowComponents.assignmentMatch(task.assignees, who) !== void 0);
+}
+
+function runCountsByWorkflow(rows) {
+    return countBy(rows, row => [ row.workflowName ]);
+}
+
+function runCountsByAssignee(rows) {
+    return countBy(rows, row => new Set(userIdsOf(row.assignees)));
+}
+
+function runCountsByRole(rows) {
+    return countBy(rows, row => new Set(row.assignees.flatMap(assignee => assignee.type === "role" ? [ assignee.role ] : [])));
+}
+
+function runAttentionCounts(rows) {
+    let blocked = 0, overdue = 0;
+    for (const row of rows) row.attention === "blocked" && (blocked += 1), row.attention === "overdue" && (overdue += 1);
+    return {
+        blocked: blocked,
+        overdue: overdue
+    };
+}
+
+function unassignedRunCount(rows) {
+    return rows.filter(row => row.assignmentStateCounts.unrouted > 0).length;
+}
+
+function runCountsByStage(rows) {
+    return countBy(rows, row => [ row.stage ]);
+}
+
+function runCountsByRelease(rows) {
+    return countBy(rows, row => new Set(row.releases));
+}
+
+function noReleaseRunCount(rows) {
+    return rows.filter(row => row.releases.length === 0).length;
+}
+
+function releasesOfPerspective(perspective) {
+    return Array.isArray(perspective) ? perspective.filter(name => name !== "drafts") : [];
+}
+
+function runRowsOf(args) {
+    const byId = new Map(args.previews.map(preview => [ preview._id, preview ]));
+    return args.previews.map(preview => runRowOf({
+        byId: byId,
+        definitions: args.definitions,
+        now: args.now,
+        preview: preview
+    }));
+}
+
+function runRowOf(args) {
+    const {byId: byId, definitions: definitions, now: now, preview: preview} = args, definition = definitions.get(preview.definition), settled = workflowEngine.terminalState(preview) !== "in-flight", held = settled ? NO_ASSIGNEES : openAssignees(preview), attentionDetail = settled ? void 0 : blockedRunDetail({
+        definition: definition,
+        preview: preview
+    }) ?? overdueRunDetail({
+        definition: definition,
+        now: now,
+        preview: preview
+    });
+    return {
+        id: preview._id,
+        document: documentRefsOf(rootInstanceOf(preview, byId))[0],
+        workflowName: preview.definition,
+        workflowTitle: definition?.title ?? preview.definition,
+        stage: preview.currentStage,
+        stageTitle: stageTitle(definition, preview.currentStage),
+        releases: releasesOfPerspective(preview.perspective),
+        startedAt: preview.startedAt,
+        endedAt: settled ? preview.completedAt ?? preview.abortedAt : void 0,
+        outcome: outcomeOf(preview, definition),
+        attention: attentionKindOf(attentionDetail),
+        attentionDetail: attentionDetail,
+        assignees: held.assignees,
+        assignments: held.assignments,
+        assignmentStateCounts: held.counts,
+        tasks: settled ? [] : stageTasksOf({
+            definition: definition,
+            instance: preview,
+            now: now
+        })
+    };
+}
+
+function attentionKindOf(detail) {
+    if (detail !== void 0) return detail.kind === "overdue" ? "overdue" : "blocked";
+}
+
+function blockedArmOf(detail) {
+    if (!(detail === void 0 || detail.kind === "overdue")) return detail;
+}
+
+function overdueArmOf(detail) {
+    return detail?.kind === "overdue" ? detail : void 0;
+}
+
+function outcomeOf(preview, definition) {
+    const state = workflowEngine.terminalState(preview);
+    if (state !== "in-flight") return state === "aborted" ? "Aborted" : stageTitle(definition, preview.currentStage);
+}
+
+function blockedRunDetail(args) {
+    const {definition: definition, preview: preview} = args, {stage: stage, titleOf: titleOf2} = activityTitleResolver(preview, definition), failed = (stage?.activities ?? []).filter(activity => activity.status === "failed");
+    if (failed.length > 1) return {
+        count: failed.length,
+        kind: "blocked-many"
+    };
+    const only = failed[0];
+    if (only !== void 0) return {
+        kind: "blocked",
+        task: titleOf2(only.name)
+    };
+    const stuck = stuckEffectOf({
+        definition: definition,
+        preview: preview,
+        stage: stage
+    });
+    return stuck === void 0 ? void 0 : {
+        effect: stuck.effect.title ?? stuck.effect.name,
+        failed: stuck.failed,
+        kind: "blocked-effect"
+    };
+}
+
+function stuckEffectOf(args) {
+    const reported = failedDeclaredEffect(args);
+    if (reported !== void 0) return {
+        effect: reported,
+        failed: !0
+    };
+    const claimed = args.preview.claimedEffects[0];
+    return claimed === void 0 ? void 0 : {
+        effect: claimed,
+        failed: !1
+    };
+}
+
+function failedDeclaredEffect(args) {
+    const {definition: definition, preview: preview, stage: stage} = args;
+    if (definition === void 0 || definition.version !== preview.pinnedVersion || stage === void 0) return;
+    const stageNode = workflowEngine.findStageNode({
+        definition: definition,
+        stageName: stage.name
+    }), unresolved = new Set(stage.activities.filter(activity => activity.status !== "done" && activity.status !== "skipped").map(activity => activity.name)), declared = new Set((stageNode?.activities ?? []).filter(activity => unresolved.has(activity.name)).flatMap(activity => (activity.actions ?? []).flatMap(action => (action.effects ?? []).map(e => e.name))));
+    return [ ...preview.failedEffects ].reverse().find(effect => declared.has(effect.name));
+}
+
+function overdueRunDetail(args) {
+    const {definition: definition, now: now, preview: preview} = args, late = overdueTasks(preview, now);
+    if (late.length === 0) return;
+    const {titleOf: titleOf2} = activityTitleResolver(preview, definition), only = late.length === 1 ? late[0] : void 0;
+    return {
+        dues: late.flatMap(activity => {
+            const due = passedDueOf(activity, now);
+            return due === void 0 ? [] : [ due ];
+        }),
+        kind: "overdue",
+        task: only === void 0 ? void 0 : titleOf2(only.name)
+    };
+}
+
+function activityTitleResolver(preview, definition) {
+    const stage = workflowEngine.findOpenStageEntry(preview);
+    return {
+        stage: stage,
+        titleOf: activityName => findActivity({
+            activityName: activityName,
+            definition: definition,
+            stageName: stage?.name ?? ""
+        }).title
+    };
+}
+
+const NO_ASSIGNEES = {
+    assignees: [],
+    assignments: [],
+    counts: {
+        unrouted: 0,
+        routed: 0,
+        held: 0
+    }
+};
+
+function openAssignees(instance) {
+    const users = /* @__PURE__ */ new Map, roles = /* @__PURE__ */ new Map, assignments = workflowEngine.openActivityAssignments(instance), counts = {
+        unrouted: 0,
+        routed: 0,
+        held: 0
+    };
+    for (const members of assignments) counts[workflowEngine.assignmentState(members)] += 1, 
+    recordAssignees(workflowEngine.activeAssignmentMembers(members), {
+        users: users,
+        roles: roles
+    });
+    return {
+        assignees: [ ...users.values(), ...roles.values() ],
+        assignments: assignments,
+        counts: counts
+    };
+}
+
+function recordAssignees(assignees, maps) {
+    for (const assignee of assignees) (assignee.type === "user" ? maps.users : maps.roles).set(assignee.type === "user" ? assignee.id : assignee.role, assignee);
+}
+
+function tasksWidthOf(tableWidth) {
+    return tableWidth === void 0 ? 176 : tableWidth >= 1040 ? 224 : 176;
+}
+
+function taskRoomOf(args) {
+    const cell = tasksWidthOf(args.tableWidth) - args.inset * 2;
+    return args.overdue ? cell - 76 - args.gap : cell;
+}
+
+const OPEN_COLUMNS = [ {
+    key: "document",
+    label: "Workflow subject"
+}, {
+    key: "workflow",
+    label: "Workflow",
+    width: TABLE_WORKFLOW_WIDTH
+}, {
+    key: "stage",
+    label: "Stage",
+    width: TABLE_STAGE_WIDTH
+}, {
+    key: "started",
+    label: "Started",
+    width: TABLE_TIME_WIDTH
+} ], CLOSED_COLUMNS = [ {
+    key: "document",
+    label: "Workflow subject"
+}, {
+    key: "workflow",
+    label: "Workflow",
+    width: TABLE_WORKFLOW_WIDTH
+}, {
+    key: "outcome",
+    label: "Outcome",
+    width: TABLE_STAGE_WIDTH
+}, {
+    key: "started",
+    label: "Started",
+    width: TABLE_TIME_WIDTH
+}, {
+    key: "ended",
+    label: "Closed",
+    width: TABLE_TIME_WIDTH
+} ];
+
+function runsTableColumnsOf(args) {
+    const columns = args.scope === "closed" ? CLOSED_COLUMNS : OPEN_COLUMNS;
+    return args.scopedToWorkflow ? columns.filter(column => column.key !== "workflow") : columns;
+}
+
+function runsDocumentWidthOf(args) {
+    const trailing = args.scope === "open" ? tasksWidthOf(args.tableWidth) : 0;
+    return fillColumnWidth({
+        columns: args.columns,
+        tableWidth: args.tableWidth,
+        trailingWidth: trailing
+    });
+}
+
+const TASKS_CELL_GAP_TOKEN = 3;
+
+function RunsTable({now: now, onNavigateKey: onNavigateKey, onSelectRun: onSelectRun, onSort: onSort, rows: rows, scope: scope, scopedToWorkflow: scopedToWorkflow, selectedId: selectedId, selectedRef: selectedRef, sort: sort}) {
+    const columns = runsTableColumnsOf({
+        scope: scope,
+        scopedToWorkflow: scopedToWorkflow
+    }), cellInset = useSpaceToken(2), markGap = useSpaceToken(TASKS_CELL_GAP_TOKEN);
+    /* @__PURE__ */
+    return jsxRuntime.jsx(VirtualTable, {
+        renderHeader: args => /* @__PURE__ */ jsxRuntime.jsx(RunsHeader, {
+            columns: columns,
+            onSort: onSort,
+            scope: scope,
+            sort: sort,
+            styles: args.styles,
+            tableWidth: args.tableWidth
+        }),
+        keyAt: index => rows[index]?.id ?? String(index),
+        renderRow: ({index: index, key: key, measureRow: measureRow, tableWidth: tableWidth}) => {
+            const row = rows[index];
+            if (row === void 0) return null;
+            const overdue = overdueArmOf(row.attentionDetail);
+            /* @__PURE__ */
+            return jsxRuntime.jsx(RunTableRow, {
+                dataIndex: index,
+                measureRow: measureRow,
+                now: now,
+                onNavigateKey: onNavigateKey,
+                onSelectRun: onSelectRun,
+                row: row,
+                scope: scope,
+                scopedToWorkflow: scopedToWorkflow,
+                selected: row.id === selectedId,
+                selectedRef: selectedRef,
+                overdue: overdue,
+                taskRoom: taskRoomOf({
+                    gap: markGap,
+                    inset: cellInset,
+                    overdue: overdue !== void 0,
+                    tableWidth: tableWidth
+                })
+            }, key);
+        },
+        rowCount: rows.length
+    });
+}
+
+function RunsHeader({columns: columns, onSort: onSort, scope: scope, sort: sort, styles: styles, tableWidth: tableWidth}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(SortableHeaderCells, {
+        columns: columns,
+        onSort: onSort,
+        sort: sort,
+        styles: styles,
+        tableWidth: tableWidth,
+        widthOf: (column, width) => column.key === "document" ? runsDocumentWidthOf({
+            columns: columns,
+            scope: scope,
+            tableWidth: width
+        }) : resolveColumnWidth(column.width, width),
+        children: scope === "open" ? /* @__PURE__ */ jsxRuntime.jsx("th", {
+            style: {
+                ...styles.head,
+                width: tasksWidthOf(tableWidth)
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
+                padding: 2,
+                children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                    muted: !0,
+                    size: 1,
+                    children: "Tasks"
+                })
+            })
+        }) : null
+    });
+}
+
+const RunTableRow = react.memo(function({dataIndex: dataIndex, measureRow: measureRow, now: now, onNavigateKey: onNavigateKey, onSelectRun: onSelectRun, overdue: overdue, row: row, scope: scope, scopedToWorkflow: scopedToWorkflow, selected: selected, selectedRef: selectedRef, taskRoom: taskRoom}) {
+    const styles = useTableStyles(), documentInset = useSpaceToken(1);
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(TableRowCard, {
+        dataIndex: dataIndex,
+        onClick: () => onSelectRun(row),
+        onKeyDown: onNavigateKey,
+        rowRef: measureRow,
+        selected: selected,
+        selectedRef: selectedRef,
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: {
+                ...styles.cell,
+                paddingLeft: documentInset
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(TableSubjectCell, {
+                document: row.document
+            })
+        }), scopedToWorkflow ? null : /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                muted: !0,
+                size: 1,
+                textOverflow: "ellipsis",
+                children: row.workflowTitle
+            })
+        }), scope === "closed" ? /* @__PURE__ */ jsxRuntime.jsx(ClosedCells, {
+            now: now,
+            row: row
+        }) : /* @__PURE__ */ jsxRuntime.jsx(OpenCells, {
+            now: now,
+            overdue: overdue,
+            row: row,
+            taskRoom: taskRoom
+        }) ]
+    });
+});
+
+function OpenCells({now: now, overdue: overdue, row: row, taskRoom: taskRoom}) {
+    const styles = useTableStyles(), blocked = blockedArmOf(row.attentionDetail);
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
+                align: "center",
+                gap: 2,
+                children: [ 
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                    size: 1,
+                    textOverflow: "ellipsis",
+                    children: row.stageTitle
+                }), blocked === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(AttentionMark, {
+                    detail: blocked,
+                    now: now,
+                    tasks: row.tasks
+                }) ]
+            })
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.AgoStamp, {
+                at: row.startedAt,
+                now: now
+            })
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: {
+                ...styles.cell,
+                overflow: "hidden"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
+                align: "center",
+                gap: TASKS_CELL_GAP_TOKEN,
+                children: [ 
+                /* @__PURE__ */ jsxRuntime.jsx(StageTaskGroups, {
+                    now: now,
+                    room: taskRoom,
+                    tasks: row.tasks
+                }), overdue === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(AttentionMark, {
+                    detail: overdue,
+                    now: now,
+                    tasks: row.tasks
+                }) ]
+            })
+        }) ]
+    });
+}
+
+function ClosedCells({now: now, row: row}) {
+    const styles = useTableStyles();
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                size: 1,
+                textOverflow: "ellipsis",
+                children: row.outcome
+            })
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.AgoStamp, {
+                at: row.startedAt,
+                now: now
+            })
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: styles.cell,
+            children: row.endedAt === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.AgoStamp, {
+                at: row.endedAt,
+                now: now
+            })
+        }) ]
+    });
+}
+
+function DueStamp({due: due, now: now}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Flex, {
+        align: "center",
+        children: /* @__PURE__ */ jsxRuntime.jsx(workflowComponents._HoverHint, {
+            text: dueMomentSentence(due, now),
+            children: isDueDatePast(due, now) ? /* @__PURE__ */ jsxRuntime.jsx(LateSpan, {
+                now: now,
+                since: due
+            }) : 
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                muted: !0,
+                size: 1,
+                style: {
+                    whiteSpace: "nowrap"
+                },
+                children: formatDate(due)
+            })
+        })
+    });
+}
+
+const TASK_WIDTH = {
+    cap: 280,
+    fraction: .22
+}, FOR_ME_ATTENTION_WIDTH = 48, FOR_ME_ASSIGNEE_WIDTH = 96, FOR_ME_COLUMNS = [ {
+    key: "document",
+    label: "Workflow subject"
+}, {
+    key: "task",
+    label: "Task",
+    width: TASK_WIDTH
+}, {
+    key: "opened",
+    label: "Opened",
+    width: TABLE_TIME_WIDTH
+}, {
+    key: "workflow",
+    label: "Workflow",
+    width: TABLE_WORKFLOW_WIDTH
+}, {
+    key: "due",
+    label: "Due",
+    width: TABLE_TIME_WIDTH
+} ];
+
+function forMeDocumentWidthOf(tableWidth) {
+    return fillColumnWidth({
+        columns: FOR_ME_COLUMNS,
+        tableWidth: tableWidth,
+        trailingWidth: FOR_ME_ASSIGNEE_WIDTH + FOR_ME_ATTENTION_WIDTH
+    });
+}
+
+function ForMeTable({now: now, onNavigateKey: onNavigateKey, onSelect: onSelect, onSort: onSort, rows: rows, selectedId: selectedId, selectedRef: selectedRef, sort: sort}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(VirtualTable, {
+        renderHeader: args => /* @__PURE__ */ jsxRuntime.jsxs(SortableHeaderCells, {
+            columns: FOR_ME_COLUMNS,
+            onSort: onSort,
+            sort: sort,
+            styles: args.styles,
+            tableWidth: args.tableWidth,
+            widthOf: (column, tableWidth) => column.key === "document" ? forMeDocumentWidthOf(tableWidth) : resolveColumnWidth(column.width, tableWidth),
+            children: [ 
+            /* @__PURE__ */ jsxRuntime.jsx("th", {
+                style: {
+                    ...args.styles.head,
+                    width: FOR_ME_ASSIGNEE_WIDTH
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
+                    padding: 2,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                        muted: !0,
+                        size: 1,
+                        children: "Assignee"
+                    })
+                })
+            }), 
+            /* @__PURE__ */ jsxRuntime.jsx("th", {
+                "aria-label": "Attention",
+                style: {
+                    ...args.styles.head,
+                    width: FOR_ME_ATTENTION_WIDTH
+                }
+            }) ]
+        }),
+        keyAt: index => rows[index]?.id ?? String(index),
+        renderRow: ({index: index, key: key, measureRow: measureRow}) => {
+            const row = rows[index];
+            return row === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(ForMeTableRow, {
+                dataIndex: index,
+                measureRow: measureRow,
+                now: now,
+                onNavigateKey: onNavigateKey,
+                onSelect: onSelect,
+                row: row,
+                selected: row.id === selectedId,
+                selectedRef: selectedRef
+            }, key);
+        },
+        rowCount: rows.length
+    });
+}
+
+const ForMeTableRow = react.memo(function({dataIndex: dataIndex, measureRow: measureRow, now: now, onNavigateKey: onNavigateKey, onSelect: onSelect, row: row, selected: selected, selectedRef: selectedRef}) {
+    const styles = useTableStyles(), documentInset = useSpaceToken(1);
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(TableRowCard, {
+        dataIndex: dataIndex,
+        onClick: () => onSelect(row),
+        onKeyDown: onNavigateKey,
+        rowRef: measureRow,
+        selected: selected,
+        selectedRef: selectedRef,
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: {
+                ...styles.cell,
+                paddingLeft: documentInset
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(TableSubjectCell, {
+                document: row.document
+            })
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                size: 1,
+                textOverflow: "ellipsis",
+                children: row.title
+            })
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.AgoStamp, {
+                at: row.openedAt,
+                now: now
+            })
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                muted: !0,
+                size: 1,
+                textOverflow: "ellipsis",
+                children: row.workflowTitle
+            })
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: styles.cell,
+            children: row.due === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(DueStamp, {
+                due: row.due,
+                now: now
+            })
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: {
+                ...styles.cell,
+                overflow: "hidden"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+                align: "center",
+                children: /* @__PURE__ */ jsxRuntime.jsx(RowAssignees, {
+                    assignees: row.assignees
+                })
+            })
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsxRuntime.jsx(ForMeAttentionCell, {
+                now: now,
+                row: row
+            })
+        }) ]
+    });
+});
+
+function ForMeAttentionCell({now: now, row: row}) {
+    const blocked = blockedArmOf(row.attentionDetail);
+    return blocked === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+        align: "center",
+        children: /* @__PURE__ */ jsxRuntime.jsx(AttentionMark, {
+            detail: blocked,
+            now: now,
+            tasks: []
+        })
+    });
+}
+
+function forMeRowId(instanceId, activityName) {
+    return `${instanceId}\t${activityName}`;
+}
+
+function forMeTaskRowsOf(args) {
+    const {rows: rows, who: who} = args;
+    return rows.flatMap(row => row.tasks.flatMap(task => {
+        const assignment = assignmentHolding(task.assignees, who);
+        if (assignment === "other") return [];
+        const attentionDetail = taskAttentionDetail({
+            row: row,
+            task: task
+        });
+        return [ {
+            id: forMeRowId(row.id, task.name),
+            instanceId: row.id,
+            activityName: task.name,
+            title: task.title,
+            document: row.document,
+            workflowTitle: row.workflowTitle,
+            releases: row.releases,
+            openedAt: task.openedAt,
+            due: task.due,
+            attention: attentionKindOf(attentionDetail),
+            attentionDetail: attentionDetail,
+            assignees: task.assignees,
+            assignment: assignment
+        } ];
+    }));
+}
+
+function forMeSummaryOf(rows) {
+    const documents = new Set(rows.flatMap(row => row.document === void 0 ? [] : [ row.document.id ])), releases = new Set(rows.flatMap(row => row.releases));
+    return {
+        lead: rows.length === 0 ? "No tasks" : pluralize__default.default("task", rows.length, !0),
+        subjects: `on ${pluralize__default.default("document", documents.size, !0)}, and ${pluralize__default.default("release", releases.size, !0)}`
+    };
+}
+
+function forMeSectionsOf(rows) {
+    return {
+        assignedToUser: rows.filter(row => row.assignment === "you"),
+        assignedToRoles: rows.filter(row => row.assignment === "role")
+    };
+}
+
+function resolveForMeAddress(args) {
+    const {rows: rows, run: run, task: task} = args;
+    if (run === void 0) return;
+    if (task !== void 0) return rows.some(row => row.instanceId === run && row.activityName === task) ? {
+        run: run,
+        task: task
+    } : void 0;
+    const first = rows.find(row => row.instanceId === run);
+    return first === void 0 ? void 0 : {
+        run: first.instanceId,
+        task: first.activityName
+    };
+}
+
+function taskAttentionDetail(args) {
+    const {row: row, task: task} = args;
+    if (task.status === "failed") return {
+        kind: "blocked",
+        task: task.title
+    };
+    if (row.attention === "blocked") return row.attentionDetail;
+    if (task.overdueSince !== void 0) return {
+        dues: [ task.overdueSince ],
+        kind: "overdue",
+        task: task.title
+    };
+}
+
+exports.ATTENTION_FACES = ATTENTION_FACES;
+
+exports.AbortWorkflowDialog = AbortWorkflowDialog;
+
+exports.ActivityDetailBody = ActivityDetailBody;
+
+exports.ActivityDetailDialog = ActivityDetailDialog;
+
+exports.ActivityLog = ActivityLog;
+
+exports.AlertGlyph = AlertGlyph;
+
+exports.AttentionMark = AttentionMark;
+
+exports.Breadcrumb = Breadcrumb;
+
+exports.CodeChip = CodeChip;
+
+exports.CountedLabel = CountedLabel;
+
+exports.DismissablePopover = DismissablePopover;
+
+exports.DocPreviewLink = DocPreviewLink;
+
+exports.DocRefFace = DocRefFace;
+
+exports.EmptyState = EmptyState;
+
+exports.FOR_ME_SECTION_COPY = FOR_ME_SECTION_COPY;
+
+exports.ForMeEmptyState = ForMeEmptyState;
+
+exports.ForMeSectionHeading = ForMeSectionHeading;
+
+exports.ForMeTable = ForMeTable;
+
+exports.InstanceFaultNote = InstanceFaultNote;
+
+exports.InstanceSnapshotBody = InstanceSnapshotBody;
+
+exports.InvalidDocNotice = InvalidDocNotice;
+
+exports.LoadingRow = LoadingRow;
+
+exports.LogEventOnMount = LogEventOnMount;
+
+exports.MetaRow = MetaRow;
+
+exports.MetricPair = MetricPair;
+
+exports.NoteBanner = NoteBanner;
+
+exports.RUN_SEARCH_PARAM = RUN_SEARCH_PARAM;
+
+exports.RunsTable = RunsTable;
 
 exports.SectionHeading = SectionHeading;
 
+exports.SortHeaderButton = SortHeaderButton;
+
 exports.SpinnerSlot = SpinnerSlot;
 
+exports.StageTaskGroups = StageTaskGroups;
+
 exports.TOOL_TABS = TOOL_TABS;
 
 exports.TabSwitch = TabSwitch;
 
+exports.TableRowCard = TableRowCard;
+
+exports.UNREADABLE_DOCUMENT = UNREADABLE_DOCUMENT;
+
 exports.UnreadableDocsNote = UnreadableDocsNote;
 
 exports.WORKFLOW_API_VERSION = WORKFLOW_API_VERSION;
@@ -12132,11 +13556,9 @@ exports.WorkflowTitleSeedDrifted = WorkflowTitleSeedDrifted;
 
 exports.WorkflowToolOpened = WorkflowToolOpened;
 
-exports.activityLabel = activityLabel;
-
-exports.assigneesOf = assigneesOf;
+exports.blockedAttentionHint = blockedAttentionHint;
 
-exports.assignmentHolding = assignmentHolding;
+exports.blockedRunDetail = blockedRunDetail;
 
 exports.countBy = countBy;
 
@@ -12148,19 +13570,15 @@ exports.deriveActivityDetail = deriveActivityDetail;
 
 exports.describeError = describeError;
 
-exports.disambiguatedNames = disambiguatedNames;
+exports.documentRefsOf = documentRefsOf;
 
-exports.dueDatesOf = dueDatesOf;
+exports.forMeRowId = forMeRowId;
 
-exports.dueMomentSentence = dueMomentSentence;
+exports.forMeSectionsOf = forMeSectionsOf;
 
-exports.findActivity = findActivity;
+exports.forMeSummaryOf = forMeSummaryOf;
 
-exports.formatDate = formatDate;
-
-exports.formatShortAgo = formatShortAgo;
-
-exports.formatShortDateTime = formatShortDateTime;
+exports.forMeTaskRowsOf = forMeTaskRowsOf;
 
 exports.formatTimeAgo = formatTimeAgo;
 
@@ -12172,31 +13590,51 @@ exports.instanceBreadcrumb = instanceBreadcrumb;
 
 exports.instanceTitle = instanceTitle;
 
-exports.isDueDatePast = isDueDatePast;
-
 exports.isEvaluationStale = isEvaluationStale;
 
-exports.isHandsOff = isHandsOff;
-
 exports.isLiveEntry = isLiveEntry;
 
-exports.isOpenActivityStatus = isOpenActivityStatus;
-
 exports.landingState = landingState;
 
 exports.mappingIssueDetail = mappingIssueDetail;
 
 exports.namesNoDeployedDefinition = namesNoDeployedDefinition;
 
+exports.noReleaseRunCount = noReleaseRunCount;
+
 exports.openActivityGone = openActivityGone;
 
 exports.openableSchemaType = openableSchemaType;
 
-exports.parseStoredDateValue = parseStoredDateValue;
+exports.overdueAttentionHint = overdueAttentionHint;
+
+exports.overdueRunDetail = overdueRunDetail;
 
 exports.readDeployedDefinitions = readDeployedDefinitions;
 
-exports.shortSpanOf = shortSpanOf;
+exports.resolveForMeAddress = resolveForMeAddress;
+
+exports.rowHasTaskHeldBy = rowHasTaskHeldBy;
+
+exports.runAttentionCounts = runAttentionCounts;
+
+exports.runCountsByAssignee = runCountsByAssignee;
+
+exports.runCountsByRelease = runCountsByRelease;
+
+exports.runCountsByRole = runCountsByRole;
+
+exports.runCountsByStage = runCountsByStage;
+
+exports.runCountsByWorkflow = runCountsByWorkflow;
+
+exports.runRowsOf = runRowsOf;
+
+exports.runsScopeOf = runsScopeOf;
+
+exports.scrollParentOf = scrollParentOf;
+
+exports.stageTasksOf = stageTasksOf;
 
 exports.stageTitle = stageTitle;
 
@@ -12206,7 +13644,9 @@ exports.toolRoute = toolRoute;
 
 exports.toolTabState = toolTabState;
 
-exports.uniqueIds = uniqueIds;
+exports.unassignedRunCount = unassignedRunCount;
+
+exports.useAlertChipSize = useAlertChipSize;
 
 exports.useAssignmentIdentity = useAssignmentIdentity;
 
@@ -12232,6 +13672,8 @@ exports.useReleaseTitles = useReleaseTitles;
 
 exports.useSpaceToken = useSpaceToken;
 
+exports.useTableStyles = useTableStyles;
+
 exports.useTextIconSize = useTextIconSize;
 
 exports.useUserDisplays = useUserDisplays;