@sanity/workflow-studio-plugin 0.32.0 → 0.33.0

package/dist/_chunks-es/index.js

@@ -2,23 +2,23 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 
 import { TimelineIcon } from "@sanity/icons/Timeline";
 
-import { Popover, Tooltip, Box, Stack, Text, useClickOutsideEvent, Flex, TextInput, Button, Select, Checkbox, Autocomplete, Card, TextArea, useToast, Dialog, Switch, useTheme_v2, TextSkeleton, Code, Badge, Spinner, MenuButton, Menu, MenuItem, useElementSize, MenuDivider, TabList, Tab, TabPanel } from "@sanity/ui";
+import { useClickOutsideEvent, Popover, Box, Flex, TextInput, Button, Select, Checkbox, Text, Stack, Autocomplete, Card, TextArea, useToast, Dialog, Switch, useTheme_v2, TextSkeleton, Code, Badge, Spinner, MenuButton, Menu, MenuItem, useElementSize, MenuDivider, TabList, Tab, TabPanel } from "@sanity/ui";
 
 import { editFieldTarget, useWorkflowTelemetry, useRefcountedIds } from "@sanity/workflow-react";
 
-import { createContext, useContext, useEffect, useSyncExternalStore, useCallback, Fragment as Fragment$1, useRef, useMemo, useState, createElement, isValidElement, useId, useLayoutEffect, Component, useEffectEvent, lazy, Suspense } from "react";
+import { createContext, useContext, useEffect, useSyncExternalStore, useCallback, Fragment as Fragment$1, useRef, useMemo, useState, createElement, isValidElement, useId, useLayoutEffect, Component, useEffectEvent, lazy, Suspense, memo } from "react";
 
 import { usePaneRouter } from "sanity/structure";
 
-import { WORKFLOW_INSTANCE_TYPE, WORKFLOW_DEFINITION_TYPE, GUARD_DOC_TYPE, tryParseGdr, resourceFromParsed, latestDeployedDefinitions, isStartableDefinition, isSubjectEntry, isInputSourced, acceptsDocumentType, initialFieldIssues, gdrRef, releaseRef, refKindAcceptsTypes, rejectedRefTypes, ActionDisabledError, MutationGuardDeniedError, EditFieldDeniedError, errorMessage, actionRendering, terminalState, findOpenStageEntry, isTodoListEntry, isTodoListItem, isTerminalActivityStatus, assignmentMembers, describeCondition, sentenceCase, checklistLines, findCurrentActivityEntry, ENGINE_API_VERSION, userLoginProvider, classifyPrincipalId, scalarValidationIssues, toBareId, findStageNode, findActivityNode, isSingleDocRefEntry, isGdr, resolveFieldEntry, isSingleDocRefKind, isNotesEntry, remediationsFor, diagnoseInstance, diagnoseInputFromEvaluation, documentStuckCause, parseDefinitionSnapshot, isUnprimed, isTerminalStage, DEFAULT_TRANSITION_WHEN, instancesQuery, assertReadableModel, projectStartSliceRow, StartNotSettledError, StartNotAllowedError, isRevisionConflict, humanize, unboundRequirementReads, explainStartRequirement, singleSubjectRequirementRefused, evaluateStartFilter, startKindOf, hasSingleSubjectRequirement, readsRootDocument, latestDefinitionsGroq, gdrFromResource, subscriptionDocumentsForInstance, aclPathForResource, documentActionDenials, definitionLookupGroq, instanceDocId, missingRequiredInputs, clientGuardDereference } from "@sanity/workflow-engine";
+import { WORKFLOW_INSTANCE_TYPE, WORKFLOW_DEFINITION_TYPE, GUARD_DOC_TYPE, tryParseGdr, resourceFromParsed, latestDeployedDefinitions, isStartableDefinition, isSubjectEntry, isInputSourced, acceptsDocumentType, initialFieldIssues, gdrRef, releaseRef, refKindAcceptsTypes, rejectedRefTypes, ActionDisabledError, MutationGuardDeniedError, EditFieldDeniedError, errorMessage, actionRendering, terminalState, findOpenStageEntry, isTodoListEntry, isTodoListItem, isTerminalActivityStatus, assignmentMembers, describeCondition, sentenceCase, checklistLines, findCurrentActivityEntry, ENGINE_API_VERSION, userLoginProvider, classifyPrincipalId, scalarValidationIssues, toBareId, findStageNode, findActivityNode, isSingleDocRefEntry, isGdr, resolveFieldEntry, isSingleDocRefKind, isNotesEntry, remediationsFor, _additionalMissingDocuments, _missingDocumentsSummary, diagnoseInstance, diagnoseInputFromEvaluation, documentStuckCause, parseDefinitionSnapshot, isUnprimed, isTerminalStage, DEFAULT_TRANSITION_WHEN, instancesQuery, assertReadableModel, projectStartSliceRow, StartNotSettledError, StartNotAllowedError, isRevisionConflict, humanize, unboundRequirementReads, explainStartRequirement, singleSubjectRequirementRefused, evaluateStartFilter, startKindOf, hasSingleSubjectRequirement, readsRootDocument, latestDefinitionsGroq, gdrFromResource, subscriptionDocumentsForInstance, aclPathForResource, documentActionDenials, definitionLookupGroq, instanceDocId, missingRequiredInputs, clientGuardDereference, deriveWorkflowAutonomy, deriveExecutorClassification, entryDocRefs, openActivityAssignments, assignmentState, activeAssignmentMembers } from "@sanity/workflow-engine";
 
 import { CheckmarkIcon } from "@sanity/icons/Checkmark";
 
 import { CloseIcon } from "@sanity/icons/Close";
 
-import { formatDistanceToNow } from "date-fns/formatDistanceToNow";
+import { _formatShortDateTime, assignmentMatch, sameAssignee, projectMemberRow, providerTitle, ClearableDatePicker, AssigneePicker as AssigneePicker$1, MemberPicker as MemberPicker$1, MemberAvatar, _HoverHint, AssigneeBadges as AssigneeBadges$1, AssigneeBadge as AssigneeBadge$1, _useDelayedFlag, ProgressBar, memberRoleFor, AssigneeStack, roleLabel, ActivityStatusIcon, clampProgress, MemberAvatarGroup, progressCaption, DatePicker, roleLabelFor, roleListLabel, AgoStamp, StartIncompleteBadge, _CheckmarkCircleFilledIcon, _shortSpanOf, roleMemberCount, memberCountLabel, _formatShortAgo } from "@sanity/workflow-components";
 
-import { assignmentMatch, sameAssignee, projectMemberRow, providerTitle, ClearableDatePicker, AssigneePicker as AssigneePicker$1, MemberPicker as MemberPicker$1, MemberAvatar, AssigneeBadges as AssigneeBadges$1, AssigneeBadge as AssigneeBadge$1, ProgressBar, memberRoleFor, AssigneeStack, roleLabel, clampProgress, MemberAvatarGroup, progressCaption, DatePicker, roleLabelFor, roleListLabel } from "@sanity/workflow-components";
+import { formatDistanceToNow } from "date-fns/formatDistanceToNow";
 
 import { getPublishedId, getDraftId } from "@sanity/client/csm";
 
@@ -48,16 +48,12 @@ import { IntentLink, route } from "sanity/router";
 
 import { isDocumentSchemaType } from "@sanity/types";
 
+import { useKeyed } from "@sanity/workflow-react/observer";
+
 import { LaunchIcon } from "@sanity/icons/Launch";
 
 import { ErrorOutlineIcon } from "@sanity/icons/ErrorOutline";
 
-import { EmptyIcon } from "@sanity/icons/Empty";
-
-import { ErrorFilledIcon } from "@sanity/icons/ErrorFilled";
-
-import { RemoveCircleIcon } from "@sanity/icons/RemoveCircle";
-
 import { AddUserIcon } from "@sanity/icons/AddUser";
 
 import { AddIcon } from "@sanity/icons/Add";
@@ -86,10 +82,14 @@ import { ArrowUpIcon } from "@sanity/icons/ArrowUp";
 
 import { of } from "rxjs";
 
-import { switchMap, distinctUntilChanged } from "rxjs/operators";
+import { switchMap, startWith, distinctUntilChanged } from "rxjs/operators";
 
 import { TransferIcon } from "@sanity/icons/Transfer";
 
+import { UsersIcon } from "@sanity/icons/Users";
+
+import { useVirtualizer } from "@tanstack/react-virtual";
+
 const WORKFLOW_SYSTEM_TYPES = [ WORKFLOW_INSTANCE_TYPE, WORKFLOW_DEFINITION_TYPE, GUARD_DOC_TYPE ];
 
 function contentDocumentTypes(schema) {
@@ -464,17 +464,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(d, {
@@ -482,32 +471,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} ${_formatShortDateTime(at)}`
     } : {
         lead: `${verb} ${ago}`,
-        detail: formatShortDateTime(at)
+        detail: _formatShortDateTime(at)
     };
 }
 
@@ -522,7 +492,7 @@ function formatDate(value) {
 }
 
 function formatDueMoment(value) {
-    return storedDateKind(value) === "date" ? formatDate(value) : formatShortDateTime(value);
+    return storedDateKind(value) === "date" ? formatDate(value) : _formatShortDateTime(value);
 }
 
 function dueMomentSentence(value, now) {
@@ -1656,105 +1626,6 @@ function buildParams(decls, values) {
     };
 }
 
-const LOADING_CUE_DELAY_MS = 400;
-
-function useDelayedFlag(active, delayMs) {
-    const [held, setHeld] = useState(!1);
-    return 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__ */ jsx(AnchoredHint, {
-        ...props
-    }) : /* @__PURE__ */ jsx(WrappingHint, {
-        ...props
-    });
-}
-
-function AnchoredHint(props) {
-    const {disabled: disabled = !1} = props, open = useDelayedFlag(props.open === !0 && !disabled, OPEN_DELAY_MS);
-    /* @__PURE__ */
-    return jsx(Popover, {
-        animate: !0,
-        content: /* @__PURE__ */ 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 jsx(Tooltip, {
-        animate: !0,
-        content: disabled ? null : /* @__PURE__ */ 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__ */ jsx(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 jsx(Box, {
-        style: {
-            maxWidth: props.content !== void 0 && props.wide ? 400 : 280
-        },
-        children: props.content !== void 0 ? props.content : /* @__PURE__ */ jsxs(Stack, {
-            gap: 3,
-            children: [ 
-            /* @__PURE__ */ jsx(Text, {
-                size: 1,
-                ...props.textWeight === void 0 ? {} : {
-                    weight: props.textWeight
-                },
-                children: props.text
-            }), props.description === void 0 ? null : /* @__PURE__ */ jsx(Text, {
-                muted: !0,
-                size: 1,
-                children: props.description
-            }) ]
-        })
-    });
-}
-
 function textInputFacet(kind) {
     return kind === "number" || kind === "progress" ? {
         type: "number"
@@ -2163,7 +2034,7 @@ function DocRefsInput({value: value, onChange: onChange, types: types}) {
                     type: ref.type
                 })
             }), 
-            /* @__PURE__ */ jsx(HoverHint, {
+            /* @__PURE__ */ jsx(_HoverHint, {
                 text: "Remove",
                 children: /* @__PURE__ */ jsx(Button, {
                     "aria-label": "Remove",
@@ -2497,7 +2368,7 @@ function DisabledActionButton({actionEval: actionEval, activity: activity, chrom
         ...spanTriggerProps(chrome),
         disabled: !0
     });
-    return actionEval.disabledReason ? /* @__PURE__ */ jsx(HoverHint, {
+    return actionEval.disabledReason ? /* @__PURE__ */ jsx(_HoverHint, {
         text: describeDisabledReason(actionEval.disabledReason),
         children: button
     }) : button;
@@ -2519,7 +2390,7 @@ function PlainActionButton({actionEval: actionEval, instanceId: instanceId, acti
         surface: surface,
         tone: btn.tone
     });
-    return action.description ? /* @__PURE__ */ jsx(HoverHint, {
+    return action.description ? /* @__PURE__ */ jsx(_HoverHint, {
         text: action.description,
         children: button
     }) : button;
@@ -2699,10 +2570,10 @@ function InfoHint({content: content, label: label}) {
         size: 0,
         children: /* @__PURE__ */ jsx(InfoOutlineIcon, {})
     });
-    return typeof content == "string" ? /* @__PURE__ */ jsx(HoverHint, {
+    return typeof content == "string" ? /* @__PURE__ */ jsx(_HoverHint, {
         text: content,
         children: icon
-    }) : /* @__PURE__ */ jsx(HoverHint, {
+    }) : /* @__PURE__ */ jsx(_HoverHint, {
         content: content,
         children: icon
     });
@@ -2802,6 +2673,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";
 }
@@ -2913,7 +2786,7 @@ function useChipTrim() {
 
 function LinkChip({hint: hint, children: children, as: as = "a", fill: fill = !1, ...anchorProps}) {
     /* @__PURE__ */
-    return jsx(HoverHint, {
+    return jsx(_HoverHint, {
         fill: fill,
         text: hint,
         children: /* @__PURE__ */ jsx(Card, {
@@ -2939,6 +2812,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 {
@@ -2981,6 +2856,23 @@ function openableSchemaType(schema, typeName) {
     if (!(entry === void 0 || !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 = useKeyed([ JSON.stringify(uniqueIds2) ], () => uniqueIds2);
+    return useEffect(() => {
+        const releases = trackedIds.map(id => actualTypes.track(id));
+        return () => releases.forEach(release => release());
+    }, [ actualTypes, trackedIds ]), useSyncExternalStore(actualTypes.subscribe, useMemo(() => snapshotOf(actualTypes, trackedIds), [ actualTypes, trackedIds ]));
+}
+
 function useLocalDocRef(gdr) {
     const {binding: binding} = useWorkflowContext(), schema = useSchema(), schemaType = gdr === void 0 ? void 0 : schema.get(gdr.type);
     return {
@@ -2991,10 +2883,8 @@ function useLocalDocRef(gdr) {
 }
 
 function useActualDocType(bareId) {
-    const {actualTypes: actualTypes} = useWorkflowContext();
-    return useEffect(() => {
-        if (bareId !== null) return actualTypes.track(bareId);
-    }, [ actualTypes, bareId ]), useSyncExternalStore(actualTypes.subscribe, useCallback(() => bareId === null ? void 0 : actualTypes.read(bareId), [ actualTypes, bareId ]));
+    const ids = useMemo(() => bareId === null ? [] : [ bareId ], [ bareId ]);
+    return useActualDocTypes(ids).get(bareId ?? "");
 }
 
 function useDocLink(gdr) {
@@ -3151,7 +3041,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 = _useDelayedFlag(!0, PENDING_FACE_MAX_WAIT_MS), compact = isCompact(layout);
     if (expired) {
         const id = /* @__PURE__ */ jsx(Text, {
             muted: !0,
@@ -3690,7 +3580,7 @@ function EditableFieldControl({instanceId: instanceId, field: field, surface: su
 
 function EditableValueButton({children: children, hint: hint, hintDisabled: hintDisabled = !1, onClick: onClick}) {
     /* @__PURE__ */
-    return jsx(HoverHint, {
+    return jsx(_HoverHint, {
         disabled: hintDisabled,
         text: hint,
         children: /* @__PURE__ */ jsx(Button, {
@@ -3974,7 +3864,7 @@ function FieldEditRow({field: field, onSave: onSave, onCancel: onCancel, saving:
                     }
                 })
             }), 
-            /* @__PURE__ */ jsx(HoverHint, {
+            /* @__PURE__ */ jsx(_HoverHint, {
                 text: "Save",
                 children: /* @__PURE__ */ jsx(Button, {
                     "aria-label": "Save",
@@ -3986,7 +3876,7 @@ function FieldEditRow({field: field, onSave: onSave, onCancel: onCancel, saving:
                     padding: 2
                 })
             }), 
-            /* @__PURE__ */ jsx(HoverHint, {
+            /* @__PURE__ */ jsx(_HoverHint, {
                 text: "Cancel",
                 children: /* @__PURE__ */ jsx(Button, {
                     "aria-label": "Cancel",
@@ -4194,7 +4084,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`;
@@ -4206,12 +4096,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";
 
@@ -4229,6 +4122,10 @@ function summaryOf(cause) {
     }
 }
 
+function withMissingDocuments(title, missingSummary) {
+    return missingSummary ? `${title}. ${missingSummary}` : title;
+}
+
 function activityDeclaringEffect(args) {
     return findStageNode(args)?.activities?.find(activity => (activity.actions ?? []).some(action => (action.effects ?? []).some(effect => effect.name === args.effectName)))?.name;
 }
@@ -4262,15 +4159,15 @@ function diagnosisOf(args) {
 function instanceFault(args) {
     const diagnosis = diagnosisOf(args);
     if (diagnosis === void 0 || diagnosis.state !== "stuck") return;
-    const verbs = remediationsFor(diagnosis).map(remediation2 => remediation2.verb);
+    const verbs = remediationsFor(diagnosis).map(remediation2 => remediation2.verb), additional = _additionalMissingDocuments(diagnosis, args.evaluation?.missingDocuments), missingSummary = _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,
@@ -4315,7 +4212,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__ */ jsx(HoverHint, {
+    return latest === void 0 || latest <= instance.pinnedVersion ? null : /* @__PURE__ */ jsx(_HoverHint, {
         description: "Running workflows keep the version they started on",
         text: `Started on v${instance.pinnedVersion}, latest is now v${latest}`,
         textWeight: "medium",
@@ -4470,7 +4367,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 jsx(HoverHint, {
+    return jsx(_HoverHint, {
         content: /* @__PURE__ */ jsxs(Stack, {
             gap: 3,
             children: [ roles.length > 0 ? /* @__PURE__ */ jsx(HintSection, {
@@ -4539,61 +4436,8 @@ function OverlineHeading({children: children}) {
     });
 }
 
-function CheckmarkCircleFilledIcon(props) {
-    /* @__PURE__ */
-    return 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__ */ 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: EmptyIcon,
-    muted: !1
-} ], [ "done", {
-    icon: CheckmarkCircleFilledIcon,
-    muted: !1
-} ], [ "failed", {
-    icon: ErrorFilledIcon,
-    muted: !1
-} ], [ "skipped", {
-    icon: RemoveCircleIcon,
-    muted: !0
-} ] ]);
-
-function ActivityStatusIcon({status: status}) {
-    const {icon: Icon, muted: muted} = STATUS_ICON.get(status) ?? {
-        icon: EmptyIcon,
-        muted: !0
-    };
-    return status === "failed" ? /* @__PURE__ */ jsx(TextWithTone, {
-        size: 1,
-        tone: "critical",
-        children: /* @__PURE__ */ jsx(Icon, {
-            style: {
-                color: "inherit"
-            }
-        })
-    }) : /* @__PURE__ */ jsx(Text, {
-        muted: muted,
-        size: 1,
-        children: /* @__PURE__ */ 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 = _useDelayedFlag(busy, LOADING_CUE_DELAY_MS);
     return !spinning && !reserve ? null : /* @__PURE__ */ jsx(Flex, {
         align: "center",
         flex: "none",
@@ -4612,7 +4456,7 @@ function SpinnerSlot({busy: busy, reserve: reserve = !0}) {
 }
 
 function LoadingRow({label: label, padding: padding}) {
-    const announced = useDelayedFlag(!0, LOADING_CUE_DELAY_MS);
+    const announced = _useDelayedFlag(!0, LOADING_CUE_DELAY_MS);
     /* @__PURE__ */
     return jsxs(Flex, {
         align: "center",
@@ -4736,7 +4580,7 @@ function AssignActivityControl({instanceId: instanceId, state: state, surface: s
         }),
         onClick: handleClick,
         onMouseDown: stopRowMouseDown
-    }) : /* @__PURE__ */ jsx(HoverHint, {
+    }) : /* @__PURE__ */ jsx(_HoverHint, {
         disabled: open,
         text: "Assign",
         children: /* @__PURE__ */ jsx(Button, {
@@ -4876,7 +4720,7 @@ function DueDate({dueDate: dueDate, hintDisabled: hintDisabled, overdue: overdue
     return face === void 0 ? text : 
     /* @__PURE__ */ jsx(Flex, {
         align: "center",
-        children: /* @__PURE__ */ jsx(HoverHint, {
+        children: /* @__PURE__ */ jsx(_HoverHint, {
             ...face,
             disabled: hintDisabled === !0,
             children: text
@@ -4959,7 +4803,7 @@ function DueDateControl({item: item, editable: editable, onPatch: onPatch}) {
             padding: 2,
             tone: overdue ? "caution" : "default",
             children: display
-        }) : /* @__PURE__ */ jsx(HoverHint, {
+        }) : /* @__PURE__ */ jsx(_HoverHint, {
             disabled: open,
             text: "Set due date",
             children: /* @__PURE__ */ jsx(Button, {
@@ -4996,7 +4840,7 @@ function AssigneeControl({item: item, editable: editable, eligibleRoles: eligibl
             "aria-label": "Reassign",
             avatar: chip,
             onClick: () => setOpen(v => !v)
-        }) : /* @__PURE__ */ jsx(HoverHint, {
+        }) : /* @__PURE__ */ jsx(_HoverHint, {
             disabled: open,
             text: "Assign",
             children: /* @__PURE__ */ jsx(Button, {
@@ -5058,7 +4902,7 @@ function AddItemControl({onAdd: onAdd, button: button, busy: busy}) {
 
 function RemoveItemButton({onClick: onClick}) {
     /* @__PURE__ */
-    return jsx(HoverHint, {
+    return jsx(_HoverHint, {
         text: "Remove item",
         children: /* @__PURE__ */ jsx(Button, {
             "aria-label": "Remove item",
@@ -5162,7 +5006,7 @@ function TodoItemRowView({breadcrumb: breadcrumb, row: row, onToggle: onToggle,
         }),
         lead: 
         /* @__PURE__ */ jsx(CheckboxSlot, {
-            children: hint === void 0 ? checkbox : /* @__PURE__ */ jsx(HoverHint, {
+            children: hint === void 0 ? checkbox : /* @__PURE__ */ jsx(_HoverHint, {
                 text: hint,
                 children: checkbox
             })
@@ -5374,7 +5218,7 @@ function hintContent(hint) {
 
 function AutomationActionRow({actionEval: actionEval, definition: definition}) {
     /* @__PURE__ */
-    return jsx(HoverHint, {
+    return jsx(_HoverHint, {
         content: hintContent(automationHint({
             actionEval: actionEval,
             definition: definition
@@ -6148,7 +5992,7 @@ function MetricText({children: children, tone: tone}) {
 
 function MetricPair({face: face, ...lockup}) {
     /* @__PURE__ */
-    return jsx(HoverHint, {
+    return jsx(_HoverHint, {
         ...face,
         children: /* @__PURE__ */ jsx(MetricLockup, {
             ...lockup
@@ -6183,7 +6027,7 @@ function MetricLockup({Icon: Icon, empty: empty, label: label, tone: tone, value
 
 function AlertGlyph({Icon: Icon, hint: hint, label: label, tone: tone}) {
     /* @__PURE__ */
-    return jsx(HoverHint, {
+    return jsx(_HoverHint, {
         text: hint,
         children: /* @__PURE__ */ jsx(TextWithTone, {
             size: 1,
@@ -6198,10 +6042,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 jsx(HoverHint, {
+    return jsx(_HoverHint, {
         text: hint,
         children: /* @__PURE__ */ jsx(Card, {
             radius: "full",
@@ -6301,7 +6149,7 @@ function ActivityDateControl({instanceId: instanceId, state: state, surface: sur
             onMouseDown: stopRowMouseDown,
             padding: 2,
             children: dueDate()
-        }) : /* @__PURE__ */ jsx(HoverHint, {
+        }) : /* @__PURE__ */ jsx(_HoverHint, {
             disabled: open,
             text: "Set date",
             children: /* @__PURE__ */ jsx(Button, {
@@ -6326,7 +6174,7 @@ function settledDim(settled) {
 
 function ActivityStatusLead({status: status}) {
     /* @__PURE__ */
-    return jsx(HoverHint, {
+    return jsx(_HoverHint, {
         text: ACTIVITY_STATUS_LABEL[status],
         children: /* @__PURE__ */ jsx(ActivityStatusIcon, {
             status: status
@@ -6377,7 +6225,7 @@ function RowTerminalActions({actions: actions, activity: activity, instanceId: i
 function TitleTag({hint: hint, tone: tone, children: children}) {
     const badgeTrim = useBadgeCapTrim();
     /* @__PURE__ */
-    return jsx(HoverHint, {
+    return jsx(_HoverHint, {
         text: hint,
         children: /* @__PURE__ */ jsx(Badge, {
             fontSize: 1,
@@ -6643,7 +6491,7 @@ function deriveFieldPills(args) {
 function UserAvatar({id: id}) {
     const {name: name, imageUrl: imageUrl} = useUserDisplay(id);
     /* @__PURE__ */
-    return jsx(HoverHint, {
+    return jsx(_HoverHint, {
         text: name,
         children: /* @__PURE__ */ jsx(MemberAvatar, {
             imageUrl: imageUrl,
@@ -6654,7 +6502,7 @@ function UserAvatar({id: id}) {
 
 function UserAvatarGroup({ids: ids, hint: hint}) {
     const displays = useUserDisplays(ids);
-    return displays.length === 0 ? null : /* @__PURE__ */ jsx(HoverHint, {
+    return displays.length === 0 ? null : /* @__PURE__ */ jsx(_HoverHint, {
         text: disambiguatedNames(displays).join(", "),
         ...hint === void 0 ? {} : {
             description: hint
@@ -6874,7 +6722,7 @@ function usePillChrome(face) {
 function PillHint({pill: pill, disabled: disabled = !1, children: children}) {
     const {description: description} = pill;
     /* @__PURE__ */
-    return jsx(HoverHint, {
+    return jsx(_HoverHint, {
         disabled: disabled || description === void 0,
         text: description ?? "",
         children: children
@@ -7446,17 +7294,6 @@ function conditionLines(description) {
     });
 }
 
-function StartIncompleteBadge({style: style}) {
-    /* @__PURE__ */
-    return jsx(Badge, {
-        fontSize: 1,
-        mode: "outline",
-        style: style,
-        tone: "caution",
-        children: "Start incomplete"
-    });
-}
-
 function normalizeAbortReason(raw) {
     const trimmed = raw.trim();
     return trimmed === "" ? void 0 : trimmed;
@@ -7668,24 +7505,6 @@ function historyLine(h, titles) {
     return historyLiner[h._type](h, titles);
 }
 
-function AgoStamp({at: at, now: now}) {
-    /* @__PURE__ */
-    return jsx(Flex, {
-        align: "center",
-        children: /* @__PURE__ */ jsx(HoverHint, {
-            text: formatShortDateTime(at),
-            children: /* @__PURE__ */ jsx(Text, {
-                muted: !0,
-                size: 1,
-                style: {
-                    whiteSpace: "nowrap"
-                },
-                children: formatShortAgo(at, now)
-            })
-        })
-    });
-}
-
 function CodeChip({value: value}) {
     /* @__PURE__ */
     return jsx("code", {
@@ -7708,7 +7527,7 @@ function HintedMenuButton({hint: hint, ...menuButtonProps}) {
     return hint === void 0 ? /* @__PURE__ */ jsx(MenuButton, {
         ...menuButtonProps,
         popover: popover
-    }) : /* @__PURE__ */ jsx(HoverHint, {
+    }) : /* @__PURE__ */ jsx(_HoverHint, {
         disabled: open,
         text: hint,
         children: /* @__PURE__ */ jsx(MenuButton, {
@@ -7975,7 +7794,7 @@ function ActorNameSpan({id: id}) {
 function FeedGlyph({hint: hint, icon: icon}) {
     const size = useAvatarSize();
     /* @__PURE__ */
-    return jsx(HoverHint, {
+    return jsx(_HoverHint, {
         text: hint,
         children: /* @__PURE__ */ jsx(Flex, {
             align: "center",
@@ -8286,7 +8105,7 @@ function StageFace({completed: completed = !1, detail: detail, title: title}) {
         /* @__PURE__ */ jsx(TextWithTone, {
             size: 1,
             tone: tone,
-            children: completed ? /* @__PURE__ */ jsx(CheckmarkCircleFilledIcon, {
+            children: completed ? /* @__PURE__ */ jsx(_CheckmarkCircleFilledIcon, {
                 style: {
                     color: "inherit"
                 }
@@ -8378,7 +8197,7 @@ function SpineNodeView({definition: definition, node: node, transitions: transit
     if (node.state === "current") {
         const detail = roundDetail(node.round);
         /* @__PURE__ */
-        return jsx(HoverHint, {
+        return jsx(_HoverHint, {
             content: card,
             "data-testid": `spine-node-${node.name}`,
             flush: !0,
@@ -8394,7 +8213,7 @@ function SpineNodeView({definition: definition, node: node, transitions: transit
     }
     const Icon = NODE_ICON[node.state];
     /* @__PURE__ */
-    return jsx(HoverHint, {
+    return jsx(_HoverHint, {
         content: card,
         "data-testid": `spine-node-${node.name}`,
         flush: !0,
@@ -8542,10 +8361,21 @@ function WorkflowInstanceSection({defaultOpen: defaultOpen, entry: entry, onOpen
     return jsx(InstanceCard, {
         defaultOpen: defaultOpen,
         entry: entry,
-        children: /* @__PURE__ */ jsx(InstanceSnapshotBody, {
-            entry: entry,
-            onOpenActivity: onOpenActivity,
-            surface: "document-view"
+        children: /* @__PURE__ */ jsxs(Stack, {
+            gap: 3,
+            children: [ 
+            /* @__PURE__ */ jsx(InstanceFaultNote, {
+                entry: entry,
+                scope: {
+                    kind: "run",
+                    onOpenActivity: onOpenActivity
+                }
+            }), 
+            /* @__PURE__ */ jsx(InstanceSnapshotBody, {
+                entry: entry,
+                onOpenActivity: onOpenActivity,
+                surface: "document-view"
+            }) ]
         })
     });
 }
@@ -9409,7 +9239,7 @@ function StartWorkflowButton({mapping: mapping, docId: docId, initialValue: init
         },
         tone: tone
     }), hint = tooltip ?? (iconOnly ? startLabel : void 0);
-    return hint ? /* @__PURE__ */ jsx(HoverHint, {
+    return hint ? /* @__PURE__ */ jsx(_HoverHint, {
         text: hint,
         children: button
     }) : button;
@@ -9486,7 +9316,7 @@ function StartWorkflowMenuItem({mapping: mapping, docId: docId, initialValue: in
         },
         text: `Start ${mapping.label}`
     });
-    return tooltip ? /* @__PURE__ */ jsx(HoverHint, {
+    return tooltip ? /* @__PURE__ */ jsx(_HoverHint, {
         text: tooltip,
         children: item
     }) : item;
@@ -9574,7 +9404,7 @@ const VIEW_TAB_CODEC = workflowsTabCodec([ "overview", "for-me" ]), WorkflowsVie
 };
 
 function DiscoverySpinner() {
-    const visible = useDelayedFlag(!0, 1e3);
+    const visible = _useDelayedFlag(!0, 1e3);
     /* @__PURE__ */
     return jsx(Flex, {
         align: "center",
@@ -9944,20 +9774,30 @@ function createSubscribers() {
 }
 
 function actualType$(previews, bareId) {
-    return previews.unstable_observeDocumentPairAvailability(bareId).pipe(switchMap(({draft: draft, published: published}) => draft.available ? previews.observeDocumentTypeFromId(getDraftId(bareId)) : published.available ? previews.observeDocumentTypeFromId(bareId) : draft.reason === "PERMISSION_DENIED" || published.reason === "PERMISSION_DENIED" ? of(void 0) : previews.unstable_observeVersionDocumentIds(bareId).pipe(switchMap(([firstVersionId]) => firstVersionId === void 0 ? of(null) : previews.observeDocumentTypeFromId(firstVersionId)))), distinctUntilChanged());
+    return previews.unstable_observeDocumentPairAvailability(bareId).pipe(switchMap(pair => representationType$(previews, {
+        bareId: bareId,
+        ...pair
+    }).pipe(startWith(void 0))), distinctUntilChanged());
+}
+
+function representationType$(previews, {bareId: bareId, draft: draft, published: published}) {
+    return draft.available ? previews.observeDocumentTypeFromId(getDraftId(bareId)) : published.available ? previews.observeDocumentTypeFromId(bareId) : draft.reason === "PERMISSION_DENIED" || published.reason === "PERMISSION_DENIED" ? of(UNREADABLE_DOCUMENT) : previews.unstable_observeVersionDocumentIds(bareId).pipe(switchMap(([firstVersionId]) => firstVersionId === void 0 ? of(null) : previews.observeDocumentTypeFromId(firstVersionId).pipe(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);
         }
@@ -9985,7 +9825,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)));
             };
         }
     };
@@ -10615,7 +10456,7 @@ function AssigneesInput({value: value, onChange: onChange, eligibleRoles: eligib
                 /* @__PURE__ */ jsx(AssigneeBadge, {
                     assignee: assignee
                 }), 
-                /* @__PURE__ */ jsx(HoverHint, {
+                /* @__PURE__ */ jsx(_HoverHint, {
                     text: "Remove",
                     children: /* @__PURE__ */ jsx(Button, {
                         "aria-label": "Remove",
@@ -11854,7 +11695,7 @@ function StripLine({aside: aside, children: children, hint: hint, onOpen: onOpen
     return jsxs(Flex, {
         align: "center",
         children: [ 
-        /* @__PURE__ */ jsx(HoverHint, {
+        /* @__PURE__ */ jsx(_HoverHint, {
             ...hint,
             children: /* @__PURE__ */ jsx(Card, {
                 as: "button",
@@ -12127,4 +11968,1582 @@ function WorkflowRootInput(props) {
     });
 }
 
-export { AbortWorkflowDialog, ActivityDetailBody, ActivityDetailDialog, ActivityLog, AgoStamp, AlertChip, AlertGlyph, Breadcrumb, CodeChip, CountedLabel, DismissablePopover, DocPreviewLink, DocRefFace, EmptyState, FOR_ME_SECTION_COPY, ForMeEmptyState, ForMeSectionHeading, HoverHint, InstanceFaultNote, InstanceSnapshotBody, InvalidDocNotice, LoadingRow, LogEventOnMount, MetaRow, MetricLockup, MetricPair, NoteBanner, OverlineHeading, RUN_SEARCH_PARAM, RowAssignees, SectionHeading, SpinnerSlot, TOOL_TABS, TabSwitch, UnreadableDocsNote, WORKFLOW_API_VERSION, WorkflowBoardWorkflowSelected, WorkflowDefinitionDetailViewed, WorkflowInstanceDetailViewed, WorkflowTitleSeedDrifted, WorkflowToolOpened, activityLabel, assigneesOf, assignmentHolding, countBy, definitionFingerprint, definitionsRouteOf, deriveActivityDetail, describeError, disambiguatedNames, dueDatesOf, dueMomentSentence, findActivity, formatDate, formatShortAgo, formatShortDateTime, formatTimeAgo, gdrLocality, identityOf, instanceBreadcrumb, instanceTitle, isDueDatePast, isEvaluationStale, isHandsOff, isLiveEntry, isOpenActivityStatus, landingState, mappingIssueDetail, namesNoDeployedDefinition, openActivityGone, openableSchemaType, parseStoredDateValue, readDeployedDefinitions, shortSpanOf, stageTitle, tabSelectionNavigates, toolRoute, toolTabState, uniqueIds, useAssignmentIdentity, useAvatarSize, useCapTrimFor, useContainerToken, useCurrentUserId, useDefinition, useLogEventOnMount, useMinuteClock, useProjectMembers, useRadiusToken, useReleaseTitles, useSpaceToken, useTextIconSize, useUserDisplays, useWorkflowContext, useWorkflowInstanceEntry, userIdsOf, workflowDefaultDocumentNode, workflowState, workflowStudioPlugin, workflowsView };
+function openActivitiesOf(instance) {
+    return (findOpenStageEntry(instance)?.activities ?? []).filter(activity => isOpenActivityStatus(activity.status));
+}
+
+function overdueTasks(instance, now) {
+    return openActivitiesOf(instance).filter(activity => passedDuesOf(activity, now).length > 0);
+}
+
+function earliestDue(activity) {
+    return earliestOf(dueDatesOf(activity.fields ?? []));
+}
+
+function passedDueOf(activity, now) {
+    const passed = passedDuesOf(activity, now);
+    return earliestOf(passed) ?? passed[0];
+}
+
+function passedDuesOf(activity, now) {
+    return dueDatesOf(activity.fields ?? []).filter(due => isDueDatePast(due, now));
+}
+
+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;
+}
+
+const AUTONOMY_BY_DEFINITION = /* @__PURE__ */ new WeakMap;
+
+function cachedAutonomy(definition) {
+    const hit = AUTONOMY_BY_DEFINITION.get(definition);
+    if (hit !== void 0) return hit;
+    const derived = deriveWorkflowAutonomy(definition);
+    return AUTONOMY_BY_DEFINITION.set(definition, derived), derived;
+}
+
+function isAutomatedActivity(args) {
+    const stage = args.autonomy?.stages.find(entry => entry.stage === args.stageName);
+    return isHandsOff({
+        classification: deriveExecutorClassification(args.activity),
+        completesWithoutCaller: stage?.activities[args.activity.name]?.completesWithoutCaller
+    });
+}
+
+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
+    };
+}
+
+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)
+    }) ];
+}
+
+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
+    }));
+}
+
+function definitionForPinned(definition, pinnedVersion) {
+    if (!(definition === void 0 || definition.version !== pinnedVersion)) return definition;
+}
+
+function stageTasksOf(args) {
+    const {definition: definition, instance: instance, now: now} = args, stageEntry = 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 = 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
+    }) ];
+}
+
+function listedStageActivities(stage) {
+    return stage.activities.filter(entry => isOpenActivityStatus(entry.status) || entry.status === "failed");
+}
+
+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);
+}
+
+function rowWidthOf(tasks, metrics) {
+    return tasks.reduce((total, task) => total + groupWidthOf(task, metrics), 0) + Math.max(0, tasks.length - 1) * metrics.gap;
+}
+
+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);
+}
+
+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)
+    };
+}
+
+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"
+    };
+}
+
+const LATE_FACE = {
+    Icon: CalendarIcon,
+    tone: "caution"
+};
+
+function LateSpan({now: now, since: since}) {
+    /* @__PURE__ */
+    return jsx(MetricLockup, {
+        Icon: LATE_FACE.Icon,
+        tone: LATE_FACE.tone,
+        value: _shortSpanOf(parseStoredDateValue(since), now)
+    });
+}
+
+const HOLDER_OVERLAP = 7, HOLDER_RING = 1.5, GROUP_GAP_TOKEN = 3, OVERDUE_DOT_RATIO = .4;
+
+function overdueDotOf(face) {
+    const size = Math.round(face * OVERDUE_DOT_RATIO);
+    return {
+        overhang: Math.round(size / 4),
+        size: size
+    };
+}
+
+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
+    } ]));
+}
+
+function holderKey(assignee, index) {
+    return `${assignee.id}-${index}`;
+}
+
+function stageTasksFace(args) {
+    return {
+        content: /* @__PURE__ */ jsx(StageTasksCard, {
+            now: args.now,
+            tasks: args.tasks
+        }),
+        flush: !0,
+        wide: !0
+    };
+}
+
+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__ */ jsx(_HoverHint, {
+        ...stageTasksFace({
+            now: now,
+            tasks: tasks
+        }),
+        children: /* @__PURE__ */ jsxs(Flex, {
+            align: "center",
+            "aria-label": "Tasks",
+            style: {
+                columnGap: gap,
+                paddingRight: overhang
+            },
+            children: [ visible.map(task => /* @__PURE__ */ jsx(TaskGroupFace, {
+                task: task
+            }, task.name)), overflow === 0 ? null : /* @__PURE__ */ jsxs(Text, {
+                muted: !0,
+                size: 1,
+                children: [ "+", overflow ]
+            }) ]
+        })
+    });
+}
+
+function TaskGroupFace({task: task}) {
+    /* @__PURE__ */
+    return jsxs(Box, {
+        style: {
+            flexShrink: 0,
+            position: "relative"
+        },
+        children: [ 
+        /* @__PURE__ */ jsx(AssignmentFace, {
+            assignees: task.assignees
+        }), task.overdueSince === void 0 ? null : /* @__PURE__ */ jsx(OverdueDot, {}) ]
+    });
+}
+
+function AssignmentFace({assignees: assignees}) {
+    const mark = taskAssignmentMarkOf(assignees);
+    return mark.kind === "unassigned" ? /* @__PURE__ */ jsx(PersonToken, {}) : mark.kind === "routed" ? /* @__PURE__ */ jsx(PersonToken, {
+        routed: !0
+    }) : /* @__PURE__ */ jsx(OverlappedHolders, {
+        assignees: mark.members
+    });
+}
+
+function OverdueDot() {
+    const {color: color} = useTheme_v2(), {overhang: overhang, size: size} = overdueDotOf(useAvatarSize());
+    /* @__PURE__ */
+    return jsx(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 jsx(MemberAvatar, {
+        imageUrl: display?.imageUrl,
+        name: display?.name ?? assignee.id,
+        size: 0
+    });
+}
+
+function OverlappedHolders({assignees: assignees}) {
+    const {color: color} = useTheme_v2(), displayById = useDisplayById(userIdsOf(assignees)), ring = `0 0 0 ${HOLDER_RING}px ${color.bg}`;
+    /* @__PURE__ */
+    return jsx(Flex, {
+        align: "center",
+        style: {
+            flexShrink: 0,
+            isolation: "isolate"
+        },
+        children: assignees.map((assignee, index) => /* @__PURE__ */ jsx(Box, {
+            style: {
+                borderRadius: "50%",
+                boxShadow: ring,
+                flexShrink: 0,
+                marginLeft: index === 0 ? 0 : -HOLDER_OVERLAP,
+                position: "relative",
+                zIndex: index
+            },
+            children: /* @__PURE__ */ jsx(HolderFace, {
+                assignee: assignee,
+                displayById: displayById
+            })
+        }, holderKey(assignee, index)))
+    });
+}
+
+function PersonToken({routed: routed = !1}) {
+    const size = useAvatarSize(), {color: color} = useTheme_v2();
+    /* @__PURE__ */
+    return jsxs(Box, {
+        "aria-label": routed ? "Routed, no person assigned" : "Unassigned",
+        role: "img",
+        style: {
+            flexShrink: 0,
+            height: size,
+            position: "relative",
+            width: size
+        },
+        children: [ 
+        /* @__PURE__ */ jsx(Flex, {
+            align: "center",
+            justify: "center",
+            style: {
+                border: `1px dashed ${color.border}`,
+                borderRadius: "50%",
+                boxSizing: "border-box",
+                height: size,
+                width: size
+            },
+            children: /* @__PURE__ */ jsx(Text, {
+                size: 0,
+                children: /* @__PURE__ */ jsx(UserIcon, {
+                    style: {
+                        color: color.input.default.enabled.placeholder
+                    }
+                })
+            })
+        }), routed ? /* @__PURE__ */ jsx(Card, {
+            radius: 1,
+            tone: "primary",
+            style: {
+                bottom: -3,
+                position: "absolute",
+                right: -3
+            },
+            children: /* @__PURE__ */ jsx(Flex, {
+                align: "center",
+                justify: "center",
+                style: {
+                    height: 13,
+                    width: 13
+                },
+                children: /* @__PURE__ */ jsx(Text, {
+                    size: 0,
+                    children: /* @__PURE__ */ jsx(UsersIcon, {})
+                })
+            })
+        }) : null ]
+    });
+}
+
+function StageTasksCard({now: now, tasks: tasks}) {
+    const displayById = useDisplayById(tasks.flatMap(task => userIdsOf(task.assignees)));
+    /* @__PURE__ */
+    return jsxs(Stack, {
+        gap: 4,
+        padding: 3,
+        children: [ 
+        /* @__PURE__ */ jsx(OverlineHeading, {
+            children: "Tasks in this stage"
+        }), 
+        /* @__PURE__ */ jsx(Stack, {
+            gap: 4,
+            children: tasks.map(task => /* @__PURE__ */ 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 jsxs(Stack, {
+        gap: 3,
+        children: [ 
+        /* @__PURE__ */ jsxs(Stack, {
+            gap: 2,
+            children: [ 
+            /* @__PURE__ */ jsxs(Flex, {
+                align: "center",
+                gap: 3,
+                children: [ 
+                /* @__PURE__ */ jsx(Text, {
+                    size: 1,
+                    children: task.title
+                }), task.overdueSince === void 0 ? null : /* @__PURE__ */ jsx(LateSpan, {
+                    now: now,
+                    since: task.overdueSince
+                }) ]
+            }), task.due === void 0 ? null : /* @__PURE__ */ jsx(Text, {
+                muted: !0,
+                size: 1,
+                children: dueMomentSentence(task.due, now)
+            }) ]
+        }), 
+        /* @__PURE__ */ 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__ */ jsxs(Flex, {
+        align: "center",
+        gap: 2,
+        children: [ 
+        /* @__PURE__ */ jsx(PersonToken, {}), 
+        /* @__PURE__ */ jsx(Text, {
+            muted: !0,
+            size: 1,
+            children: "Unassigned"
+        }) ]
+    }) : mark.kind === "routed" ? /* @__PURE__ */ jsx(RoutedAssignmentLine, {
+        mark: mark,
+        now: now,
+        openedAt: openedAt,
+        roleAliases: roleAliases
+    }) : /* @__PURE__ */ jsx(Stack, {
+        gap: 2,
+        children: mark.members.map((assignee, index) => /* @__PURE__ */ jsxs(Flex, {
+            align: "center",
+            gap: 2,
+            children: [ 
+            /* @__PURE__ */ jsx(HolderFace, {
+                assignee: assignee,
+                displayById: displayById
+            }), 
+            /* @__PURE__ */ jsx(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 = roleMemberCount({
+        members: vocabulary.members,
+        requiredRoles: mark.roles,
+        roleAliases: roleAliases
+    }), names = mark.roles.map(role => roleLabel(memberRoleFor(vocabulary, role)));
+    /* @__PURE__ */
+    return jsxs(Flex, {
+        align: "center",
+        gap: 2,
+        children: [ 
+        /* @__PURE__ */ jsx(PersonToken, {
+            routed: !0
+        }), 
+        /* @__PURE__ */ jsxs(Stack, {
+            gap: 1,
+            children: [ 
+            /* @__PURE__ */ jsx(Text, {
+                size: 1,
+                children: names.join(", ")
+            }), 
+            /* @__PURE__ */ jsxs(Text, {
+                muted: !0,
+                size: 1,
+                children: [ memberCountLabel(count), " · Open ", _formatShortAgo(openedAt, now) ]
+            }) ]
+        }) ]
+    });
+}
+
+function useTableWidth(element) {
+    const [width, setWidth] = useState(void 0);
+    return useLayoutEffect(() => {
+        if (element === null) {
+            setWidth(void 0);
+            return;
+        }
+        const measure = () => setWidth(element.getBoundingClientRect().width || void 0);
+        measure();
+        const observer = new ResizeObserver(measure);
+        return observer.observe(element), () => observer.disconnect();
+    }, [ element ]), width;
+}
+
+function useTableStyles() {
+    const {color: color} = useTheme_v2(), headTop = useSpaceToken(3), cellX = useSpaceToken(2);
+    return 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] = useState(null);
+    useLayoutEffect(() => {
+        setScroller(element === null ? null : scrollParentOf(element) ?? null);
+    }, [ element ]);
+    const [margin, setMargin] = useState(0);
+    useLayoutEffect(() => {
+        element === null || scroller === null || setMargin(element.getBoundingClientRect().top - scroller.getBoundingClientRect().top + scroller.scrollTop);
+    }, [ element, rowCount, scroller ]);
+    const virtualizer = 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__ */ jsx("tr", {
+        "aria-hidden": !0,
+        style: {
+            height: height
+        },
+        children: /* @__PURE__ */ 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 jsxs(Fragment, {
+        children: [ columns.map(column => {
+            const width = widthOf(column, tableWidth);
+            /* @__PURE__ */
+            return jsx("th", {
+                style: {
+                    ...styles.head,
+                    ...width === void 0 ? {} : {
+                        width: width
+                    }
+                },
+                children: /* @__PURE__ */ 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] = useState(null), tableWidth = useTableWidth(element), window = useRowWindow({
+        element: element,
+        keyAt: keyAt,
+        rowCount: rowCount
+    });
+    /* @__PURE__ */
+    return jsx("div", {
+        ref: setElement,
+        style: {
+            overflowX: "clip",
+            ...tableWidth === void 0 ? {
+                visibility: "hidden"
+            } : {}
+        },
+        children: /* @__PURE__ */ jsxs("table", {
+            style: {
+                borderCollapse: "separate",
+                borderSpacing: 0,
+                tableLayout: "fixed",
+                width: "100%"
+            },
+            children: [ 
+            /* @__PURE__ */ jsx("thead", {
+                children: /* @__PURE__ */ jsx("tr", {
+                    children: renderHeader({
+                        styles: styles,
+                        tableWidth: tableWidth
+                    })
+                })
+            }), 
+            /* @__PURE__ */ jsxs("tbody", {
+                children: [ 
+                /* @__PURE__ */ jsx(SpacerRow, {
+                    height: window.padTop
+                }), window.items.map(item => renderRow({
+                    index: item.index,
+                    key: item.key,
+                    measureRow: window.measureRow,
+                    tableWidth: tableWidth
+                })), 
+                /* @__PURE__ */ jsx(SpacerRow, {
+                    height: window.padBottom
+                }) ]
+            }) ]
+        })
+    });
+}
+
+function SortHeaderButton({active: active, dir: dir, label: label, onSort: onSort}) {
+    /* @__PURE__ */
+    return jsx(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 = useCallback(element => {
+        rowRef?.(element), selected === !0 && selectedRef?.(element);
+    }, [ rowRef, selected, selectedRef ]);
+    /* @__PURE__ */
+    return jsx(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__ */ jsx(Text, {
+        muted: !0,
+        size: 1,
+        textOverflow: "ellipsis",
+        children: "No document"
+    }) : /* @__PURE__ */ jsx(DocRefFace, {
+        gdr: document
+    });
+}
+
+function overdueAttentionHint(documents) {
+    const task = documents === 1 ? "an overdue task" : "overdue tasks";
+    return `${pluralize("document", documents, !0)} ${documents === 1 ? "has" : "have"} ${task}`;
+}
+
+function blockedAttentionHint(documents) {
+    return `${pluralize("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("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: _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("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: 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 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 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 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(toBareId(rootRef.id)) ?? instance : instance;
+}
+
+function runsScopeOf(row) {
+    return row.endedAt === void 0 ? "open" : "closed";
+}
+
+function rowHasTaskHeldBy(row, who) {
+    return row.tasks.some(task => 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 = 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 = 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 = 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 = 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 = openActivityAssignments(instance), counts = {
+        unrouted: 0,
+        routed: 0,
+        held: 0
+    };
+    for (const members of assignments) counts[assignmentState(members)] += 1, recordAssignees(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 jsx(VirtualTable, {
+        renderHeader: args => /* @__PURE__ */ 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 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 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__ */ jsx("th", {
+            style: {
+                ...styles.head,
+                width: tasksWidthOf(tableWidth)
+            },
+            children: /* @__PURE__ */ jsx(Box, {
+                padding: 2,
+                children: /* @__PURE__ */ jsx(Text, {
+                    muted: !0,
+                    size: 1,
+                    children: "Tasks"
+                })
+            })
+        }) : null
+    });
+}
+
+const RunTableRow = 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 jsxs(TableRowCard, {
+        dataIndex: dataIndex,
+        onClick: () => onSelectRun(row),
+        onKeyDown: onNavigateKey,
+        rowRef: measureRow,
+        selected: selected,
+        selectedRef: selectedRef,
+        children: [ 
+        /* @__PURE__ */ jsx("td", {
+            style: {
+                ...styles.cell,
+                paddingLeft: documentInset
+            },
+            children: /* @__PURE__ */ jsx(TableSubjectCell, {
+                document: row.document
+            })
+        }), scopedToWorkflow ? null : /* @__PURE__ */ jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsx(Text, {
+                muted: !0,
+                size: 1,
+                textOverflow: "ellipsis",
+                children: row.workflowTitle
+            })
+        }), scope === "closed" ? /* @__PURE__ */ jsx(ClosedCells, {
+            now: now,
+            row: row
+        }) : /* @__PURE__ */ 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 jsxs(Fragment, {
+        children: [ 
+        /* @__PURE__ */ jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsxs(Flex, {
+                align: "center",
+                gap: 2,
+                children: [ 
+                /* @__PURE__ */ jsx(Text, {
+                    size: 1,
+                    textOverflow: "ellipsis",
+                    children: row.stageTitle
+                }), blocked === void 0 ? null : /* @__PURE__ */ jsx(AttentionMark, {
+                    detail: blocked,
+                    now: now,
+                    tasks: row.tasks
+                }) ]
+            })
+        }), 
+        /* @__PURE__ */ jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsx(AgoStamp, {
+                at: row.startedAt,
+                now: now
+            })
+        }), 
+        /* @__PURE__ */ jsx("td", {
+            style: {
+                ...styles.cell,
+                overflow: "hidden"
+            },
+            children: /* @__PURE__ */ jsxs(Flex, {
+                align: "center",
+                gap: TASKS_CELL_GAP_TOKEN,
+                children: [ 
+                /* @__PURE__ */ jsx(StageTaskGroups, {
+                    now: now,
+                    room: taskRoom,
+                    tasks: row.tasks
+                }), overdue === void 0 ? null : /* @__PURE__ */ jsx(AttentionMark, {
+                    detail: overdue,
+                    now: now,
+                    tasks: row.tasks
+                }) ]
+            })
+        }) ]
+    });
+}
+
+function ClosedCells({now: now, row: row}) {
+    const styles = useTableStyles();
+    /* @__PURE__ */
+    return jsxs(Fragment, {
+        children: [ 
+        /* @__PURE__ */ jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsx(Text, {
+                size: 1,
+                textOverflow: "ellipsis",
+                children: row.outcome
+            })
+        }), 
+        /* @__PURE__ */ jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsx(AgoStamp, {
+                at: row.startedAt,
+                now: now
+            })
+        }), 
+        /* @__PURE__ */ jsx("td", {
+            style: styles.cell,
+            children: row.endedAt === void 0 ? null : /* @__PURE__ */ jsx(AgoStamp, {
+                at: row.endedAt,
+                now: now
+            })
+        }) ]
+    });
+}
+
+function DueStamp({due: due, now: now}) {
+    /* @__PURE__ */
+    return jsx(Flex, {
+        align: "center",
+        children: /* @__PURE__ */ jsx(_HoverHint, {
+            text: dueMomentSentence(due, now),
+            children: isDueDatePast(due, now) ? /* @__PURE__ */ jsx(LateSpan, {
+                now: now,
+                since: due
+            }) : 
+            /* @__PURE__ */ jsx(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 jsx(VirtualTable, {
+        renderHeader: args => /* @__PURE__ */ 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__ */ jsx("th", {
+                style: {
+                    ...args.styles.head,
+                    width: FOR_ME_ASSIGNEE_WIDTH
+                },
+                children: /* @__PURE__ */ jsx(Box, {
+                    padding: 2,
+                    children: /* @__PURE__ */ jsx(Text, {
+                        muted: !0,
+                        size: 1,
+                        children: "Assignee"
+                    })
+                })
+            }), 
+            /* @__PURE__ */ 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__ */ 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 = 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 jsxs(TableRowCard, {
+        dataIndex: dataIndex,
+        onClick: () => onSelect(row),
+        onKeyDown: onNavigateKey,
+        rowRef: measureRow,
+        selected: selected,
+        selectedRef: selectedRef,
+        children: [ 
+        /* @__PURE__ */ jsx("td", {
+            style: {
+                ...styles.cell,
+                paddingLeft: documentInset
+            },
+            children: /* @__PURE__ */ jsx(TableSubjectCell, {
+                document: row.document
+            })
+        }), 
+        /* @__PURE__ */ jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsx(Text, {
+                size: 1,
+                textOverflow: "ellipsis",
+                children: row.title
+            })
+        }), 
+        /* @__PURE__ */ jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsx(AgoStamp, {
+                at: row.openedAt,
+                now: now
+            })
+        }), 
+        /* @__PURE__ */ jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsx(Text, {
+                muted: !0,
+                size: 1,
+                textOverflow: "ellipsis",
+                children: row.workflowTitle
+            })
+        }), 
+        /* @__PURE__ */ jsx("td", {
+            style: styles.cell,
+            children: row.due === void 0 ? null : /* @__PURE__ */ jsx(DueStamp, {
+                due: row.due,
+                now: now
+            })
+        }), 
+        /* @__PURE__ */ jsx("td", {
+            style: {
+                ...styles.cell,
+                overflow: "hidden"
+            },
+            children: /* @__PURE__ */ jsx(Flex, {
+                align: "center",
+                children: /* @__PURE__ */ jsx(RowAssignees, {
+                    assignees: row.assignees
+                })
+            })
+        }), 
+        /* @__PURE__ */ jsx("td", {
+            style: styles.cell,
+            children: /* @__PURE__ */ jsx(ForMeAttentionCell, {
+                now: now,
+                row: row
+            })
+        }) ]
+    });
+});
+
+function ForMeAttentionCell({now: now, row: row}) {
+    const blocked = blockedArmOf(row.attentionDetail);
+    return blocked === void 0 ? null : /* @__PURE__ */ jsx(Flex, {
+        align: "center",
+        children: /* @__PURE__ */ 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("task", rows.length, !0),
+        subjects: `on ${pluralize("document", documents.size, !0)}, and ${pluralize("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
+    };
+}
+
+export { ATTENTION_FACES, AbortWorkflowDialog, ActivityDetailBody, ActivityDetailDialog, ActivityLog, AlertGlyph, AttentionMark, Breadcrumb, CodeChip, CountedLabel, DismissablePopover, DocPreviewLink, DocRefFace, EmptyState, FOR_ME_SECTION_COPY, ForMeEmptyState, ForMeSectionHeading, ForMeTable, InstanceFaultNote, InstanceSnapshotBody, InvalidDocNotice, LoadingRow, LogEventOnMount, MetaRow, MetricPair, NoteBanner, RUN_SEARCH_PARAM, RunsTable, SectionHeading, SortHeaderButton, SpinnerSlot, StageTaskGroups, TOOL_TABS, TabSwitch, TableRowCard, UNREADABLE_DOCUMENT, UnreadableDocsNote, WORKFLOW_API_VERSION, WorkflowBoardWorkflowSelected, WorkflowDefinitionDetailViewed, WorkflowInstanceDetailViewed, WorkflowTitleSeedDrifted, WorkflowToolOpened, blockedAttentionHint, blockedRunDetail, countBy, definitionFingerprint, definitionsRouteOf, deriveActivityDetail, describeError, documentRefsOf, forMeRowId, forMeSectionsOf, forMeSummaryOf, forMeTaskRowsOf, formatTimeAgo, gdrLocality, identityOf, instanceBreadcrumb, instanceTitle, isEvaluationStale, isLiveEntry, landingState, mappingIssueDetail, namesNoDeployedDefinition, noReleaseRunCount, openActivityGone, openableSchemaType, overdueAttentionHint, overdueRunDetail, readDeployedDefinitions, resolveForMeAddress, rowHasTaskHeldBy, runAttentionCounts, runCountsByAssignee, runCountsByRelease, runCountsByRole, runCountsByStage, runCountsByWorkflow, runRowsOf, runsScopeOf, scrollParentOf, stageTasksOf, stageTitle, tabSelectionNavigates, toolRoute, toolTabState, unassignedRunCount, useAlertChipSize, useAssignmentIdentity, useAvatarSize, useCapTrimFor, useContainerToken, useCurrentUserId, useDefinition, useLogEventOnMount, useMinuteClock, useProjectMembers, useRadiusToken, useReleaseTitles, useSpaceToken, useTableStyles, useTextIconSize, useUserDisplays, useWorkflowContext, useWorkflowInstanceEntry, userIdsOf, workflowDefaultDocumentNode, workflowState, workflowStudioPlugin, workflowsView };