@sanity/workflow-studio-plugin 0.4.0 → 0.20.0

package/dist/_chunks-cjs/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 
-var workflowEngine = require("@sanity/workflow-engine"), jsxRuntime = require("react/jsx-runtime"), Timeline = require("@sanity/icons/Timeline"), ui = require("@sanity/ui"), react = require("react"), structure = require("sanity/structure"), formatDistanceToNow = require("date-fns/formatDistanceToNow"), csm = require("@sanity/client/csm"), workflowStudio = require("@sanity/workflow-studio"), sanity = require("sanity"), Calendar = require("@sanity/icons/Calendar"), workflowComponents = require("@sanity/workflow-components"), User = require("@sanity/icons/User"), Close = require("@sanity/icons/Close"), Search = require("@sanity/icons/Search"), ChevronDown = require("@sanity/icons/ChevronDown"), ChevronRight = require("@sanity/icons/ChevronRight"), Checkmark = require("@sanity/icons/Checkmark"), Edit = require("@sanity/icons/Edit"), content = require("@sanity/util/content"), InfoOutline = require("@sanity/icons/InfoOutline"), WarningOutline = require("@sanity/icons/WarningOutline"), router = require("sanity/router"), types = require("@sanity/types"), Launch = require("@sanity/icons/Launch"), Empty$1 = require("@sanity/icons/Empty"), ErrorFilled = require("@sanity/icons/ErrorFilled"), RemoveCircle = require("@sanity/icons/RemoveCircle"), Add = require("@sanity/icons/Add"), Bolt = require("@sanity/icons/Bolt"), CheckmarkCircle = require("@sanity/icons/CheckmarkCircle"), Document = require("@sanity/icons/Document"), Ulist = require("@sanity/icons/Ulist"), pluralize = require("pluralize-esm"), EllipsisHorizontal = require("@sanity/icons/EllipsisHorizontal"), ArrowUp = require("@sanity/icons/ArrowUp"), workflowReact = require("@sanity/workflow-react"), Transfer = require("@sanity/icons/Transfer");
+var jsxRuntime = require("react/jsx-runtime"), Timeline = require("@sanity/icons/Timeline"), ui = require("@sanity/ui"), react = require("react"), structure = require("sanity/structure"), workflowEngine = require("@sanity/workflow-engine"), Checkmark = require("@sanity/icons/Checkmark"), Close = require("@sanity/icons/Close"), formatDistanceToNow = require("date-fns/formatDistanceToNow"), csm = require("@sanity/client/csm"), workflowStudio = require("@sanity/workflow-studio"), sanity = require("sanity"), Calendar = require("@sanity/icons/Calendar"), workflowComponents = require("@sanity/workflow-components"), User = require("@sanity/icons/User"), Search = require("@sanity/icons/Search"), ChevronRight = require("@sanity/icons/ChevronRight"), Edit = require("@sanity/icons/Edit"), content = require("@sanity/util/content"), InfoOutline = require("@sanity/icons/InfoOutline"), Document = require("@sanity/icons/Document"), WarningOutline = require("@sanity/icons/WarningOutline"), router = require("sanity/router"), types = require("@sanity/types"), Launch = require("@sanity/icons/Launch"), Empty$1 = require("@sanity/icons/Empty"), ErrorFilled = require("@sanity/icons/ErrorFilled"), RemoveCircle = require("@sanity/icons/RemoveCircle"), Add = require("@sanity/icons/Add"), Bolt = require("@sanity/icons/Bolt"), ChevronDown = require("@sanity/icons/ChevronDown"), CheckmarkCircle = require("@sanity/icons/CheckmarkCircle"), Ulist = require("@sanity/icons/Ulist"), pluralize = require("pluralize-esm"), EllipsisHorizontal = require("@sanity/icons/EllipsisHorizontal"), ArrowUp = require("@sanity/icons/ArrowUp"), workflowReact = require("@sanity/workflow-react"), Transfer = require("@sanity/icons/Transfer");
 
 function _interopDefaultCompat(e) {
     return e && typeof e == "object" && "default" in e ? e : {
@@ -23,20 +23,58 @@ function gdrLocality(id, contentResource) {
     };
 }
 
-function mappingsForDocType(mappings, docType) {
-    return mappings.filter(m => m.docType === docType);
+function assertUniqueWorkflowMappings(mappings) {
+    const keys = /* @__PURE__ */ new Set;
+    for (const mapping of mappings) {
+        const key = mappingKey(mapping);
+        if (keys.has(key)) throw new Error(`Duplicate workflow mapping for ${key}`);
+        keys.add(key);
+    }
+}
+
+function discoverWorkflowMappings(args) {
+    assertUniqueWorkflowMappings(args.overrides ?? []);
+    const discovered = workflowEngine.latestDeployedDefinitions(args.definitions).flatMap(definition => {
+        if (!workflowEngine.isStartableDefinition(definition)) return [];
+        const subject = (definition.fields ?? []).find(workflowEngine.isSubjectEntry);
+        if (subject === void 0 || !workflowEngine.isInputSourced(subject)) return [];
+        const source = {
+            fields: [ ...definition.fields ?? [] ]
+        };
+        return [ ...args.schemaContentTypes ].filter(docType => workflowEngine.acceptsDocumentType(source, docType)).map(docType => ({
+            docType: docType,
+            definition: definition.name,
+            label: definition.title ?? definition.name
+        }));
+    }), byKey = new Map(discovered.map(mapping => [ mappingKey(mapping), mapping ]));
+    for (const override of args.overrides ?? []) {
+        const key = mappingKey(override);
+        byKey.set(key, override);
+    }
+    return [ ...byKey.values() ];
+}
+
+function mappingAutoStartMap(mappings) {
+    const byType = /* @__PURE__ */ Object.create(null);
+    for (const mapping of mappings) {
+        if (!mapping.autoStart) continue;
+        const definitions = byType[mapping.docType] ?? [];
+        byType[mapping.docType] = [ ...definitions, mapping.definition ];
+    }
+    return byType;
 }
 
-function mappingForDocType(mappings, docType) {
-    return mappingsForDocType(mappings, docType)[0];
+function mappingsForDocType(mappings, docType) {
+    return mappings.filter(m => m.docType === docType);
 }
 
 function mappingKey(mapping) {
     return `${mapping.docType}::${mapping.definition}`;
 }
 
-function workflowDocTypes(mappings) {
-    return new Set(mappings.map(m => m.docType));
+function documentSubjectEntry(definition) {
+    const fields = definition.fields ?? [];
+    return fields.find(workflowEngine.isSubjectEntry) ?? fields.find(entry => entry.type === "doc.ref" && entry.name === "subject");
 }
 
 function mappingStartBlocks(args) {
@@ -170,7 +208,49 @@ function mappingIssues(args) {
     return issues;
 }
 
-const WORKFLOWS_VIEW_ID = "workflows", WORKFLOWS_TAB_PARAM = "workflowsTab", WORKFLOW_INTENT = "workflow";
+const WORKFLOWS_VIEW_ID = "workflows", WORKFLOWS_TAB_PARAM = "workflowsTab";
+
+function withoutWorkflowsTab(params) {
+    const {[WORKFLOWS_TAB_PARAM]: _previous, ...rest} = params ?? {};
+    return rest;
+}
+
+function workflowsTabCodec(tabs) {
+    const [defaultTab] = tabs;
+    return {
+        read: params => tabs.find(tab => tab === params?.[WORKFLOWS_TAB_PARAM]) ?? defaultTab,
+        write: (params, tab) => {
+            const rest = withoutWorkflowsTab(params);
+            return tab === defaultTab ? rest : {
+                ...rest,
+                [WORKFLOWS_TAB_PARAM]: tab
+            };
+        }
+    };
+}
+
+const WORKFLOWS_FOCUS_PARAM = "workflowsFocus";
+
+function focusedViewParams(params, focusId) {
+    return {
+        ...withoutWorkflowsTab(params),
+        view: WORKFLOWS_VIEW_ID,
+        [WORKFLOWS_FOCUS_PARAM]: focusId
+    };
+}
+
+function focusedLanding(focus, instanceIds) {
+    if (!(focus === void 0 || !instanceIds.includes(focus))) return {
+        focusedId: focus,
+        instanceIds: instanceIds
+    };
+}
+
+function landingDefaultOpen(landing, instanceId) {
+    if (!(landing === void 0 || !landing.instanceIds.includes(instanceId))) return instanceId === landing.focusedId;
+}
+
+const WORKFLOW_INTENT = "workflow";
 
 function handlesWorkflowIntent(intent, params) {
     return workflowIntentState(intent, params) !== null;
@@ -243,6 +323,16 @@ function formatTimeAgo(value) {
     });
 }
 
+function stampFace(verb, at) {
+    const ago = formatTimeAgo(at);
+    return ago === "" ? {
+        lead: `${verb} ${formatShortDateTime(at)}`
+    } : {
+        lead: `${verb} ${ago}`,
+        detail: formatShortDateTime(at)
+    };
+}
+
 function formatDate(value) {
     if (!value) return "—";
     const d = parseDateFieldValue(value, "date") ?? new Date(value);
@@ -292,6 +382,10 @@ function hrefIfHttp(value) {
     }
 }
 
+function unreadableDocsReport(docs) {
+    return docs.map(doc => `Unreadable workflow document\nID: ${doc.documentId}\nReason: ${doc.reason}\nDetail: ${doc.message}`).join(`\n\n`);
+}
+
 function isButton(actionEval) {
     return workflowEngine.actionRendering(actionEval) === "button";
 }
@@ -301,7 +395,7 @@ function stateByActivity(instance) {
 }
 
 function evaluationFreshness(args) {
-    return args.evaluation ? args.committed.lastChangedAt > args.evaluation.instance.lastChangedAt ? "stale" : "current" : "pending";
+    return args.evaluation ? Date.parse(args.committed.lastChangedAt) > Date.parse(args.evaluation.instance.lastChangedAt) ? "stale" : "current" : "pending";
 }
 
 function isEvaluationCurrent(args) {
@@ -348,20 +442,44 @@ function useWorkflowContext() {
 }
 
 function useWorkflowsForDocument(rawId) {
-    const {register: register, unregister: unregister, byDocument: byDocument} = useWorkflowContext(), docId = rawId ? csm.getPublishedId(rawId) : void 0;
-    return react.useEffect(() => {
+    return useDocumentWorkflowEntries(rawId, !0);
+}
+
+function useCommittedWorkflowsForDocument(rawId) {
+    return useDocumentWorkflowEntries(rawId, !1);
+}
+
+function useDocumentWorkflowEntries(rawId, evaluate) {
+    const {register: register, unregister: unregister, requestEvaluation: requestEvaluation, releaseEvaluation: releaseEvaluation, entries: entries} = useWorkflowContext(), docId = rawId ? csm.getPublishedId(rawId) : void 0;
+    react.useEffect(() => {
         if (docId) return register(docId), () => unregister(docId);
-    }, [ docId, register, unregister ]), {
+    }, [ docId, register, unregister ]);
+    const list = react.useSyncExternalStore(entries.subscribe, react.useCallback(() => docId ? entries.getDocument(docId) : EMPTY_ENTRIES, [ entries, docId ])), evaluationKey = evaluate ? list.map(entry => entry.instance._id).join("\0") : "";
+    return react.useEffect(() => {
+        if (!evaluate) return;
+        const ids = evaluationKey === "" ? [] : evaluationKey.split("\0");
+        for (const id of ids) requestEvaluation(id);
+        return () => {
+            for (const id of ids) releaseEvaluation(id);
+        };
+    }, [ evaluate, evaluationKey, requestEvaluation, releaseEvaluation ]), {
         docId: docId,
-        entries: docId ? byDocument.get(docId) ?? EMPTY_ENTRIES : EMPTY_ENTRIES
+        entries: list
     };
 }
 
-function useWorkflowInstanceEntry(instanceId) {
-    const {byInstance: byInstance, requestInstance: requestInstance, releaseInstance: releaseInstance} = useWorkflowContext();
-    if (react.useEffect(() => {
+function useHeldWorkflowEntry(instanceId) {
+    const {entries: entries} = useWorkflowContext();
+    return react.useSyncExternalStore(entries.subscribe, react.useCallback(() => instanceId ? entries.getInstance(instanceId) : void 0, [ entries, instanceId ]));
+}
+
+function useWorkflowInstanceEntry(instanceId, options = {}) {
+    const {requestInstance: requestInstance, releaseInstance: releaseInstance, requestEvaluation: requestEvaluation, releaseEvaluation: releaseEvaluation} = useWorkflowContext(), evaluate = options.evaluate ?? !0;
+    return react.useEffect(() => {
         if (instanceId) return requestInstance(instanceId), () => releaseInstance(instanceId);
-    }, [ instanceId, requestInstance, releaseInstance ]), !!instanceId) return byInstance.get(instanceId);
+    }, [ instanceId, requestInstance, releaseInstance ]), react.useEffect(() => {
+        if (!(!instanceId || !evaluate)) return requestEvaluation(instanceId), () => releaseEvaluation(instanceId);
+    }, [ instanceId, evaluate, requestEvaluation, releaseEvaluation ]), useHeldWorkflowEntry(instanceId);
 }
 
 const isTodoDone = item => item.status === "done", toggledTodoStatus = item => isTodoDone(item) ? "open" : "done";
@@ -630,14 +748,33 @@ function changesOwnStatus(action, activityName) {
     return ownStatusOps(action, activityName).length > 0;
 }
 
-function actionButtonTone(args) {
-    const status = actionAdvanceStatus(args.action, args.activityName);
-    return status === void 0 ? {
-        mode: "ghost",
-        tone: "default"
-    } : {
-        mode: "default",
-        tone: status === "failed" ? "critical" : "default"
+function concludesHere(actionEval, activityName) {
+    return changesOwnStatus(actionEval.action, activityName) || actionEval.firing?.exitsStage === !0;
+}
+
+const SEMANTIC_FACE = {
+    "decision.accept": {
+        tone: "positive",
+        icon: Checkmark.CheckmarkIcon
+    },
+    "decision.decline": {
+        tone: "caution",
+        icon: Close.CloseIcon
+    }
+};
+
+function actionButtonFace(args) {
+    const mode = concludesHere(args.actionEval, args.activityName) ? "default" : "ghost";
+    if (actionAdvanceStatus(args.actionEval.action, args.activityName) === "failed") return {
+        mode: mode,
+        tone: "critical",
+        icon: void 0
+    };
+    const [semantic] = args.actionEval.semantics ?? [], face = semantic === void 0 ? void 0 : SEMANTIC_FACE[semantic];
+    return {
+        mode: mode,
+        tone: face?.tone ?? "default",
+        icon: face?.icon
     };
 }
 
@@ -699,6 +836,11 @@ function actionRowKind(actionEval) {
     };
 }
 
+function actionTriggerLabel(actionEval) {
+    const label = actionLabel(actionEval.action);
+    return actionRowKind(actionEval).kind === "params-form" ? `${label}…` : label;
+}
+
 function tickActionNames(args) {
     const arrayFieldNames = new Set(args.state.flatMap(f => f._type === "array" ? [ f.name ] : [])), names = /* @__PURE__ */ new Set;
     for (const a of args.actions) for (const o of tickOpsOf(a.action)) arrayFieldNames.has(o.target.field) && tickedItemKey(o.where) !== void 0 && names.add(a.action.name);
@@ -728,8 +870,8 @@ function deriveActivityPresentation(args) {
         settled: settled,
         triggeredActions: settled ? [] : args.activityEval.actions.filter(a => a.triggered === !0),
         manualTarget: kind === "manual" ? manualLink(activity) : void 0,
-        actions: buttonActions.filter(a => !changesOwnStatus(a.action, activityName)),
-        terminalActions: buttonActions.filter(a => changesOwnStatus(a.action, activityName))
+        actions: buttonActions.filter(a => !concludesHere(a, activityName)),
+        terminalActions: buttonActions.filter(a => concludesHere(a, activityName))
     };
 }
 
@@ -742,15 +884,78 @@ function rowTerminalActions(args) {
     }).terminalActions;
 }
 
-function rowAssignField(args) {
-    return (groupEditableByActivity(args.editableFields ?? []).get(args.activityName) ?? []).find(f => f.type === "assignees" && f.editable);
+function isDeclaredEditable(field) {
+    return field.editable !== void 0;
+}
+
+function rowControlState(args) {
+    const {kinds: kinds, activity: activity, status: status, editableFields: editableFields} = args;
+    if (!(activity.fields ?? []).some(field => kinds.includes(field.type) && isDeclaredEditable(field))) return {
+        kind: "none"
+    };
+    if (editableFields !== void 0) {
+        const field = (groupEditableByActivity(editableFields).get(activity.name) ?? []).find(f => kinds.includes(f.type));
+        return field?.editable ? {
+            kind: "editable",
+            field: field
+        } : field?.disabledReason ? {
+            kind: "closed",
+            reason: describeEditDisabledReason(field.disabledReason)
+        } : {
+            kind: "closed",
+            reason: describeEditDisabledReason({
+                kind: "not-editable"
+            })
+        };
+    }
+    return workflowEngine.isTerminalActivityStatus(status) ? {
+        kind: "closed",
+        reason: describeEditDisabledReason({
+            kind: "edit-window-closed",
+            detail: "activity settled"
+        })
+    } : {
+        kind: "loading"
+    };
+}
+
+function rowAssignControlState(args) {
+    return rowControlState({
+        kinds: [ "assignees" ],
+        ...args
+    });
+}
+
+function rowDateControlState(args) {
+    return rowControlState({
+        kinds: [ "date", "datetime" ],
+        ...args
+    });
+}
+
+function committedRowFace(row) {
+    return {
+        activityName: row.activityName,
+        title: row.title,
+        status: row.status,
+        automated: !1,
+        blocked: !1
+    };
 }
 
 function activityRowProps(args) {
-    const {activityEval: activityEval, activityState: activityState, editableFields: editableFields} = args, activityName = activityEval.activity.name, state = activityState.get(activityName) ?? [];
+    const {activityEval: activityEval, activityState: activityState, editableFields: editableFields} = args, state = activityState.get(activityEval.activity.name) ?? [];
     return {
-        assignField: rowAssignField({
-            activityName: activityName,
+        face: {
+            activityName: activityEval.activity.name,
+            title: activityLabel(activityEval.activity),
+            status: activityEval.status,
+            automated: showsAutomatedPill(activityEval),
+            blocked: showsBlockedTag(activityEval)
+        },
+        assignState: rowAssignControlState({
+            activity: activityEval.activity,
+            status: activityEval.status,
             editableFields: editableFields
         }),
         assigneeIds: assigneeUserIdsOf(state),
@@ -762,6 +967,15 @@ function activityRowProps(args) {
     };
 }
 
+function dateControlKind(state) {
+    if (state.kind === "editable" && (state.field.type === "date" || state.field.type === "datetime")) return state.field.type;
+}
+
+function dateControlValue(args) {
+    const {state: state, dates: dates} = args;
+    return state.kind === "editable" ? typeof state.field.value == "string" && state.field.value !== "" ? state.field.value : void 0 : dates.find(value => parseStoredDateValue(value) !== void 0);
+}
+
 function activityStateOf(instance, activityName) {
     return workflowEngine.findCurrentActivityEntry(instance, activityName)?.fields ?? [];
 }
@@ -788,10 +1002,17 @@ function isEmptyValue(value) {
     return value == null || value === "" || Array.isArray(value) && value.length === 0;
 }
 
+function effectiveValidation(kind, validation) {
+    return kind !== "progress" ? validation : {
+        min: validation?.min ?? 0,
+        max: validation?.max ?? 100
+    };
+}
+
 function scalarValidationIssue(args) {
     const issues = workflowEngine.scalarValidationIssues({
         entryType: args.kind,
-        validation: args.validation,
+        validation: effectiveValidation(args.kind, args.validation),
         value: args.value
     });
     return issues === void 0 ? void 0 : `${args.label}: ${issues.join("; ")}`;
@@ -808,10 +1029,19 @@ function personActor(user) {
     };
 }
 
+const memberIndexes = /* @__PURE__ */ new WeakMap;
+
+function memberIndex(members) {
+    const cached = memberIndexes.get(members);
+    if (cached) return cached;
+    const created = new Map(members.map(member => [ member.id, member ]));
+    return memberIndexes.set(members, created), created;
+}
+
 const selfUserFor = (id, me) => me != null && me.id === id ? me : void 0;
 
 function userDisplayFor(args) {
-    const member = args.members.find(m => m.id === args.id), self = selfUserFor(args.id, args.me);
+    const member = memberIndex(args.members).get(args.id), self = selfUserFor(args.id, args.me);
     return {
         id: args.id,
         name: member?.displayName ?? self?.name ?? args.id,
@@ -821,19 +1051,20 @@ function userDisplayFor(args) {
 
 function useUserDisplays(ids) {
     const {members: members} = useProjectMembers(), me = sanity.useCurrentUser();
-    return ids.map(id => userDisplayFor({
+    return react.useMemo(() => ids.map(id => userDisplayFor({
         id: id,
         members: members,
         me: me
-    }));
+    })), [ ids, me, members ]);
 }
 
 function useUserDisplay(id) {
-    const [display] = useUserDisplays([ id ]);
-    return display ?? {
-        name: id,
-        imageUrl: void 0
-    };
+    const {members: members} = useProjectMembers(), me = sanity.useCurrentUser();
+    return react.useMemo(() => userDisplayFor({
+        id: id,
+        members: members,
+        me: me
+    }), [ id, me, members ]);
 }
 
 function useAssignmentIdentity() {
@@ -844,8 +1075,12 @@ function useAssignmentIdentity() {
     };
 }
 
+const projectMembersByUsers = /* @__PURE__ */ new WeakMap;
+
 function projectMembersFrom(users) {
-    return users.map(({membership: membership, profile: profile}) => ({
+    const cached = projectMembersByUsers.get(users);
+    if (cached) return cached;
+    const members = users.map(({membership: membership, profile: profile}) => ({
         id: membership.id,
         displayName: profile?.displayName ?? membership.id,
         ...profile?.email ? {
@@ -856,6 +1091,7 @@ function projectMembersFrom(users) {
         } : {},
         roles: (membership.roles ?? []).map(role => role.name)
     }));
+    return projectMembersByUsers.set(users, members), members;
 }
 
 function useProjectMembers() {
@@ -999,8 +1235,19 @@ function HintBody(props) {
     });
 }
 
+function textInputFacet(kind) {
+    return kind === "number" || kind === "progress" ? {
+        type: "number"
+    } : kind === "url" ? {
+        type: "url"
+    } : {};
+}
+
 function scalarInputConstraints(kind, validation) {
-    return validation === void 0 ? {} : kind === "number" ? {
+    return kind === "progress" ? {
+        min: validation?.min ?? 0,
+        max: validation?.max ?? 100
+    } : validation === void 0 ? {} : kind === "number" ? {
         min: validation.min,
         max: validation.max
     } : kind === "string" || kind === "text" ? {
@@ -1113,7 +1360,7 @@ function ChoiceSelect({options: options, value: value, onChange: onChange, readO
     });
 }
 
-const SCALAR_INPUT_KINDS = [ "string", "text", "url", "number", "date", "dateTime", "datetime", "boolean" ], SCALAR_INPUT_KIND_SET = new Set(SCALAR_INPUT_KINDS);
+const SCALAR_INPUT_KINDS = [ "string", "text", "url", "number", "progress", "date", "dateTime", "datetime", "boolean" ], SCALAR_INPUT_KIND_SET = new Set(SCALAR_INPUT_KINDS);
 
 function isScalarInputKind(kind) {
     return SCALAR_INPUT_KIND_SET.has(kind);
@@ -1124,29 +1371,19 @@ function textValueOf(value) {
 }
 
 function ScalarInput({kind: kind, value: value, onChange: onChange, options: options, validation: validation}) {
-    if (options !== void 0) /* @__PURE__ */
-    return jsxRuntime.jsx(ChoiceSelect, {
+    return options !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ChoiceSelect, {
         onChange: onChange,
         options: options,
         value: value
-    });
-    if (kind === "boolean") /* @__PURE__ */
-    return jsxRuntime.jsx(ui.Checkbox, {
+    }) : kind === "boolean" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, {
         checked: value === !0,
         onChange: e => onChange(e.currentTarget.checked)
-    });
-    if (kind === "date" || kind === "dateTime" || kind === "datetime") /* @__PURE__ */
-    return jsxRuntime.jsx(DateFieldInput, {
+    }) : kind === "date" || kind === "dateTime" || kind === "datetime" ? /* @__PURE__ */ jsxRuntime.jsx(DateFieldInput, {
         kind: kind === "date" ? "date" : "datetime",
         onChange: next => onChange(next ?? ""),
         value: value
-    });
-    const inputType = kind === "url" || kind === "number" ? kind : void 0;
-    /* @__PURE__ */
-    return jsxRuntime.jsx(ui.TextInput, {
-        ...inputType ? {
-            type: inputType
-        } : {},
+    }) : /* @__PURE__ */ jsxRuntime.jsx(ui.TextInput, {
+        ...textInputFacet(kind),
         ...scalarInputConstraints(kind, validation),
         fontSize: 1,
         onChange: e => onChange(e.currentTarget.value),
@@ -1234,25 +1471,26 @@ function MemberPickerButton({label: label = "Select member…", onChange: onChan
     });
 }
 
-function StubPreview({id: id, layout: layout, schemaType: schemaType}) {
+function useStubValuePreview(id, schemaType) {
     const value = react.useMemo(() => ({
         _id: id,
         _type: schemaType.name
-    }), [ id, schemaType.name ]);
-    return sanity.useValuePreview({
+    }), [ id, schemaType.name ]), preview = sanity.useValuePreview({
         schemaType: schemaType,
         value: value
-    })?.isLoading ? layout === "inline" ? /* @__PURE__ */ jsxRuntime.jsx(ui.TextSkeleton, {
-        animated: !0,
-        radius: 1,
-        size: 1,
-        style: {
-            width: 96
-        }
-    }) : /* @__PURE__ */ jsxRuntime.jsx(sanity.SanityDefaultPreview, {
+    });
+    return {
+        value: value,
+        preview: preview
+    };
+}
+
+function StubPreview({id: id, schemaType: schemaType}) {
+    const {value: value, preview: preview} = useStubValuePreview(id, schemaType);
+    return preview.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(sanity.SanityDefaultPreview, {
         isPlaceholder: !0
     }) : /* @__PURE__ */ jsxRuntime.jsx(sanity.Preview, {
-        layout: layout,
+        layout: "default",
         schemaType: schemaType,
         skipVisibilityCheck: !0,
         value: value
@@ -1295,7 +1533,7 @@ function DocPicker({value: value, onChange: onChange, types: types2, readOnly: r
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
             flex: 1,
             children: /* @__PURE__ */ jsxRuntime.jsx(PreviewOrId, {
-                id: workflowEngine.extractDocumentId(value.id),
+                id: workflowEngine.toBareId(value.id),
                 type: value.type
             })
         })
@@ -1362,7 +1600,6 @@ function PreviewOrId({id: id, type: type, fallbackTitle: fallbackTitle}) {
     const schemaType = sanity.useSchema().get(type);
     return schemaType ? /* @__PURE__ */ jsxRuntime.jsx(StubPreview, {
         id: id,
-        layout: "default",
         schemaType: schemaType
     }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
         align: "center",
@@ -1392,7 +1629,7 @@ function DocRefsInput({value: value, onChange: onChange, types: types2}) {
             /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
                 flex: 1,
                 children: /* @__PURE__ */ jsxRuntime.jsx(PreviewOrId, {
-                    id: workflowEngine.extractDocumentId(ref.id),
+                    id: workflowEngine.toBareId(ref.id),
                     type: ref.type
                 })
             }), 
@@ -1496,12 +1733,30 @@ function useClosableToast() {
     }), [ toast ]);
 }
 
+const ActionClusterContext = react.createContext(void 0), ActionClusterProvider = ActionClusterContext.Provider;
+
+function useActionClusterState() {
+    const [pending, setPending] = react.useState(!1);
+    return react.useMemo(() => ({
+        pending: pending,
+        onFireChange: setPending
+    }), [ pending ]);
+}
+
+function useActionClusterLock() {
+    return react.useContext(ActionClusterContext);
+}
+
+function useActionClusterPending() {
+    return useActionClusterLock()?.pending === !0;
+}
+
 function useFireAction(args) {
-    const {instanceId: instanceId, activity: activity, action: action, label: label} = args, {fireActionFor: fireActionFor} = useWorkflowContext(), toast = useClosableToast(), [pending, setPending] = react.useState(!1);
+    const {instanceId: instanceId, activity: activity, action: action, label: label} = args, {fireActionFor: fireActionFor} = useWorkflowContext(), toast = useClosableToast(), cluster = useActionClusterLock(), [localPending, setLocalPending] = react.useState(!1), pending = localPending || cluster?.pending === !0;
     return {
         fire: react.useCallback(async params => {
             if (pending) return !1;
-            setPending(!0);
+            setLocalPending(!0), cluster?.onFireChange(!0);
             try {
                 return await fireActionFor(instanceId, {
                     activity: activity,
@@ -1521,17 +1776,30 @@ function useFireAction(args) {
                     description: describeError(err)
                 }), !1;
             } finally {
-                setPending(!1);
+                setLocalPending(!1), cluster?.onFireChange(!1);
             }
-        }, [ fireActionFor, instanceId, activity, action, label, pending, toast ]),
+        }, [ fireActionFor, instanceId, activity, action, label, pending, toast, cluster ]),
         pending: pending
     };
 }
 
+const ACTION_ICON_GAP = 2;
+
+function actionIconProps(icon) {
+    return icon ? {
+        gap: ACTION_ICON_GAP,
+        icon: icon
+    } : {};
+}
+
 function stopRowMouseDown(e) {
     e.preventDefault(), e.stopPropagation();
 }
 
+function stopRowClick(e) {
+    e.stopPropagation();
+}
+
 function spanTriggerProps(chrome) {
     return chrome?.inButtonCard === !0 ? {
         as: "span",
@@ -1551,7 +1819,7 @@ function RowClickShield({active: active, children: children}) {
     });
 }
 
-function FireButton({instanceId: instanceId, activity: activity, action: action, label: label, mode: mode = "default", chrome: chrome, tone: tone = "default"}) {
+function FireButton({instanceId: instanceId, activity: activity, action: action, label: label, mode: mode = "default", chrome: chrome, tone: tone = "default", icon: icon}) {
     const {fire: fire, pending: pending} = useFireAction({
         instanceId: instanceId,
         activity: activity,
@@ -1563,11 +1831,11 @@ function FireButton({instanceId: instanceId, activity: activity, action: action,
     /* @__PURE__ */
     return jsxRuntime.jsx(ui.Button, {
         fontSize: 1,
+        ...actionIconProps(icon),
         loading: pending,
         mode: chrome?.mode ?? mode,
         onClick: handleClick,
         padding: 2,
-        style: chrome?.style,
         text: label,
         tone: tone,
         ...spanTriggerProps(chrome),
@@ -1581,6 +1849,7 @@ function ActivityActionRow({actionEval: actionEval, instanceId: instanceId, acti
     const rowKind = actionRowKind(actionEval);
     return rowKind.kind === "disabled" ? /* @__PURE__ */ jsxRuntime.jsx(DisabledActionButton, {
         actionEval: actionEval,
+        activity: activity,
         chrome: chrome
     }) : rowKind.kind === "plain" ? /* @__PURE__ */ jsxRuntime.jsx(PlainActionButton, {
         actionEval: actionEval,
@@ -1595,14 +1864,18 @@ function ActivityActionRow({actionEval: actionEval, instanceId: instanceId, acti
     });
 }
 
-function DisabledActionButton({actionEval: actionEval, chrome: chrome}) {
-    const label = actionLabel(actionEval.action), button = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
+function DisabledActionButton({actionEval: actionEval, activity: activity, chrome: chrome}) {
+    const label = actionTriggerLabel(actionEval), {tone: tone, icon: icon} = actionButtonFace({
+        actionEval: actionEval,
+        activityName: activity
+    }), button = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
         fontSize: 1,
+        ...actionIconProps(icon),
         mode: chrome?.mode ?? "ghost",
         onClick: e => e.stopPropagation(),
         padding: 2,
-        style: chrome?.style,
         text: label,
+        tone: tone,
         ...spanTriggerProps(chrome),
         disabled: !0
     });
@@ -1613,11 +1886,12 @@ function DisabledActionButton({actionEval: actionEval, chrome: chrome}) {
 }
 
 function PlainActionButton({actionEval: actionEval, instanceId: instanceId, activity: activity, chrome: chrome}) {
-    const {action: action} = actionEval, label = actionLabel(action), btn = actionButtonTone({
-        action: action,
+    const {action: action} = actionEval, label = actionLabel(action), btn = actionButtonFace({
+        actionEval: actionEval,
         activityName: activity
     }), button = /* @__PURE__ */ jsxRuntime.jsx(FireButton, {
         action: action.name,
+        icon: btn.icon,
         instanceId: instanceId,
         label: label,
         mode: btn.mode,
@@ -1692,8 +1966,8 @@ function ParamsActionDialog({actionEval: actionEval, instanceId: instanceId, act
 }
 
 function ParamsActionButton({actionEval: actionEval, instanceId: instanceId, activity: activity, chrome: chrome}) {
-    const {action: action} = actionEval, label = actionLabel(action), [open, setOpen] = react.useState(!1), btn = actionButtonTone({
-        action: action,
+    const [open, setOpen] = react.useState(!1), btn = actionButtonFace({
+        actionEval: actionEval,
         activityName: activity
     });
     /* @__PURE__ */
@@ -1701,16 +1975,14 @@ function ParamsActionButton({actionEval: actionEval, instanceId: instanceId, act
         children: [ 
         /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
             fontSize: 1,
+            ...actionIconProps(btn.icon),
             mode: chrome?.mode ?? btn.mode,
             onClick: e => {
                 chrome?.inButtonCard === !0 && e.stopPropagation(), setOpen(!0);
             },
             padding: 2,
-            text: `${label}…`,
+            text: actionTriggerLabel(actionEval),
             tone: btn.tone,
-            ...chrome?.style ? {
-                style: chrome.style
-            } : {},
             ...spanTriggerProps(chrome)
         }), open ? /* @__PURE__ */ jsxRuntime.jsx(RowClickShield, {
             active: chrome?.inButtonCard === !0,
@@ -1724,178 +1996,6 @@ function ParamsActionButton({actionEval: actionEval, instanceId: instanceId, act
     });
 }
 
-function HintedMenuButton({hint: hint, wrapMenuButton: wrapMenuButton, ...menuButtonProps}) {
-    const [open, setOpen] = react.useState(!1), wrap = wrapMenuButton ?? (node => node);
-    return hint === void 0 ? wrap(/* @__PURE__ */ jsxRuntime.jsx(ui.MenuButton, {
-        ...menuButtonProps
-    })) : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
-        disabled: open,
-        text: hint,
-        children: wrap(
-        /* @__PURE__ */ jsxRuntime.jsx(ui.MenuButton, {
-            ...menuButtonProps,
-            onClose: () => setOpen(!1),
-            onOpen: () => setOpen(!0)
-        }))
-    });
-}
-
-function OverflowMenuItem({actionEval: actionEval, instanceId: instanceId, activity: activity, onCollectParams: onCollectParams}) {
-    const rowKind = actionRowKind(actionEval), label = actionLabel(actionEval.action), {fire: fire, pending: pending} = useFireAction({
-        instanceId: instanceId,
-        activity: activity,
-        action: actionEval.action.name,
-        label: label
-    });
-    return rowKind.kind === "disabled" ? /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, {
-        disabled: !0,
-        text: label
-    }) : rowKind.kind === "plain" ? /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, {
-        disabled: pending,
-        onClick: () => {
-            fire();
-        },
-        text: label
-    }) : /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, {
-        onClick: onCollectParams,
-        text: `${label}…`
-    });
-}
-
-function rowShield(menuButton) {
-    /* @__PURE__ */
-    return jsxRuntime.jsx("span", {
-        onClick: e => e.stopPropagation(),
-        onMouseDown: stopRowMouseDown,
-        style: {
-            display: "contents"
-        },
-        children: menuButton
-    });
-}
-
-function ActionOverflowMenu({actions: actions, instanceId: instanceId, activity: activity, tone: tone, chrome: chrome}) {
-    const [paramsAction, setParamsAction] = react.useState(void 0), menuId = react.useId(), inButtonCard = chrome?.inButtonCard === !0;
-    /* @__PURE__ */
-    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [ 
-        /* @__PURE__ */ jsxRuntime.jsx(HintedMenuButton, {
-            button: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
-                "aria-label": "More options",
-                fontSize: 1,
-                icon: ChevronDown.ChevronDownIcon,
-                padding: 2,
-                tone: tone,
-                ...chrome?.mode ? {
-                    mode: chrome.mode
-                } : {},
-                ...chrome?.style ? {
-                    style: chrome.style
-                } : {},
-                ...inButtonCard ? {
-                    as: "span"
-                } : {}
-            }),
-            hint: "More options",
-            id: `workflow-action-overflow-${menuId}`,
-            menu: /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, {
-                children: actions.map(a => /* @__PURE__ */ jsxRuntime.jsx(OverflowMenuItem, {
-                    actionEval: a,
-                    activity: activity,
-                    instanceId: instanceId,
-                    onCollectParams: () => setParamsAction(a)
-                }, a.action.name))
-            }),
-            popover: {
-                placement: "top-end",
-                portal: !0
-            },
-            ...inButtonCard ? {
-                wrapMenuButton: rowShield
-            } : {}
-        }), paramsAction ? /* @__PURE__ */ jsxRuntime.jsx(RowClickShield, {
-            active: inButtonCard,
-            children: /* @__PURE__ */ jsxRuntime.jsx(ParamsActionDialog, {
-                actionEval: paramsAction,
-                activity: activity,
-                instanceId: instanceId,
-                onClose: () => setParamsAction(void 0)
-            })
-        }) : null ]
-    });
-}
-
-const PRIMARY_SEGMENT = {
-    borderBottomRightRadius: 0,
-    borderTopRightRadius: 0
-}, MENU_SEGMENT = {
-    borderBottomLeftRadius: 0,
-    borderTopLeftRadius: 0
-};
-
-function TerminalActions({actions: actions, activity: activity, instanceId: instanceId, mode: mode = "default", inButtonCard: inButtonCard = !1}) {
-    const {button: button, color: color} = ui.useTheme_v2(), [primary, ...overflow] = actions;
-    if (!primary) return null;
-    const ghost = mode === "ghost", embed = inButtonCard ? {
-        inButtonCard: !0
-    } : {};
-    if (overflow.length === 0) {
-        const chrome = {
-            ...ghost ? {
-                mode: "ghost"
-            } : {},
-            ...embed
-        };
-        /* @__PURE__ */
-        return jsxRuntime.jsx(ActivityActionRow, {
-            actionEval: primary,
-            activity: activity,
-            chrome: chrome,
-            instanceId: instanceId
-        });
-    }
-    const {tone: tone} = actionButtonTone({
-        action: primary.action,
-        activityName: activity
-    }), segment = ghost ? {
-        mode: "ghost"
-    } : {};
-    /* @__PURE__ */
-    return jsxRuntime.jsxs(ui.Flex, {
-        children: [ 
-        /* @__PURE__ */ jsxRuntime.jsx(ActivityActionRow, {
-            actionEval: primary,
-            activity: activity,
-            chrome: {
-                ...segment,
-                style: PRIMARY_SEGMENT,
-                ...embed
-            },
-            instanceId: instanceId
-        }), ghost ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
-            flex: "none",
-            style: {
-                background: color.bg,
-                width: 1
-            }
-        }), 
-        /* @__PURE__ */ jsxRuntime.jsx(ActionOverflowMenu, {
-            actions: overflow,
-            activity: activity,
-            chrome: {
-                ...segment,
-                style: ghost ? {
-                    ...MENU_SEGMENT,
-                    marginLeft: -button.border.width
-                } : MENU_SEGMENT,
-                ...embed
-            },
-            instanceId: instanceId,
-            tone: tone
-        }) ]
-    });
-}
-
 const DIM = {
     opacity: .6
 };
@@ -1933,8 +2033,12 @@ function stageTitle(definition, stageName) {
     return definition?.stages.find(stage => stage.name === stageName)?.title ?? stageName;
 }
 
+function findActivityNode(args) {
+    return args.definition?.stages.find(s => s.name === args.stageName)?.activities?.find(a => a.name === args.activityName);
+}
+
 function findActivity(args) {
-    const activity = args.definition?.stages.find(s => s.name === args.stageName)?.activities?.find(a => a.name === args.activityName);
+    const activity = findActivityNode(args);
     return {
         title: activity?.title ?? args.activityName,
         description: activity?.description
@@ -2068,14 +2172,15 @@ function FieldInput$1({kind: kind, value: value, onChange: onChange, onEnter: on
         });
 
       case "number":
+      case "progress":
         /* @__PURE__ */
         return jsxRuntime.jsx(ui.TextInput, {
+            ...textInputFacet(kind),
+            ...scalarInputConstraints(kind, validation),
             fontSize: 1,
             onChange: e => onChange(e.currentTarget.value === "" ? null : Number(e.currentTarget.value)),
             onKeyDown: e => e.key === "Enter" && onEnter(),
             readOnly: readOnly,
-            ...scalarInputConstraints(kind, validation),
-            type: "number",
             value: textValueOf(value)
         });
 
@@ -2103,8 +2208,32 @@ function FieldInput$1({kind: kind, value: value, onChange: onChange, onEnter: on
     }
 }
 
-function docLinkState(input) {
-    const {bareId: bareId, resource: resource} = input;
+function LinkChip({hint: hint, children: children, as: as = "a", ...anchorProps}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(HoverHint, {
+        text: hint,
+        children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
+            __unstable_focusRing: !0,
+            as: as,
+            "data-as": "a",
+            padding: 2,
+            radius: 3,
+            style: {
+                alignItems: "center",
+                color: "inherit",
+                display: "flex",
+                minWidth: 0,
+                textDecoration: "none"
+            },
+            tone: "inherit",
+            ...anchorProps,
+            children: children
+        })
+    });
+}
+
+function docLinkState(input) {
+    const {bareId: bareId, resource: resource} = input;
     if (bareId === void 0 || resource === void 0) return {
         kind: "unresolvable"
     };
@@ -2212,7 +2341,6 @@ function DocRefFace({gdr: gdr}) {
     const {parsed: parsed2, local: local, schemaType: schemaType} = useLocalDocRef(gdr);
     return parsed2 && local && schemaType ? /* @__PURE__ */ jsxRuntime.jsx(StubPreview, {
         id: parsed2.documentId,
-        layout: "default",
         schemaType: schemaType
     }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
         align: "center",
@@ -2242,15 +2370,23 @@ function ForeignRefNotice({bareId: bareId, resource: resource}) {
 }
 
 function MissingDocNotice({bareId: bareId, layout: layout}) {
-    return layout === "inline" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
-        muted: !0,
-        size: 1,
+    return layout === "inline" ? 
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
+        padding: 2,
         children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
             align: "center",
-            as: "span",
-            gap: 1,
+            gap: 2,
             children: [ 
-            /* @__PURE__ */ jsxRuntime.jsx(WarningOutline.WarningOutlineIcon, {}), " Document unavailable" ]
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                muted: !0,
+                size: 1,
+                children: /* @__PURE__ */ jsxRuntime.jsx(WarningOutline.WarningOutlineIcon, {})
+            }), 
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                muted: !0,
+                size: 1,
+                children: "Document unavailable"
+            }) ]
         })
     }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
         border: !0,
@@ -2283,44 +2419,73 @@ function UnopenableTypeNotice({actualType: actualType, bareId: bareId}) {
     });
 }
 
+function renderTypeIcon(icon) {
+    return typeof icon == "function" ? react.createElement(icon) : react.isValidElement(icon) ? icon : /* @__PURE__ */ jsxRuntime.jsx(Document.DocumentIcon, {});
+}
+
+function InlineChipFace({bareId: bareId, schemaType: schemaType}) {
+    const {preview: preview} = useStubValuePreview(bareId, schemaType);
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(ui.Flex, {
+        align: "center",
+        gap: 2,
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+            size: 1,
+            children: renderTypeIcon(schemaType.icon)
+        }), preview.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(ui.TextSkeleton, {
+            animated: !0,
+            radius: 1,
+            size: 1,
+            style: {
+                width: 96
+            }
+        }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+            size: 1,
+            textOverflow: "ellipsis",
+            weight: "medium",
+            children: preview.value?.title ?? /* @__PURE__ */ jsxRuntime.jsx("em", {
+                children: "Untitled"
+            })
+        }) ]
+    });
+}
+
 function LinkedDocPreview({bareId: bareId, layout: layout, schemaType: schemaType}) {
-    return layout === "inline" ? /* @__PURE__ */ jsxRuntime.jsx(router.IntentLink, {
-        intent: "edit",
+    const EditIntentLink = react.useMemo(() => function(linkProps) {
+        /* @__PURE__ */
+        return jsxRuntime.jsx(router.IntentLink, {
+            ...linkProps,
+            intent: "edit",
+            params: {
+                id: bareId
+            }
+        });
+    }, [ bareId ]);
+    return layout === "inline" ? /* @__PURE__ */ jsxRuntime.jsx(LinkChip, {
+        as: EditIntentLink,
+        hint: "Open document",
         onClick: e => e.stopPropagation(),
-        params: {
-            id: bareId
-        },
-        style: {
-            color: "inherit",
-            textDecoration: "none",
-            display: "flex",
-            alignItems: "center"
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsx(StubPreview, {
-            id: bareId,
-            layout: "inline",
+        children: /* @__PURE__ */ jsxRuntime.jsx(InlineChipFace, {
+            bareId: bareId,
             schemaType: schemaType
         })
-    }) : /* @__PURE__ */ jsxRuntime.jsx(router.IntentLink, {
-        intent: "edit",
+    }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
+        __unstable_focusRing: !0,
+        as: EditIntentLink,
+        border: !0,
+        "data-as": "a",
         onClick: e => e.stopPropagation(),
-        params: {
-            id: bareId
-        },
+        padding: 1,
+        radius: 3,
         style: {
             color: "inherit",
             textDecoration: "none",
             display: "block"
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
-            border: !0,
-            padding: 1,
-            radius: 3,
-            children: /* @__PURE__ */ jsxRuntime.jsx(StubPreview, {
-                id: bareId,
-                layout: "default",
-                schemaType: schemaType
-            })
+        children: /* @__PURE__ */ jsxRuntime.jsx(StubPreview, {
+            id: bareId,
+            schemaType: schemaType
         })
     });
 }
@@ -2464,6 +2629,10 @@ const fieldValueRenderer = {
         }, ref.id))
     }) : /* @__PURE__ */ jsxRuntime.jsx(Empty, {}),
     number: renderTextValue,
+    progress: field => /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.ProgressBar, {
+        label: field.title ?? field.name,
+        value: field.value
+    }),
     object: field => field.value === null ? /* @__PURE__ */ jsxRuntime.jsx(Empty, {}) : /* @__PURE__ */ jsxRuntime.jsx(ui.Code, {
         size: 1,
         style: {
@@ -2632,7 +2801,7 @@ function ReadOnlyDocRefs({entry: entry}) {
             padding: 2,
             radius: 2,
             children: /* @__PURE__ */ jsxRuntime.jsx(PreviewOrId, {
-                id: workflowEngine.extractDocumentId(ref.id),
+                id: workflowEngine.toBareId(ref.id),
                 type: ref.type
             })
         }, ref.id))
@@ -2715,7 +2884,7 @@ function useFieldDraft(args) {
 }
 
 function EditableFieldControl({instanceId: instanceId, field: field}) {
-    const {editFieldFor: editFieldFor, previewFieldFor: previewFieldFor, discardFieldPreviewFor: discardFieldPreviewFor, byInstance: byInstance} = useWorkflowContext(), me = sanity.useCurrentUser(), held = byInstance.get(instanceId), entry = held ? workflowEngine.resolveFieldEntry(held.instance, field) : void 0, evaluation = held?.evaluation, target = editTargetOf(field), consequence = fieldConsequence(evaluation, field.name), advanceTo = advanceTargetTitle(evaluation, field.name);
+    const {editFieldFor: editFieldFor, previewFieldFor: previewFieldFor, discardFieldPreviewFor: discardFieldPreviewFor} = useWorkflowContext(), me = sanity.useCurrentUser(), held = useHeldWorkflowEntry(instanceId), entry = held ? workflowEngine.resolveFieldEntry(held.instance, field) : void 0, evaluation = held?.evaluation, target = editTargetOf(field), consequence = fieldConsequence(evaluation, field.name), advanceTo = advanceTargetTitle(evaluation, field.name);
     /* @__PURE__ */
     return jsxRuntime.jsx(EditableField, {
         field: field,
@@ -3257,6 +3426,27 @@ function ActivityStatusIcon({status: status}) {
     });
 }
 
+function LoadingRow({label: label, padding: padding}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(ui.Flex, {
+        align: "center",
+        gap: 2,
+        ...padding === void 0 ? {} : {
+            padding: padding
+        },
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {
+            muted: !0,
+            size: 1
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+            muted: !0,
+            size: 1,
+            children: label
+        }) ]
+    });
+}
+
 function useSpaceToken(index) {
     const value = ui.useTheme_v2().space[index];
     if (value === void 0) throw new Error(`theme is missing space token ${index}`);
@@ -3287,6 +3477,27 @@ function useBadgeCapTrim() {
     };
 }
 
+function AvatarDisplay({avatar: avatar, "aria-label": ariaLabel}) {
+    const trim = useAvatarCapTrim();
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Box, {
+        "aria-label": ariaLabel,
+        as: "span",
+        padding: 2,
+        style: {
+            display: "inline-flex"
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+            align: "center",
+            justify: "center",
+            style: {
+                margin: trim
+            },
+            children: avatar
+        })
+    });
+}
+
 function AvatarButton({avatar: avatar, onClick: onClick, onMouseDown: onMouseDown, as: as, "aria-label": ariaLabel, ref: ref}) {
     const trim = useAvatarCapTrim();
     /* @__PURE__ */
@@ -3329,10 +3540,13 @@ function UserAvatar({id: id}) {
     });
 }
 
-function UserAvatarGroup({ids: ids}) {
+function UserAvatarGroup({ids: ids, hint: hint}) {
     const displays = useUserDisplays(ids);
     return displays.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
         text: displays.map(d => d.name).join(", "),
+        ...hint === void 0 ? {} : {
+            description: hint
+        },
         children: /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.MemberAvatarGroup, {
             members: displays.map(display => ({
                 id: display.id,
@@ -3343,9 +3557,26 @@ function UserAvatarGroup({ids: ids}) {
     });
 }
 
-function AssignActivityControl({instanceId: instanceId, field: field, assigneeIds: assigneeIds = []}) {
-    const {editFieldFor: editFieldFor} = useWorkflowContext(), toast = useClosableToast(), [open, setOpen] = react.useState(!1), [busy, setBusy] = react.useState(!1), members = field.value ?? [], selectedIds = new Set(members.flatMap(m => m.type === "user" ? [ m.id ] : [])), toggle = async memberId => {
-        if (!busy) {
+function AssignActivityControl({instanceId: instanceId, state: state, assigneeIds: assigneeIds = []}) {
+    const {editFieldFor: editFieldFor} = useWorkflowContext(), toast = useClosableToast(), [open, setOpen] = react.useState(!1), [busy, setBusy] = react.useState(!1);
+    if (state.kind === "none") return assigneeIds.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(AvatarDisplay, {
+        "aria-label": "Assignees",
+        avatar: /* @__PURE__ */ jsxRuntime.jsx(UserAvatarGroup, {
+            ids: assigneeIds
+        })
+    });
+    if (state.kind === "closed") return assigneeIds.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(AvatarButton, {
+        "aria-label": "Assignees",
+        as: "span",
+        avatar: /* @__PURE__ */ jsxRuntime.jsx(UserAvatarGroup, {
+            hint: state.reason,
+            ids: assigneeIds
+        }),
+        onClick: stopRowClick,
+        onMouseDown: stopRowMouseDown
+    });
+    const field = state.kind === "editable" ? state.field : void 0, members = field?.value ?? [], selectedIds = new Set(members.flatMap(m => m.type === "user" ? [ m.id ] : [])), toggle = async memberId => {
+        if (!(busy || field === void 0)) {
             setBusy(!0);
             try {
                 selectedIds.has(memberId) ? await editFieldFor(instanceId, {
@@ -3398,8 +3629,11 @@ function AssignActivityControl({instanceId: instanceId, field: field, assigneeId
     /* @__PURE__ */
     return jsxRuntime.jsx(DismissablePopover, {
         content: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
-            onClick: e => e.stopPropagation(),
-            children: /* @__PURE__ */ jsxRuntime.jsx(MemberPicker, {
+            onClick: stopRowClick,
+            children: state.kind === "loading" ? /* @__PURE__ */ jsxRuntime.jsx(LoadingRow, {
+                label: "Loading…",
+                padding: 3
+            }) : /* @__PURE__ */ jsxRuntime.jsx(MemberPicker, {
                 onSelect: member => member && void toggle(member.id),
                 selectedIds: selectedIds
             })
@@ -3687,9 +3921,9 @@ function BreadcrumbTail({segments: segments, style: style}) {
 }
 
 function WorkRow({lead: lead, children: children, end: end, onOpen: onOpen}) {
-    const frame = /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
+    const frame = 
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
         align: "center",
-        gap: 1,
         children: [ 
         /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
             align: "center",
@@ -3703,6 +3937,7 @@ function WorkRow({lead: lead, children: children, end: end, onOpen: onOpen}) {
             align: "center",
             flex: 1,
             gap: 2,
+            paddingLeft: 2,
             style: {
                 minWidth: 0
             },
@@ -3710,6 +3945,7 @@ function WorkRow({lead: lead, children: children, end: end, onOpen: onOpen}) {
         }), end === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
             align: "center",
             gap: 2,
+            paddingLeft: 2,
             style: {
                 flexShrink: 0
             },
@@ -3718,14 +3954,14 @@ function WorkRow({lead: lead, children: children, end: end, onOpen: onOpen}) {
     });
     return onOpen === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
         padding: 1,
-        radius: 2,
+        radius: 3,
         children: frame
     }) : 
     /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
         as: "button",
         onClick: onOpen,
         padding: 1,
-        radius: 2,
+        radius: 3,
         style: {
             textAlign: "left"
         },
@@ -3912,6 +4148,222 @@ function AutomationActionRow({actionEval: actionEval, definition: definition}) {
     });
 }
 
+function inlineActionCount(args) {
+    const {available: available, actionWidths: actionWidths, menuWidth: menuWidth, gap: gap} = args, max = Math.min(3, actionWidths.length);
+    for (let count = max; count > 0; count--) {
+        const buttons = actionWidths.slice(0, count).reduce((sum, w) => sum + w, 0) + gap * (count - 1), menu = count === actionWidths.length ? 0 : menuWidth + gap;
+        if (buttons + menu <= available) return count;
+    }
+    return 0;
+}
+
+const ACTIONS_MENU_TRIGGER = {
+    fontSize: 1,
+    gap: 1,
+    iconRight: ChevronDown.ChevronDownIcon,
+    padding: 2
+};
+
+function ActionMenuItem({actionEval: actionEval, instanceId: instanceId, activity: activity, onCollectParams: onCollectParams}) {
+    const rowKind = actionRowKind(actionEval), label = actionTriggerLabel(actionEval), {tone: tone, icon: icon} = actionButtonFace({
+        actionEval: actionEval,
+        activityName: activity
+    }), iconProp = icon ? {
+        icon: icon
+    } : {}, {fire: fire, pending: pending} = useFireAction({
+        instanceId: instanceId,
+        activity: activity,
+        action: actionEval.action.name,
+        label: label
+    });
+    return rowKind.kind === "disabled" ? /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, {
+        disabled: !0,
+        ...iconProp,
+        text: label,
+        tone: tone
+    }) : rowKind.kind === "plain" ? /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, {
+        disabled: pending,
+        ...iconProp,
+        onClick: () => {
+            fire();
+        },
+        text: label,
+        tone: tone
+    }) : /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, {
+        disabled: pending,
+        ...iconProp,
+        onClick: onCollectParams,
+        text: label,
+        tone: tone
+    });
+}
+
+function rowShield(menuButton) {
+    /* @__PURE__ */
+    return jsxRuntime.jsx("span", {
+        onClick: e => e.stopPropagation(),
+        onMouseDown: stopRowMouseDown,
+        style: {
+            display: "contents"
+        },
+        children: menuButton
+    });
+}
+
+function ActionsMenuButton({actions: actions, instanceId: instanceId, activity: activity, label: label, mode: mode = "ghost", inButtonCard: inButtonCard = !1}) {
+    const [paramsAction, setParamsAction] = react.useState(void 0), clusterPending = useActionClusterPending(), menuId = react.useId(), menuButton = /* @__PURE__ */ jsxRuntime.jsx(ui.MenuButton, {
+        button: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
+            ...ACTIONS_MENU_TRIGGER,
+            mode: mode,
+            text: label,
+            ...inButtonCard ? {
+                as: "span"
+            } : {},
+            ...clusterPending ? {
+                disabled: !0
+            } : {}
+        }),
+        id: `workflow-actions-menu-${menuId}`,
+        menu: /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, {
+            children: actions.map(a => /* @__PURE__ */ jsxRuntime.jsx(ActionMenuItem, {
+                actionEval: a,
+                activity: activity,
+                instanceId: instanceId,
+                onCollectParams: () => setParamsAction(a)
+            }, a.action.name))
+        }),
+        popover: {
+            placement: "top-end",
+            portal: !0
+        }
+    });
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ inButtonCard ? rowShield(menuButton) : menuButton, paramsAction ? /* @__PURE__ */ jsxRuntime.jsx(RowClickShield, {
+            active: inButtonCard,
+            children: /* @__PURE__ */ jsxRuntime.jsx(ParamsActionDialog, {
+                actionEval: paramsAction,
+                activity: activity,
+                instanceId: instanceId,
+                onClose: () => setParamsAction(void 0)
+            })
+        }) : null ]
+    });
+}
+
+const FOOTER_GAP_PX = 8, MORE_ACTIONS_LABEL = "More actions";
+
+function TerminalFooter({actions: actions, activity: activity, instanceId: instanceId}) {
+    const lock = useActionClusterState(), [only, ...rest] = actions;
+    return only ? /* @__PURE__ */ jsxRuntime.jsx(ActionClusterProvider, {
+        value: lock,
+        children: rest.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(FooterRow, {
+            children: /* @__PURE__ */ jsxRuntime.jsx(ActivityActionRow, {
+                actionEval: only,
+                activity: activity,
+                instanceId: instanceId
+            })
+        }) : /* @__PURE__ */ jsxRuntime.jsx(FittedActions, {
+            actions: actions,
+            activity: activity,
+            instanceId: instanceId
+        })
+    }) : null;
+}
+
+function FooterRow({children: children, onElement: onElement}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Box, {
+        padding: 3,
+        children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+            align: "center",
+            justify: "flex-end",
+            ...onElement ? {
+                ref: onElement
+            } : {},
+            style: {
+                gap: FOOTER_GAP_PX
+            },
+            children: children
+        })
+    });
+}
+
+function FittedActions({actions: actions, activity: activity, instanceId: instanceId}) {
+    const [footerEl, setFooterEl] = react.useState(null), [measureEl, setMeasureEl] = react.useState(null), footerSize = ui.useElementSize(footerEl), measureSize = ui.useElementSize(measureEl), [inline, setInline] = react.useState(void 0);
+    react.useLayoutEffect(() => {
+        if (measureEl === null || footerSize === null || measureSize === null) return;
+        const widths = Array.from(measureEl.children, clone => clone.getBoundingClientRect().width);
+        setInline(inlineActionCount({
+            available: footerSize.border.width,
+            actionWidths: widths.slice(0, -1),
+            menuWidth: widths.at(-1) ?? 0,
+            gap: FOOTER_GAP_PX
+        }));
+    }, [ actions, footerSize, measureEl, measureSize ]);
+    const overflow = inline === void 0 ? [] : actions.slice(inline);
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx(MeasureRow, {
+            actions: actions,
+            activity: activity,
+            onElement: setMeasureEl
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsxs(FooterRow, {
+            onElement: setFooterEl,
+            children: [ inline === void 0 ? null : actions.slice(0, inline).map(a => /* @__PURE__ */ jsxRuntime.jsx(ActivityActionRow, {
+                actionEval: a,
+                activity: activity,
+                instanceId: instanceId
+            }, a.action.name)), overflow.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ActionsMenuButton, {
+                actions: overflow,
+                activity: activity,
+                instanceId: instanceId,
+                label: MORE_ACTIONS_LABEL,
+                mode: "default"
+            }) : null ]
+        }) ]
+    });
+}
+
+function MeasureRow({actions: actions, activity: activity, onElement: onElement}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsx("div", {
+        "aria-hidden": !0,
+        style: {
+            height: 0,
+            overflow: "hidden"
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+            ref: onElement,
+            style: {
+                display: "inline-flex",
+                whiteSpace: "nowrap"
+            },
+            children: [ actions.map(a => {
+                const {icon: icon} = actionButtonFace({
+                    actionEval: a,
+                    activityName: activity
+                });
+                /* @__PURE__ */
+                return jsxRuntime.jsx(ui.Button, {
+                    as: "span",
+                    fontSize: 1,
+                    ...actionIconProps(icon),
+                    padding: 2,
+                    text: actionTriggerLabel(a)
+                }, a.action.name);
+            }), 
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
+                ...ACTIONS_MENU_TRIGGER,
+                as: "span",
+                text: MORE_ACTIONS_LABEL
+            }) ]
+        })
+    });
+}
+
 function ActivityDetailDialog({entry: entry, activityName: activityName, breadcrumb: breadcrumb, definition: definition, document: document, onClose: onClose}) {
     const detail = deriveActivityDetail({
         entry: entry,
@@ -3921,12 +4373,11 @@ function ActivityDetailDialog({entry: entry, activityName: activityName, breadcr
     const instanceId = entry.instance._id, notice = blockedNotice(detail), hasBody = detail.state.length > 0 || notice !== void 0;
     /* @__PURE__ */
     return jsxRuntime.jsxs(ui.Dialog, {
-        footer: /* @__PURE__ */ jsxRuntime.jsx(TerminalFooter, {
-            activityName: activityName,
-            detail: detail,
-            instanceId: instanceId,
-            onClose: onClose
-        }),
+        footer: detail.presentation.terminalActions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(TerminalFooter, {
+            actions: detail.presentation.terminalActions,
+            activity: activityName,
+            instanceId: instanceId
+        }) : void 0,
         header: /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, {
             emphasizeCurrent: !0,
             segments: [ ...breadcrumb, detail.title ]
@@ -4095,8 +4546,11 @@ function FieldRow({field: field, detail: detail, entry: entry, activityName: act
                 /* @__PURE__ */ jsxRuntime.jsx(FieldValue, {
                     field: field
                 }), assignField ? /* @__PURE__ */ jsxRuntime.jsx(AssignActivityControl, {
-                    field: assignField,
-                    instanceId: instanceId
+                    instanceId: instanceId,
+                    state: {
+                        kind: "editable",
+                        field: assignField
+                    }
                 }) : null ]
             }) ]
         });
@@ -4129,31 +4583,6 @@ function blockedNotice(detail) {
     });
 }
 
-function TerminalFooter({detail: detail, instanceId: instanceId, activityName: activityName, onClose: onClose}) {
-    /* @__PURE__ */
-    return jsxRuntime.jsx(ui.Box, {
-        padding: 3,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
-            align: "center",
-            gap: 2,
-            justify: "flex-end",
-            children: [ 
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
-                fontSize: 1,
-                mode: "bleed",
-                onClick: onClose,
-                padding: 2,
-                text: "Cancel"
-            }), 
-            /* @__PURE__ */ jsxRuntime.jsx(TerminalActions, {
-                actions: detail.presentation.terminalActions,
-                activity: activityName,
-                instanceId: instanceId
-            }) ]
-        })
-    });
-}
-
 function EmptyState({action: action, description: description, icon: icon, title: title}) {
     /* @__PURE__ */
     return jsxRuntime.jsx(ui.Card, {
@@ -4207,7 +4636,26 @@ function CountedLabel({count: count, label: label}) {
     });
 }
 
-function GroupHeading({count: count, title: title, end: end}) {
+function SpinnerSlot({busy: busy, size: size}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Flex, {
+        align: "center",
+        flex: "none",
+        justify: "center",
+        style: {
+            width: 19,
+            height: 19
+        },
+        children: busy ? /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {
+            muted: !0,
+            ...size !== void 0 ? {
+                size: size
+            } : {}
+        }) : null
+    });
+}
+
+function GroupHeading({busy: busy, count: count, title: title, end: end}) {
     /* @__PURE__ */
     return jsxRuntime.jsxs(ui.Flex, {
         align: "center",
@@ -4222,11 +4670,70 @@ function GroupHeading({count: count, title: title, end: end}) {
                 weight: "semibold",
                 children: title
             })
+        }), busy === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(SpinnerSlot, {
+            busy: busy,
+            size: 1
         }), end === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [ 
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
-                flex: 1
-            }), end ]
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+                flex: 1
+            }), end ]
+        }) ]
+    });
+}
+
+function CopyDetailsButton({unreadable: unreadable}) {
+    const toast = useClosableToast();
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Button, {
+        fontSize: 1,
+        mode: "ghost",
+        onClick: () => {
+            navigator.clipboard.writeText(unreadableDocsReport(unreadable)).then(() => toast.push({
+                status: "success",
+                title: "Details copied"
+            }), () => toast.push({
+                status: "error",
+                title: "Could not copy the details"
+            }));
+        },
+        padding: 2,
+        text: "Copy details"
+    });
+}
+
+function UnreadableDocsNote({unreadable: unreadable}) {
+    if (unreadable.length === 0) return null;
+    const label = unreadable.length === 1 ? "1 workflow document isn’t listed — this Studio can’t read it. Share the details with your Studio maintainers." : `${unreadable.length} workflow documents aren’t listed — this Studio can’t read them. Share the details with your Studio maintainers.`;
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(ui.Card, {
+        padding: 2,
+        paddingLeft: 3,
+        radius: 3,
+        style: {
+            alignItems: "center",
+            display: "flex"
+        },
+        tone: "caution",
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
+            align: "center",
+            flex: 1,
+            gap: 3,
+            children: [ 
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                muted: !0,
+                size: 1,
+                children: /* @__PURE__ */ jsxRuntime.jsx(WarningOutline.WarningOutlineIcon, {})
+            }), 
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                muted: !0,
+                size: 1,
+                children: label
+            }) ]
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx(CopyDetailsButton, {
+            unreadable: unreadable
         }) ]
     });
 }
@@ -4237,7 +4744,7 @@ const HEADLINES = {
 };
 
 function remediation(invalid) {
-    return invalid.reason === "model-ahead" ? `"${invalid.documentId}" was written by a newer engine data model. Upgrade @sanity/workflow-engine (and this plugin) to work with it.` : `"${invalid.documentId}" has a corrupt stored shape and cannot be read. Inspect the document, or reset the workflow dataset.`;
+    return invalid.reason === "model-ahead" ? `"${invalid.documentId}" was created by a newer version of the workflow engine than this Studio can read. It needs a plugin update that supports the newer data model — share the details with your Studio maintainers.` : `This version of the Studio can't read "${invalid.documentId}" — it was likely created by a newer or different version of the workflow tooling. Share the details with your Studio maintainers.`;
 }
 
 function InvalidDocNotice({invalid: invalid}) {
@@ -4248,20 +4755,22 @@ function InvalidDocNotice({invalid: invalid}) {
         radius: 2,
         tone: "caution",
         children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, {
-            space: 2,
+            space: 3,
             children: [ 
-            /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
-                text: invalid.message,
-                children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
-                    size: 1,
-                    weight: "medium",
-                    children: HEADLINES[invalid.reason]
-                })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                size: 1,
+                weight: "medium",
+                children: HEADLINES[invalid.reason]
             }), 
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
                 muted: !0,
                 size: 1,
                 children: remediation(invalid)
+            }), 
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+                children: /* @__PURE__ */ jsxRuntime.jsx(CopyDetailsButton, {
+                    unreadable: [ invalid ]
+                })
             }) ]
         })
     });
@@ -4286,6 +4795,18 @@ function TabSwitch({ariaControls: ariaControls, idPrefix: idPrefix, options: opt
     });
 }
 
+function useDelayedFlag(active, delayMs) {
+    const [held, setHeld] = react.useState(!1);
+    return react.useEffect(() => {
+        if (!active) {
+            setHeld(!1);
+            return;
+        }
+        const timer = setTimeout(() => setHeld(!0), delayMs);
+        return () => clearTimeout(timer);
+    }, [ active, delayMs ]), held && active;
+}
+
 function instanceTitle(instance, definition) {
     return definition?.title ?? instance.definition;
 }
@@ -4301,6 +4822,30 @@ function openActivityGone(args) {
     return evaluation !== void 0 && !evaluation.currentStage.activities.some(a => a.activity.name === target.activityName);
 }
 
+function HintedMenuButton({hint: hint, ...menuButtonProps}) {
+    const [open, setOpen] = react.useState(!1), popover = {
+        tone: "default",
+        ...menuButtonProps.popover?.placement === void 0 ? {
+            placement: "bottom-end",
+            fallbackPlacements: [ "top-end" ]
+        } : {},
+        ...menuButtonProps.popover
+    };
+    return hint === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.MenuButton, {
+        ...menuButtonProps,
+        popover: popover
+    }) : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+        disabled: open,
+        text: hint,
+        children: /* @__PURE__ */ jsxRuntime.jsx(ui.MenuButton, {
+            ...menuButtonProps,
+            onClose: () => setOpen(!1),
+            onOpen: () => setOpen(!0),
+            popover: popover
+        })
+    });
+}
+
 function subjectGdr(ctx) {
     return !ctx.subjectDocId || !ctx.mapping ? null : subjectGdrRef({
         mapping: ctx.mapping,
@@ -4348,6 +4893,10 @@ function missingInitFields(initFields, values) {
     return initFields.filter(entry => gatesStart(entry) && !isFieldFilled(entry, values[entry.name] ?? null));
 }
 
+function numericFilled(value) {
+    return value !== null && value !== "" && Number.isFinite(Number(value));
+}
+
 const filledByKind = {
     actor: value => value !== null,
     array: value => Array.isArray(value) && value.length > 0,
@@ -4355,7 +4904,8 @@ const filledByKind = {
     boolean: () => !0,
     "doc.ref": value => value !== null,
     "doc.refs": value => Array.isArray(value) && value.length > 0,
-    number: value => value !== null && value !== "" && Number.isFinite(Number(value)),
+    number: numericFilled,
+    progress: numericFilled,
     "release.ref": value => value !== null,
     subject: value => value !== null
 };
@@ -4373,7 +4923,14 @@ const asInitial = candidate => candidate, scalarInitialValue = (entry, value) =>
     type: entry.type,
     name: entry.name,
     value: value
-}), initialValueByKind = {
+}), numericInitialValue = (entry, value) => {
+    const n = Number(value);
+    return Number.isFinite(n) ? asInitial({
+        type: entry.type,
+        name: entry.name,
+        value: n
+    }) : null;
+}, initialValueByKind = {
     actor: (entry, value) => asInitial({
         type: entry.type,
         name: entry.name,
@@ -4398,14 +4955,8 @@ const asInitial = candidate => candidate, scalarInitialValue = (entry, value) =>
         value: value
     }),
     subject: singleRefInitialValue,
-    number: (entry, value) => {
-        const n = Number(value);
-        return Number.isFinite(n) ? asInitial({
-            type: entry.type,
-            name: entry.name,
-            value: n
-        }) : null;
-    },
+    number: numericInitialValue,
+    progress: numericInitialValue,
     "release.ref": (entry, value) => asInitial({
         type: entry.type,
         name: entry.name,
@@ -4884,6 +5435,58 @@ function StartWorkflowMenuItem({mapping: mapping, docId: docId, initialValue: in
     }) : item;
 }
 
+function settledDim(settled) {
+    return settled ? {
+        opacity: .66
+    } : void 0;
+}
+
+function ActivityStatusLead({status: status}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(HoverHint, {
+        text: ACTIVITY_STATUS_LABEL[status],
+        children: /* @__PURE__ */ jsxRuntime.jsx(ActivityStatusIcon, {
+            status: status
+        })
+    });
+}
+
+function ActivityRowTitle({dimmed: dimmed, children: children}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Text, {
+        size: 1,
+        style: {
+            ...dimmed,
+            minWidth: 0
+        },
+        textOverflow: "ellipsis",
+        weight: "medium",
+        children: children
+    });
+}
+
+function RowTerminalActions({actions: actions, activity: activity, instanceId: instanceId}) {
+    const lock = useActionClusterState(), [only, ...rest] = actions;
+    return only ? /* @__PURE__ */ jsxRuntime.jsx(ActionClusterProvider, {
+        value: lock,
+        children: rest.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ActivityActionRow, {
+            actionEval: only,
+            activity: activity,
+            chrome: {
+                mode: "ghost",
+                inButtonCard: !0
+            },
+            instanceId: instanceId
+        }) : /* @__PURE__ */ jsxRuntime.jsx(ActionsMenuButton, {
+            actions: actions,
+            activity: activity,
+            inButtonCard: !0,
+            instanceId: instanceId,
+            label: "Select action"
+        })
+    }) : null;
+}
+
 function TitleTag({hint: hint, tone: tone, children: children}) {
     const badgeTrim = useBadgeCapTrim();
     /* @__PURE__ */
@@ -4900,54 +5503,34 @@ function TitleTag({hint: hint, tone: tone, children: children}) {
     });
 }
 
-function ActivityRow({activityEval: activityEval, breadcrumb: breadcrumb, assigneeIds: assigneeIds, assignField: assignField, instanceId: instanceId, onOpen: onOpen, terminalActions: terminalActions = []}) {
-    const {activity: activity, status: status} = activityEval, settled = workflowEngine.isTerminalActivityStatus(status), dimmed = settled ? {
-        opacity: .66
-    } : void 0;
-    let assignmentControl = null;
-    return assignField ? assignmentControl = /* @__PURE__ */ jsxRuntime.jsx(AssignActivityControl, {
-        assigneeIds: assigneeIds,
-        field: assignField,
-        instanceId: instanceId
-    }) : assigneeIds.length > 0 && (assignmentControl = /* @__PURE__ */ jsxRuntime.jsx(AvatarButton, {
-        "aria-label": "Assignees",
-        as: "span",
-        avatar: /* @__PURE__ */ jsxRuntime.jsx(UserAvatarGroup, {
-            ids: assigneeIds
-        })
-    })), 
-    /* @__PURE__ */ jsxRuntime.jsxs(WorkRow, {
+function ActivityRow({face: face, breadcrumb: breadcrumb, assigneeIds: assigneeIds, assignState: assignState, dateControl: dateControl, instanceId: instanceId, onOpen: onOpen, terminalActions: terminalActions = []}) {
+    const settled = workflowEngine.isTerminalActivityStatus(face.status), dimmed = settledDim(settled);
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(WorkRow, {
         end: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [ settled || terminalActions.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(TerminalActions, {
+            children: [ settled || terminalActions.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(RowTerminalActions, {
                 actions: terminalActions,
-                activity: activity.name,
-                inButtonCard: !0,
+                activity: face.activityName,
+                instanceId: instanceId
+            }), dateControl, 
+            /* @__PURE__ */ jsxRuntime.jsx(AssignActivityControl, {
+                assigneeIds: assigneeIds,
                 instanceId: instanceId,
-                mode: "ghost"
-            }), assignmentControl ]
+                state: assignState
+            }) ]
         }),
-        lead: 
-        /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
-            text: ACTIVITY_STATUS_LABEL[status],
-            children: /* @__PURE__ */ jsxRuntime.jsx(ActivityStatusIcon, {
-                status: status
-            })
+        lead: /* @__PURE__ */ jsxRuntime.jsx(ActivityStatusLead, {
+            status: face.status
         }),
         onOpen: onOpen,
         children: [ 
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
-            size: 1,
-            style: {
-                ...dimmed,
-                minWidth: 0
-            },
-            textOverflow: "ellipsis",
-            weight: "medium",
-            children: activityLabel(activity)
-        }), showsAutomatedPill(activityEval) ? /* @__PURE__ */ jsxRuntime.jsx(TitleTag, {
+        /* @__PURE__ */ jsxRuntime.jsx(ActivityRowTitle, {
+            dimmed: dimmed,
+            children: face.title
+        }), face.automated ? /* @__PURE__ */ jsxRuntime.jsx(TitleTag, {
             hint: "Completes on its own — no user action is needed",
             children: "Automated"
-        }) : null, showsBlockedTag(activityEval) ? /* @__PURE__ */ jsxRuntime.jsx(TitleTag, {
+        }) : null, face.blocked ? /* @__PURE__ */ jsxRuntime.jsx(TitleTag, {
             hint: "Nothing can be done on this activity right now — open it to see why",
             tone: "caution",
             children: "Blocked"
@@ -4988,7 +5571,6 @@ function ForMeList({entry: entry, work: work, identity: identity, onOpenActivity
                     activityState: activityState,
                     editableFields: entry.evaluation?.editableFields
                 }),
-                activityEval: activityEval,
                 breadcrumb: breadcrumb,
                 instanceId: instance._id,
                 onOpen: () => onOpenActivity(activityEval.activity.name)
@@ -5032,33 +5614,12 @@ function ActivitiesList({entry: entry, onOpenActivity: onOpenActivity}) {
                 activityState: activityState,
                 editableFields: entry.evaluation?.editableFields
             }),
-            activityEval: t,
             instanceId: entry.instance._id,
             onOpen: () => onOpenActivity(t.activity.name)
         }, t.activity.name))
     });
 }
 
-function LoadingRow({label: label, padding: padding}) {
-    /* @__PURE__ */
-    return jsxRuntime.jsxs(ui.Flex, {
-        align: "center",
-        gap: 2,
-        ...padding === void 0 ? {} : {
-            padding: padding
-        },
-        children: [ 
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {
-            muted: !0
-        }), 
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
-            muted: !0,
-            size: 1,
-            children: label
-        }) ]
-    });
-}
-
 function instanceNotice(entry) {
     const {instance: instance, committed: committed, evaluation: evaluation} = entry, state = workflowEngine.terminalState(instance);
     if (state !== "in-flight") 
@@ -5084,9 +5645,16 @@ function instanceNotice(entry) {
             size: 1,
             children: "This workflow didn’t finish starting — use Start workflow to continue it"
         })
-    }) : pending ? /* @__PURE__ */ jsxRuntime.jsx(LoadingRow, {
-        label: "Loading…",
-        padding: 4
+    }) : pending ? /* @__PURE__ */ jsxRuntime.jsx(WorkRow, {
+        lead: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {
+            muted: !0,
+            size: 1
+        }),
+        children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+            muted: !0,
+            size: 1,
+            children: "Loading…"
+        })
     }) : null;
 }
 
@@ -5098,6 +5666,7 @@ const EDITOR_BY_KIND = {
     date: "scalar",
     datetime: "scalar",
     number: "scalar",
+    progress: "scalar",
     string: "scalar",
     text: "scalar",
     url: "scalar"
@@ -5160,9 +5729,16 @@ function faceOf(args) {
     } : workflowEngine.isSingleDocRefEntry(entry) && entry.value !== null ? {
         kind: "docRef",
         gdr: entry.value
+    } : entry._type === "progress" && entry.value !== null ? {
+        kind: "progress",
+        value: entry.value
     } : todoShaped && entry._type === "array" ? textFace(todoTextOf(entry)) : textFace(textOf(entry));
 }
 
+function progressFillPercent(face) {
+    if (face.kind === "progress") return workflowComponents.clampProgress(face.value);
+}
+
 function deriveFieldPills(args) {
     const {scope: scope, definition: definition, instance: instance, committed: committed, evaluation: evaluation} = args, declared = scope === "workflow" ? definition?.fields ?? [] : definition?.stages.find(s => s.name === instance.currentStage)?.fields ?? [], entries = scope === "workflow" ? instance.fields : workflowEngine.findOpenStageEntry(instance)?.fields ?? [], entriesByName = new Map(entries.map(entry => [ entry.name, entry ])), editables = isEvaluationCurrent({
         committed: committed,
@@ -5303,6 +5879,15 @@ function SetFace({face: face}) {
         })
     }) : face.kind === "assignees" ? /* @__PURE__ */ jsxRuntime.jsx(AssigneesFace, {
         assignees: face.assignees
+    }) : face.kind === "progress" ? 
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+        size: 1,
+        style: {
+            fontVariantNumeric: "tabular-nums",
+            minWidth: "4ch",
+            textAlign: "right"
+        },
+        children: workflowComponents.progressCaption(face.value)
     }) : /* @__PURE__ */ jsxRuntime.jsx(FaceText, {
         children: face.kind === "text" ? face.text : ""
     });
@@ -5356,15 +5941,21 @@ function AssigneesFace({assignees: assignees}) {
     });
 }
 
-function usePillChrome() {
-    const {color: color} = ui.useTheme_v2();
+function usePillChrome(face) {
+    const {color: color} = ui.useTheme_v2(), fillPercent = face === void 0 ? void 0 : progressFillPercent(face), fill = `color-mix(in srgb, ${color.focusRing} 24%, transparent)`, progressFill = fillPercent === void 0 ? {} : {
+        backgroundImage: `linear-gradient(${fill}, ${fill})`,
+        backgroundRepeat: "no-repeat",
+        backgroundSize: `${fillPercent}% 100%`,
+        transition: "background-size 300ms ease"
+    };
     return {
         mode: "bleed",
         padding: 2,
         radius: 6,
         style: {
             boxShadow: `inset 0 0 0 1px ${color.button.ghost.default.enabled.border}`,
-            maxWidth: "100%"
+            maxWidth: "100%",
+            ...progressFill
         }
     };
 }
@@ -5395,7 +5986,7 @@ function PillFaceContent({children: children}) {
 }
 
 function PillButton({children: children, pill: pill, hintDisabled: hintDisabled = !1, onClick: onClick}) {
-    const chrome = usePillChrome();
+    const chrome = usePillChrome(pill.face);
     /* @__PURE__ */
     return jsxRuntime.jsx(PillHint, {
         disabled: hintDisabled,
@@ -5428,7 +6019,23 @@ function useFieldCommit({entry: entry, editability: editability}) {
 function PillPopover({pill: pill, content: content2, open: open, onToggle: onToggle, onDismiss: onDismiss}) {
     /* @__PURE__ */
     return jsxRuntime.jsx(DismissablePopover, {
-        content: content2,
+        content: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, {
+            gap: 1,
+            children: [ 
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
+                padding: 3,
+                paddingBottom: 0,
+                style: {
+                    maxWidth: 360
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx(FieldHead, {
+                    label: pill.title,
+                    ...pill.description === void 0 ? {} : {
+                        description: pill.description
+                    }
+                })
+            }), content2 ]
+        }),
         fallbackPlacements: [ "top-start" ],
         onDismiss: onDismiss,
         open: open,
@@ -5728,6 +6335,66 @@ function FieldPill({entry: entry, pill: pill, scope: scope}) {
     });
 }
 
+function Hairline({weight: weight, style: style}) {
+    const {color: color} = ui.useTheme_v2();
+    /* @__PURE__ */
+    return jsxRuntime.jsx("div", {
+        style: {
+            borderTop: `${weight}px solid ${color.border}`,
+            ...style
+        }
+    });
+}
+
+function CollapsibleBand({header: header, children: children, background: background = !1, defaultOpen: defaultOpen = !0, sticky: sticky = !1, title: title}) {
+    const [open, setOpen] = react.useState(defaultOpen), verb = open ? "Collapse" : "Expand";
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(ui.Stack, {
+        gap: 1,
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
+            onDoubleClick: event => {
+                event.target instanceof Element && event.target.closest("a, button") || setOpen(v => !v);
+            },
+            padding: 1,
+            radius: 3,
+            style: {
+                userSelect: "none",
+                ...sticky ? {
+                    position: "sticky",
+                    top: 0,
+                    zIndex: 1
+                } : {}
+            },
+            tone: background ? "transparent" : "inherit",
+            children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
+                align: "center",
+                children: [ 
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
+                    "aria-label": `${verb} ${title}`,
+                    fontSize: 1,
+                    icon: open ? ChevronDown.ChevronDownIcon : ChevronRight.ChevronRightIcon,
+                    mode: "bleed",
+                    onClick: () => setOpen(v => !v),
+                    padding: 2
+                }), header ]
+            })
+        }), open ? children : null ]
+    });
+}
+
+function TrailingHairline() {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Box, {
+        flex: 1,
+        paddingLeft: 1,
+        paddingRight: 1,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Hairline, {
+            weight: .5
+        })
+    });
+}
+
 const HISTORY_KIND_GROUPS = {
     Stages: [ "stageEntered", "stageExited", "transitionFired", "aborted" ],
     Activities: [ "activityStatusChanged" ],
@@ -6050,76 +6717,60 @@ function InstanceDebugMenu({entry: entry}) {
     });
 }
 
-function InstanceAccordion({entry: entry, children: children}) {
-    const definition = useDefinition(entry), {instance: instance, ready: ready} = entry, settled = !isLiveEntry(entry), [open, setOpen] = react.useState(!settled), title = instanceTitle(instance, definition), badgeTrim = useBadgeCapTrim(), status = /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
-        align: "center",
-        gap: 2,
-        style: badgeTrim,
-        children: [ 
-        /* @__PURE__ */ jsxRuntime.jsx(AbortedBadge, {
-            instance: instance
-        }), settled ? null : /* @__PURE__ */ jsxRuntime.jsx(OlderDefinitionBadge, {
-            instance: instance
-        }), !ready && entry.invalid === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {
-            muted: !0
-        }) : null ]
-    });
+function InstanceAccordion({entry: entry, children: children, defaultOpen: defaultOpen}) {
+    const definition = useDefinition(entry), {instance: instance} = entry, settled = !isLiveEntry(entry), title = instanceTitle(instance, definition), badgeTrim = useBadgeCapTrim();
     /* @__PURE__ */
-    return jsxRuntime.jsxs(ui.Stack, {
-        gap: 2,
-        children: [ 
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
-            style: {
-                position: "sticky",
-                top: 0,
-                zIndex: 1
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
+    return jsxRuntime.jsx(CollapsibleBand, {
+        defaultOpen: defaultOpen ?? !settled,
+        title: title,
+        header: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [ 
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
                 align: "center",
-                gap: 1,
+                gap: 2,
+                paddingLeft: 2,
+                style: {
+                    minWidth: 0
+                },
                 children: [ 
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
-                    flex: 1,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
-                        "aria-label": open ? `Collapse ${title}` : `Expand ${title}`,
-                        mode: "bleed",
-                        onClick: () => setOpen(v => !v),
-                        paddingX: 2,
-                        paddingY: 3,
-                        radius: 3,
-                        width: "fill",
-                        children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
-                            align: "center",
-                            gap: 2,
-                            children: [ 
-                            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
-                                size: 1,
-                                children: open ? /* @__PURE__ */ jsxRuntime.jsx(ChevronDown.ChevronDownIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(ChevronRight.ChevronRightIcon, {})
-                            }), 
-                            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
-                                size: 1,
-                                weight: "medium",
-                                children: title
-                            }), status ]
-                        })
-                    })
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                    size: 1,
+                    style: {
+                        minWidth: 0
+                    },
+                    textOverflow: "ellipsis",
+                    weight: "medium",
+                    children: title
                 }), 
-                /* @__PURE__ */ jsxRuntime.jsx(InstanceDebugMenu, {
-                    entry: entry
+                /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
+                    align: "center",
+                    gap: 2,
+                    style: badgeTrim,
+                    children: [ 
+                    /* @__PURE__ */ jsxRuntime.jsx(AbortedBadge, {
+                        instance: instance
+                    }), settled ? null : /* @__PURE__ */ jsxRuntime.jsx(OlderDefinitionBadge, {
+                        instance: instance
+                    }) ]
                 }) ]
-            })
-        }), open ? 
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, {
+            }), 
+            /* @__PURE__ */ jsxRuntime.jsx(TrailingHairline, {}), 
+            /* @__PURE__ */ jsxRuntime.jsx(InstanceDebugMenu, {
+                entry: entry
+            }) ]
+        }),
+        sticky: !0,
+        children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, {
             gap: 3,
             paddingBottom: 2,
             paddingLeft: 5,
             children: children
-        }) : null ]
+        })
     });
 }
 
 function PartOfBand({instance: instance}) {
-    const parentRef = instance.ancestors.at(-1), parentId = parentRef ? workflowEngine.extractDocumentId(parentRef.id) : null, parentEntry = useWorkflowInstanceEntry(parentId), parentDefinition = useDefinition(parentEntry);
+    const parentRef = instance.ancestors.at(-1), parentId = parentRef ? workflowEngine.toBareId(parentRef.id) : null, parentEntry = useWorkflowInstanceEntry(parentId), parentDefinition = useDefinition(parentEntry);
     if (!parentId) return null;
     const title = parentEntry ? instanceTitle(parentEntry.instance, parentDefinition) : parentId;
     /* @__PURE__ */
@@ -6370,18 +7021,6 @@ const NODE_ICON = {
     done: CheckmarkCircle.CheckmarkCircleIcon
 };
 
-function Hairline({style: style}) {
-    const {color: color} = ui.useTheme_v2();
-    /* @__PURE__ */
-    return jsxRuntime.jsx(ui.Card, {
-        style: {
-            height: "1px",
-            background: color.border,
-            ...style
-        }
-    });
-}
-
 function WorkflowSpine({definition: definition, evaluation: evaluation, instance: instance}) {
     const nodes = deriveSpine({
         definition: definition,
@@ -6400,7 +7039,8 @@ function WorkflowSpine({definition: definition, evaluation: evaluation, instance
                 style: {
                     transform: "translateY(-0.5px)",
                     width: connectorWidth
-                }
+                },
+                weight: 1
             }) : null, 
             /* @__PURE__ */ jsxRuntime.jsx(SpineNodeView, {
                 definition: definition,
@@ -6505,7 +7145,9 @@ function StageOverviewCard({overview: overview}) {
             })
         }), hasLiveZone ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [ 
-            /* @__PURE__ */ jsxRuntime.jsx(Hairline, {}), 
+            /* @__PURE__ */ jsxRuntime.jsx(Hairline, {
+                weight: 1
+            }), 
             /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
                 padding: 2,
                 children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, {
@@ -6558,31 +7200,32 @@ function AdvanceCard({advance: advance}) {
 }
 
 function StampLines({stamp: stamp}) {
-    const verb = stamp.kind === "entered" ? "Entered" : "Completed", ago = formatTimeAgo(stamp.at), absolute = formatShortDateTime(stamp.at);
-    return ago === "" ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, {
+    const face = stampFace(stamp.kind === "entered" ? "Entered" : "Completed", stamp.at);
+    return face.detail === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
         muted: !0,
         size: 1,
-        children: [ verb, " ", absolute ]
+        children: face.lead
     }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, {
         gap: 3,
         children: [ 
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, {
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
             muted: !0,
             size: 1,
-            children: [ verb, " ", ago ]
+            children: face.lead
         }), 
         /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
             muted: !0,
             size: 1,
-            children: absolute
+            children: face.detail
         }) ]
     });
 }
 
-function WorkflowInstanceSection({entry: entry, onOpenActivity: onOpenActivity}) {
+function WorkflowInstanceSection({defaultOpen: defaultOpen, entry: entry, onOpenActivity: onOpenActivity}) {
     const definition = useDefinition(entry), {instance: instance} = entry;
     /* @__PURE__ */
     return jsxRuntime.jsxs(InstanceAccordion, {
+        defaultOpen: defaultOpen,
         entry: entry,
         children: [ instance.ancestors.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(PartOfBand, {
             instance: instance
@@ -6642,7 +7285,7 @@ function StageSection({entry: entry, onOpenActivity: onOpenActivity}) {
     });
 }
 
-const WorkflowsView = props => {
+const VIEW_TAB_CODEC = workflowsTabCodec([ "overview", "for-me" ]), WorkflowsView = props => {
     const {documentId: documentId, schemaType: schemaType} = props, {isDocResolved: isDocResolved, mappings: mappings, discoveryInvalid: discoveryInvalid} = useWorkflowContext(), {entries: entries} = useWorkflowsForDocument(documentId), resolved = isDocResolved(documentId), docTypeMappings = mappingsForDocType(mappings, schemaType.name);
     if (entries.length === 0) return discoveryInvalid !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
         padding: 4,
@@ -6684,11 +7327,9 @@ const WorkflowsView = props => {
 };
 
 function DiscoverySpinner() {
-    const [visible, setVisible] = react.useState(!1);
-    return react.useEffect(() => {
-        const timer = setTimeout(() => setVisible(!0), 1e3);
-        return () => clearTimeout(timer);
-    }, []), /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+    const visible = useDelayedFlag(!0, 1e3);
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Flex, {
         align: "center",
         height: "fill",
         justify: "center",
@@ -6698,19 +7339,13 @@ function DiscoverySpinner() {
     });
 }
 
-const GROUP_GAP = 1;
+const BOOT_CUE_DELAY_MS = 400, GROUP_GAP = 1;
 
 function useWorkflowsTab() {
     const {params: params, setParams: setParams} = structure.usePaneRouter();
     return {
-        view: params?.[WORKFLOWS_TAB_PARAM] === "for-me" ? "for-me" : "overview",
-        setView: next => {
-            const {[WORKFLOWS_TAB_PARAM]: _tab, ...rest} = params ?? {};
-            setParams(next === "overview" ? rest : {
-                ...rest,
-                [WORKFLOWS_TAB_PARAM]: next
-            });
-        }
+        view: VIEW_TAB_CODEC.read(params),
+        setView: next => setParams(VIEW_TAB_CODEC.write(params, next))
     };
 }
 
@@ -6729,7 +7364,8 @@ function useOpenActivity(entries) {
 }
 
 function WorkflowsPanel({entries: entries, documentId: documentId, docTypeMappings: docTypeMappings, initialValue: initialValue}) {
-    const identity = useAssignmentIdentity(), panelId = react.useId(), {view: view, setView: setView} = useWorkflowsTab(), {openActivity: openActivity, setOpenActivity: setOpenActivity, dialogEntry: dialogEntry} = useOpenActivity(entries), active = entries.filter(isLiveEntry), finished = entries.filter(e => !isLiveEntry(e)), forMe = forMeWorkOf(active, identity), assignedWorkUnknown = active.some(e => e.invalid !== void 0), sectionFor = e => /* @__PURE__ */ jsxRuntime.jsx(WorkflowInstanceSection, {
+    const identity = useAssignmentIdentity(), panelId = react.useId(), {params: params} = structure.usePaneRouter(), {view: view, setView: setView} = useWorkflowsTab(), {openActivity: openActivity, setOpenActivity: setOpenActivity, dialogEntry: dialogEntry} = useOpenActivity(entries), active = entries.filter(isLiveEntry), finished = entries.filter(e => !isLiveEntry(e)), forMe = forMeWorkOf(active, identity), [landing] = react.useState(() => focusedLanding(params?.[WORKFLOWS_FOCUS_PARAM], entries.map(e => e.instance._id))), assignedWorkUnknown = active.some(e => e.invalid !== void 0), booting = useDelayedFlag(active.some(e => !e.ready && e.invalid === void 0), BOOT_CUE_DELAY_MS), sectionFor = e => /* @__PURE__ */ jsxRuntime.jsx(WorkflowInstanceSection, {
+        defaultOpen: landingDefaultOpen(landing, e.instance._id),
         entry: e,
         onOpenActivity: activityName => setOpenActivity({
             instanceId: e.instance._id,
@@ -6749,6 +7385,7 @@ function WorkflowsPanel({entries: entries, documentId: documentId, docTypeMappin
             padding: 3,
             children: [ 
             /* @__PURE__ */ jsxRuntime.jsx(GroupHeading, {
+                busy: booting,
                 count: active.length,
                 end: 
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
@@ -6884,10 +7521,8 @@ function workflowsView(S) {
     return S.view.component(WorkflowsView).id(WORKFLOWS_VIEW_ID).title("Workflows");
 }
 
-function workflowDefaultDocumentNode(options) {
-    return (S, ctx) => {
-        if (mappingForDocType(options.mappings, ctx.schemaType)) return S.document().views([ S.view.form(), workflowsView(S) ]);
-    };
+function workflowDefaultDocumentNode() {
+    return S => S.document().views([ S.view.form(), workflowsView(S) ]);
 }
 
 function lockTitleFor(args) {
@@ -6900,26 +7535,12 @@ function lockTitleFor(args) {
     return workflows.length === 1 ? `The ${workflowList} workflow is holding this document.` : `The ${workflowList} workflows are holding this document.`;
 }
 
-const EMPTY = {
-    byType: /* @__PURE__ */ new Map,
-    definitions: /* @__PURE__ */ new Map,
-    warnings: []
-};
-
 function resolveAutoStart(args) {
-    const {autoStart: autoStart, context: context, knownDocTypes: knownDocTypes, definitions: definitions} = args;
-    if (autoStart === void 0) return EMPTY;
-    const evaluated = evaluateMap(autoStart, context);
-    if ("warning" in evaluated) return {
-        byType: /* @__PURE__ */ new Map,
-        definitions: /* @__PURE__ */ new Map,
-        warnings: [ evaluated.warning ]
-    };
-    const map = evaluated.map, latestByName = new Map(workflowEngine.latestDeployedDefinitions(definitions).map(d => [ d.name, d ])), byType = /* @__PURE__ */ new Map, resolvedDefinitions = /* @__PURE__ */ new Map, warnings = [];
-    for (const [docType, spec] of Object.entries(map)) {
+    const {autoStart: autoStart, knownDocTypes: knownDocTypes, definitions: definitions} = args, latestByName = new Map(workflowEngine.latestDeployedDefinitions(definitions).map(d => [ d.name, d ])), byType = /* @__PURE__ */ new Map, resolvedDefinitions = /* @__PURE__ */ new Map, warnings = [];
+    for (const [docType, names] of Object.entries(autoStart)) {
         const entry = resolveEntry({
             docType: docType,
-            spec: spec,
+            names: names,
             knownDocTypes: knownDocTypes,
             latestByName: latestByName
         });
@@ -6935,35 +7556,15 @@ function resolveAutoStart(args) {
     };
 }
 
-function evaluateMap(autoStart, context) {
-    let map;
-    try {
-        map = typeof autoStart == "function" ? autoStart(context) : autoStart;
-    } catch (err) {
-        return {
-            warning: `autoStart: config function threw — ignoring it (${describeError(err)}).`
-        };
-    }
-    return typeof map != "object" || map === null ? {
-        warning: "autoStart: config did not resolve to an object — ignoring it."
-    } : {
-        map: map
-    };
-}
-
-function specNames(spec) {
-    return typeof spec == "string" ? [ spec ] : Array.isArray(spec) ? spec : [];
-}
-
 function resolveEntry(args) {
-    const {docType: docType, spec: spec, knownDocTypes: knownDocTypes, latestByName: latestByName} = args;
+    const {docType: docType, names: names, knownDocTypes: knownDocTypes, latestByName: latestByName} = args;
     if (!knownDocTypes.has(docType)) return {
         valid: [],
         definitions: [],
         warnings: [ `autoStart: no schema type "${docType}" — entry skipped.` ]
     };
     const valid = [], definitions = [], warnings = [];
-    for (const name of specNames(spec)) {
+    for (const name of names) {
         const definition = latestByName.get(name), issue = workflowIssue({
             name: name,
             docType: docType,
@@ -6989,11 +7590,9 @@ function workflowIssue(args) {
     const {name: name, docType: docType, definition: definition} = args;
     if (definition === void 0) return `autoStart: "${docType}" → workflow "${name}" is not deployed — skipped.`;
     if (!workflowEngine.isStartableDefinition(definition)) return `autoStart: "${docType}" → workflow "${name}" is spawn-only, not startable — skipped.`;
-    if (!workflowEngine.acceptsDocumentType({
-        fields: [ ...definition.fields ?? [] ]
-    }, docType)) return `autoStart: "${docType}" → workflow "${name}" has no subject accepting "${docType}" — skipped.`;
-    const subject = (definition.fields ?? []).find(workflowEngine.isSubjectEntry);
-    if (subject !== void 0 && !workflowEngine.isInputSourced(subject)) return `autoStart: "${docType}" → workflow "${name}" has a self-filling subject (not caller-provided), so the document can't be its subject — skipped.`;
+    const subject = documentSubjectEntry(definition), acceptsType = subject?.types === void 0 || subject.types.includes(docType);
+    if (subject === void 0 || !acceptsType) return `autoStart: "${docType}" → workflow "${name}" has no document subject accepting "${docType}" — skipped.`;
+    if (!workflowEngine.isInputSourced(subject)) return `autoStart: "${docType}" → workflow "${name}" has a self-filling subject (not caller-provided), so the document can't be its subject — skipped.`;
 }
 
 function contentDocumentTypes(schema) {
@@ -7013,20 +7612,31 @@ const EMPTY_SNAPSHOT = {
 };
 
 function useDiscoveryState(args) {
-    const {registered: registered, requested: requested, contentResource: contentResource} = args, watching = registered.length + requested.length > 0, [latest, setLatest] = react.useState(EMPTY_SNAPSHOT), [resolved, setResolved] = react.useState(EMPTY_SNAPSHOT), onSnapshot = react.useCallback(snapshot => {
-        setLatest(snapshot), snapshot.instances !== void 0 && setResolved(snapshot);
-    }, []);
-    react.useEffect(() => {
-        watching || (setLatest(EMPTY_SNAPSHOT), setResolved(EMPTY_SNAPSHOT));
-    }, [ watching ]);
-    const filter = react.useMemo(() => ({
-        documents: registered.map(id => workflowEngine.gdrFromResource(contentResource, id)),
+    const {observed: observed, requested: requested, contentResource: contentResource} = args, documentWatching = observed.length > 0, requestedWatching = requested.length > 0, documents = useDiscoveryStream(documentWatching), explicit = useDiscoveryStream(requestedWatching), documentFilter = react.useMemo(() => documentWatching ? {
+        documents: observed.map(id => workflowEngine.gdrFromResource(contentResource, id)),
+        includeCompleted: !0
+    } : void 0, [ documentWatching, observed, contentResource ]), requestedFilter = react.useMemo(() => requestedWatching ? {
         ids: requested,
         includeCompleted: !0
-    }), [ registered, requested, contentResource ]);
+    } : void 0, [ requestedWatching, requested ]), resolved = react.useMemo(() => mergeResolved(documents.resolved, explicit.resolved), [ documents.resolved, explicit.resolved ]);
     return {
-        watching: watching,
-        filter: filter,
+        documentFilter: documentFilter,
+        requestedFilter: requestedFilter,
+        loading: documents.loading || explicit.loading,
+        invalid: documents.invalid ?? explicit.invalid,
+        resolved: resolved,
+        onDocumentSnapshot: documents.onSnapshot,
+        onRequestedSnapshot: explicit.onSnapshot
+    };
+}
+
+function useDiscoveryStream(watching) {
+    const [latest, setLatest] = react.useState(EMPTY_SNAPSHOT), [resolved, setResolved] = react.useState(EMPTY_SNAPSHOT), onSnapshot = react.useCallback(snapshot => {
+        setLatest(snapshot), snapshot.instances !== void 0 && setResolved(snapshot);
+    }, []);
+    return react.useEffect(() => {
+        watching || (setLatest(EMPTY_SNAPSHOT), setResolved(EMPTY_SNAPSHOT));
+    }, [ watching ]), {
         loading: watching && latest.instances === void 0 && latest.invalid === void 0,
         invalid: watching ? latest.invalid : void 0,
         resolved: resolved,
@@ -7034,32 +7644,107 @@ function useDiscoveryState(args) {
     };
 }
 
-function indexDiscoveredInstances(args) {
-    const {instances: instances, registered: registered, contentResource: contentResource} = args, ordered = [ ...instances ].sort((a, b) => b.startedAt.localeCompare(a.startedAt)), index = /* @__PURE__ */ new Map;
-    for (const bareId of registered) {
-        const uri = workflowEngine.gdrFromResource(contentResource, bareId), watching = ordered.filter(inst => workflowEngine.instanceWatchesDocument(inst, uri));
-        watching.length > 0 && index.set(bareId, watching.map(inst => inst._id));
+function mergeResolved(documents, explicit) {
+    const rows = [ ...documents.instances ?? [], ...explicit.instances ?? [] ], freshest = /* @__PURE__ */ new Map;
+    for (const instance of rows) {
+        const current = freshest.get(instance._id);
+        (current === void 0 || Date.parse(instance.lastChangedAt) > Date.parse(current.lastChangedAt)) && freshest.set(instance._id, instance);
     }
+    return {
+        instances: documents.instances === void 0 && explicit.instances === void 0 ? void 0 : [ ...freshest.values() ],
+        invalid: documents.invalid ?? explicit.invalid,
+        registered: documents.registered
+    };
+}
+
+function createDiscoveryIndexer(deriveWatchSet = workflowEngine.subscriptionDocumentsForInstance) {
+    const cached = /* @__PURE__ */ new Map;
+    return {
+        index(args) {
+            const liveIds = new Set(args.instances.map(instance => instance._id));
+            for (const id of cached.keys()) liveIds.has(id) || cached.delete(id);
+            const watchedById = /* @__PURE__ */ new Map;
+            for (const instance of args.instances) {
+                let row = cached.get(instance._id);
+                row?.source !== instance && (row = {
+                    source: instance,
+                    globalDocumentIds: [ ...new Set(deriveWatchSet(instance).documents.map(document => document.globalDocumentId)) ]
+                }, cached.set(instance._id, row)), watchedById.set(instance._id, row.globalDocumentIds);
+            }
+            return buildDiscoveryIndex(args, watchedById);
+        }
+    };
+}
+
+function buildDiscoveryIndex(args, watchedById) {
+    const {instances: instances, registered: registered, contentResource: contentResource} = args, ordered = [ ...instances ].sort((a, b) => b.startedAt.localeCompare(a.startedAt)), index = /* @__PURE__ */ new Map, registeredByUri = new Map(registered.map(bareId => [ workflowEngine.gdrFromResource(contentResource, bareId), bareId ]));
+    for (const instance of ordered) appendInstanceWatches({
+        index: index,
+        registeredByUri: registeredByUri,
+        instanceId: instance._id,
+        watched: watchedById.get(instance._id) ?? []
+    });
     return {
         instances: new Map(ordered.map(inst => [ inst._id, inst ])),
         index: index
     };
 }
 
-function mergeEntries(args) {
-    const map = /* @__PURE__ */ new Map, merged = new Map([ ...args.seeded, ...args.discovered ]);
-    for (const [instanceId, inst] of merged) {
-        const report = args.reports.get(instanceId);
-        map.set(instanceId, {
-            instance: report?.evaluation?.instance ?? inst,
-            committed: inst,
-            evaluation: report?.evaluation,
-            ready: report?.ready ?? !1,
-            invalid: report?.invalid,
-            guards: report?.guards
-        });
+function appendInstanceWatches(args) {
+    const {index: index, registeredByUri: registeredByUri, instanceId: instanceId, watched: watched} = args;
+    for (const uri of watched) {
+        const bareId = registeredByUri.get(uri);
+        if (bareId === void 0) continue;
+        const ids = index.get(bareId);
+        ids === void 0 ? index.set(bareId, [ instanceId ]) : ids.push(instanceId);
+    }
+}
+
+function sameInstance(a, b) {
+    return a === b || a._id === b._id && a._rev === b._rev;
+}
+
+function sameEntry(a, b) {
+    return sameInstance(a.instance, b.instance) && sameInstance(a.committed, b.committed) && a.evaluation === b.evaluation && a.ready === b.ready && a.invalid === b.invalid && a.guards === b.guards;
+}
+
+function reconciled(args) {
+    const {entries: entries, previous: previous, same: same} = args, map = /* @__PURE__ */ new Map;
+    let allReused = !0;
+    for (const [key, next] of entries) {
+        const prev = previous?.get(key), reusable = prev !== void 0 && same(prev, next);
+        reusable || (allReused = !1), map.set(key, reusable ? prev : next);
     }
-    return map;
+    return previous !== void 0 && allReused && previous.size === map.size ? previous : map;
+}
+
+function entryOf(inst, report) {
+    return {
+        instance: report?.evaluation?.instance ?? inst,
+        committed: inst,
+        evaluation: report?.evaluation,
+        ready: report?.ready ?? workflowEngine.terminalState(inst) !== "in-flight",
+        invalid: report?.invalid,
+        guards: report?.guards
+    };
+}
+
+function mergeEntries(args) {
+    const {seeded: seeded, discovered: discovered, reports: reports, previous: previous} = args, merged = new Map([ ...seeded, ...discovered ]);
+    return reconciled({
+        entries: [ ...merged ].map(([instanceId, inst]) => [ instanceId, entryOf(inst, reports.get(instanceId)) ]),
+        previous: previous,
+        same: sameEntry
+    });
+}
+
+function deriveByDocument(args) {
+    const {docIndex: docIndex, byInstance: byInstance, previous: previous} = args;
+    return reconciled({
+        entries: [ ...docIndex ].map(([docId, instanceIds]) => [ docId, instanceIds.map(id => byInstance.get(id)).filter(entry => entry !== void 0) ]),
+        previous: previous,
+        same: (a, b) => a.length === b.length && b.every((entry, i) => entry === a[i])
+    });
 }
 
 const REPORT_KEYS = [ "evaluation", "ready", "invalid", "guards", "fireAction", "editField", "previewField", "discardFieldPreview" ];
@@ -7080,7 +7765,70 @@ function nextReports(prev, update) {
     return next.set(instanceId, report), next;
 }
 
-const notReady = (..._args) => Promise.reject(new Error("workflow session not ready yet"));
+const REPORT_FLUSH_MS = 50, EMPTY_COMMITTED = {
+    seeded: /* @__PURE__ */ new Map,
+    discovered: /* @__PURE__ */ new Map,
+    docIndex: /* @__PURE__ */ new Map
+};
+
+function createEntriesStore() {
+    let committed = EMPTY_COMMITTED, reports = /* @__PURE__ */ new Map, byInstance = /* @__PURE__ */ new Map, byDocument = /* @__PURE__ */ new Map;
+    const listeners = /* @__PURE__ */ new Set;
+    let flushTimer;
+    const recompute = () => {
+        flushTimer !== void 0 && (clearTimeout(flushTimer), flushTimer = void 0);
+        const nextByInstance = mergeEntries({
+            ...committed,
+            reports: reports,
+            previous: byInstance
+        }), nextByDocument = deriveByDocument({
+            docIndex: committed.docIndex,
+            byInstance: nextByInstance,
+            previous: byDocument
+        });
+        if (!(nextByInstance === byInstance && nextByDocument === byDocument)) {
+            byInstance = nextByInstance, byDocument = nextByDocument;
+            for (const listener of [ ...listeners ]) listener();
+        }
+    };
+    return {
+        setCommitted(inputs) {
+            committed = inputs, recompute();
+        },
+        report(instanceId, report) {
+            const next = nextReports(reports, {
+                instanceId: instanceId,
+                report: report
+            });
+            next !== reports && (reports = next, flushTimer ??= setTimeout(recompute, REPORT_FLUSH_MS));
+        },
+        getReport: instanceId => reports.get(instanceId),
+        getInstance: instanceId => byInstance.get(instanceId),
+        getDocument: docId => byDocument.get(docId) ?? EMPTY_ENTRIES,
+        subscribe(listener) {
+            return listeners.add(listener), () => {
+                listeners.delete(listener);
+            };
+        },
+        dispose() {
+            flushTimer !== void 0 && clearTimeout(flushTimer), flushTimer = void 0, listeners.clear();
+        }
+    };
+}
+
+function sessionPlan(args) {
+    const demandedIds = new Set(args.demanded), evaluated = [ ...args.discovered.values() ].filter(inst => demandedIds.has(inst._id));
+    return {
+        evaluated: evaluated,
+        guardScope: evaluated.map(inst => inst._id).sort()
+    };
+}
+
+function useDefaultLayout(props) {
+    return react.useMemo(() => props.renderDefault(props), [ props ]);
+}
+
+const notReady = (..._args) => Promise.reject(new Error("workflow session not ready yet")), NO_REGISTERED_DOCUMENTS = [], DEMAND_RELEASE_GRACE_MS = 500;
 
 function workspaceParts(config) {
     if (!config.projectId || !config.dataset) throw new Error("workflow plugin requires a workspace with projectId and dataset");
@@ -7108,10 +7856,11 @@ class InstanceEvaluatorBoundary extends react.Component {
 }
 
 function InstanceEvaluator(props) {
-    const {engine: engine, instanceId: instanceId, grantsFromPath: grantsFromPath, onReport: onReport} = props, {evaluation: evaluation, ready: ready, invalid: invalid, guards: guards, fireAction: fireAction, editField: editField, previewField: previewField, discardFieldPreview: discardFieldPreview} = workflowStudio.useWorkflowSession({
+    const {engine: engine, instanceId: instanceId, grantsFromPath: grantsFromPath, guardScope: guardScope, onReport: onReport} = props, {evaluation: evaluation, ready: ready, invalid: invalid, guards: guards, fireAction: fireAction, editField: editField, previewField: previewField, discardFieldPreview: discardFieldPreview} = workflowStudio.useWorkflowSession({
         engine: engine,
         instanceId: instanceId,
-        grantsFromPath: grantsFromPath
+        grantsFromPath: grantsFromPath,
+        guardScope: guardScope
     });
     return react.useEffect(() => {
         onReport(instanceId, {
@@ -7130,10 +7879,10 @@ function InstanceEvaluator(props) {
 }
 
 function DiscoverySubscription(props) {
-    const {engine: engine, registered: registered, filter: filter, onSnapshot: onSnapshot} = props, {instances: instances, invalid: invalid} = workflowStudio.useWorkflowInstances({
+    const {engine: engine, registered: registered, filter: filter, onSnapshot: onSnapshot} = props, {instances: instances, unreadable: unreadable} = workflowStudio.useWorkflowInstances({
         engine: engine,
         filter: filter
-    });
+    }), invalid = unreadable[0];
     return react.useEffect(() => {
         onSnapshot({
             instances: instances,
@@ -7155,9 +7904,9 @@ function engineOptionsFrom(config) {
 }
 
 function WorkflowProvider(props) {
-    const {config: config} = props, studioClient = sanity.useClient({
+    const {config: config} = props, defaultLayout = useDefaultLayout(props), studioClient = sanity.useClient({
         apiVersion: WORKFLOW_API_VERSION
-    }), schema = sanity.useSchema(), {name: workspaceName} = sanity.useWorkspace(), {projectId: projectId, dataset: contentDataset} = workspaceParts(studioClient.config()), workflowDataset = config.workflowDataset ?? contentDataset, binding = react.useMemo(() => ({
+    }), schema = sanity.useSchema(), {projectId: projectId, dataset: contentDataset} = workspaceParts(studioClient.config()), workflowDataset = config.workflowDataset ?? contentDataset, binding = react.useMemo(() => ({
         engineResource: {
             type: "dataset",
             id: `${projectId}.${workflowDataset}`
@@ -7175,16 +7924,21 @@ function WorkflowProvider(props) {
     }), grantsFromPath = workflowEngine.aclPathForResource({
         type: "dataset",
         id: `${projectId}.${workflowDataset}`
-    }), {ids: registered, acquire: register, release: unregister} = workflowReact.useRefcountedIds(), {ids: requested, acquire: requestInstance, release: releaseInstance} = workflowReact.useRefcountedIds(), [seeded, setSeeded] = react.useState(/* @__PURE__ */ new Map), seedInstance = react.useCallback(instance => {
+    }), {ids: registered, acquire: registerActive, release: unregisterActive} = workflowReact.useRefcountedIds(), {ids: observed, acquire: retainRegistration, release: releaseRegistration} = workflowReact.useRefcountedIds({
+        releaseDelayMs: DEMAND_RELEASE_GRACE_MS
+    }), register = react.useCallback(id => {
+        registerActive(id), retainRegistration(id);
+    }, [ registerActive, retainRegistration ]), unregister = react.useCallback(id => {
+        unregisterActive(id), releaseRegistration(id);
+    }, [ unregisterActive, releaseRegistration ]), {ids: requested, acquire: requestInstance, release: releaseInstance} = workflowReact.useRefcountedIds(), {ids: evaluationDemand, acquire: requestEvaluation, release: releaseEvaluation} = workflowReact.useRefcountedIds({
+        releaseDelayMs: DEMAND_RELEASE_GRACE_MS
+    }), [seeded, setSeeded] = react.useState(/* @__PURE__ */ new Map), seedInstance = react.useCallback(instance => {
         setSeeded(prev => new Map(prev).set(instance._id, instance));
-    }, []), [startRequest2, setStartRequest] = react.useState(void 0), openStartDialog = react.useCallback(r => setStartRequest(r), []), closeStartDialog = react.useCallback(() => setStartRequest(void 0), []), [reports, setReports] = react.useState(/* @__PURE__ */ new Map), onReport = react.useCallback((instanceId, report) => {
-        setReports(prev => nextReports(prev, {
-            instanceId: instanceId,
-            report: report
-        }));
-    }, []), reportsRef = react.useRef(reports);
-    reportsRef.current = reports;
-    const drainRef = react.useRef(void 0), drainCommitted = react.useCallback(async instanceId => {
+    }, []), [startRequest2, setStartRequest] = react.useState(void 0), openStartDialog = react.useCallback(r => setStartRequest(r), []), closeStartDialog = react.useCallback(() => setStartRequest(void 0), []), [entriesStore] = react.useState(createEntriesStore);
+    react.useEffect(() => () => entriesStore.dispose(), [ entriesStore ]);
+    const onReport = react.useCallback((instanceId, report) => {
+        entriesStore.report(instanceId, report);
+    }, [ entriesStore ]), drainRef = react.useRef(void 0), drainCommitted = react.useCallback(async instanceId => {
         try {
             await (drainRef.current?.(instanceId));
         } catch (err) {
@@ -7193,7 +7947,7 @@ function WorkflowProvider(props) {
             });
         }
     }, []), fireActionFor = react.useCallback((instanceId, args) => {
-        const report = reportsRef.current.get(instanceId);
+        const report = entriesStore.getReport(instanceId);
         return report ? report.fireAction({
             activity: args.activity,
             action: args.action,
@@ -7201,15 +7955,15 @@ function WorkflowProvider(props) {
                 params: args.params
             } : {}
         }).then(async res => (await drainCommitted(instanceId), res)) : notReady(args);
-    }, [ drainCommitted ]), editFieldFor = react.useCallback((instanceId, args) => {
-        const report = reportsRef.current.get(instanceId);
+    }, [ entriesStore, drainCommitted ]), editFieldFor = react.useCallback((instanceId, args) => {
+        const report = entriesStore.getReport(instanceId);
         return report ? report.editField(args).then(async res => (await drainCommitted(instanceId), 
         res)) : notReady(args);
-    }, [ drainCommitted ]), previewFieldFor = react.useCallback((instanceId, args) => {
-        reportsRef.current.get(instanceId)?.previewField(args);
-    }, []), discardFieldPreviewFor = react.useCallback((instanceId, target) => {
-        reportsRef.current.get(instanceId)?.discardFieldPreview(target);
-    }, []), drainEffectsFor = react.useCallback(async instanceId => {
+    }, [ entriesStore, drainCommitted ]), previewFieldFor = react.useCallback((instanceId, args) => {
+        entriesStore.getReport(instanceId)?.previewField(args);
+    }, [ entriesStore ]), discardFieldPreviewFor = react.useCallback((instanceId, target) => {
+        entriesStore.getReport(instanceId)?.discardFieldPreview(target);
+    }, [ entriesStore ]), drainEffectsFor = react.useCallback(async instanceId => {
         await engine.drainEffects({
             instanceId: instanceId
         });
@@ -7229,53 +7983,46 @@ function WorkflowProvider(props) {
         });
     }, [ engine ]);
     drainRef.current = drainEffectsFor;
-    const {watching: watching, filter: filter, loading: loading, invalid: discoveryInvalid, resolved: resolved, onSnapshot: onSnapshot} = useDiscoveryState({
-        registered: registered,
+    const {documentFilter: documentFilter, requestedFilter: requestedFilter, loading: loading, invalid: discoveryInvalid, resolved: resolved, onDocumentSnapshot: onDocumentSnapshot, onRequestedSnapshot: onRequestedSnapshot} = useDiscoveryState({
+        observed: observed,
         requested: requested,
         contentResource: binding.contentResource
-    }), {instances: discovered, index: docIndex} = react.useMemo(() => indexDiscoveredInstances({
+    }), discoveryIndexer = react.useMemo(createDiscoveryIndexer, []), {instances: discovered, index: docIndex} = react.useMemo(() => discoveryIndexer.index({
         instances: resolved.instances ?? [],
         registered: resolved.registered,
         contentResource: binding.contentResource
-    }), [ resolved, binding.contentResource ]), resolvedDocs = react.useMemo(() => new Set(resolved.registered), [ resolved.registered ]);
+    }), [ discoveryIndexer, resolved, binding.contentResource ]), {evaluated: evaluated, guardScope: guardScope} = react.useMemo(() => sessionPlan({
+        discovered: discovered,
+        demanded: evaluationDemand
+    }), [ discovered, evaluationDemand ]), resolvedDocs = react.useMemo(() => new Set(resolved.registered), [ resolved.registered ]);
     react.useEffect(() => {
         setSeeded(prev => {
             const kept = [ ...prev ].filter(([id]) => !discovered.has(id));
             return kept.length === prev.size ? prev : new Map(kept);
         });
-    }, [ discovered ]);
-    const byInstance = react.useMemo(() => mergeEntries({
-        seeded: seeded,
-        discovered: discovered,
-        reports: reports
-    }), [ discovered, seeded, reports ]), byDocument = react.useMemo(() => {
-        const map = /* @__PURE__ */ new Map;
-        for (const [bareDocId, instanceIds] of docIndex) {
-            const entries = [];
-            for (const instanceId of instanceIds) {
-                const entry = byInstance.get(instanceId);
-                entry && entries.push(entry);
-            }
-            map.set(bareDocId, entries);
-        }
-        return map;
-    }, [ byInstance, docIndex ]), isDocResolved = react.useCallback(docId => resolvedDocs.has(docId), [ resolvedDocs ]), schemaContentTypes = react.useMemo(() => new Set(contentDocumentTypes(schema)), [ schema ]), {issues: issues, starts: starts, fields: fields, latestVersions: latestVersions, autoStartByType: autoStartByType, autoStartDefinitions: autoStartDefinitions} = useDeployedDefinitions({
+    }, [ discovered ]), react.useLayoutEffect(() => {
+        entriesStore.setCommitted({
+            seeded: seeded,
+            discovered: discovered,
+            docIndex: docIndex
+        });
+    }, [ entriesStore, seeded, discovered, docIndex ]);
+    const isDocResolved = react.useCallback(docId => resolvedDocs.has(docId), [ resolvedDocs ]), schemaContentTypes = react.useMemo(() => new Set(contentDocumentTypes(schema)), [ schema ]), {mappings: mappings, issues: issues, starts: starts, fields: fields, latestVersions: latestVersions, autoStartByType: autoStartByType, autoStartDefinitions: autoStartDefinitions} = useDeployedDefinitions({
         engine: engine,
-        mappings: config.mappings,
+        overrides: config.mappings,
         contentResource: binding.contentResource,
         schemaContentTypes: schemaContentTypes,
         startRequest: startRequest2,
-        autoStart: config.autoStart,
-        schema: schema,
-        workspaceName: workspaceName
+        schema: schema
     }), value = react.useMemo(() => ({
         register: register,
         unregister: unregister,
         isDocResolved: isDocResolved,
-        byDocument: byDocument,
-        byInstance: byInstance,
+        entries: entriesStore,
         requestInstance: requestInstance,
         releaseInstance: releaseInstance,
+        requestEvaluation: requestEvaluation,
+        releaseEvaluation: releaseEvaluation,
         seedInstance: seedInstance,
         openStartDialog: openStartDialog,
         closeStartDialog: closeStartDialog,
@@ -7290,7 +8037,7 @@ function WorkflowProvider(props) {
         completeEffectFor: completeEffectFor,
         engine: engine,
         binding: binding,
-        mappings: config.mappings,
+        mappings: mappings,
         mappingIssues: issues,
         mappingStarts: starts,
         mappingFields: fields,
@@ -7298,24 +8045,30 @@ function WorkflowProvider(props) {
         effectHandlers: engine.effectHandlers,
         autoStartByType: autoStartByType,
         autoStartDefinitions: autoStartDefinitions
-    }), [ register, unregister, isDocResolved, byDocument, byInstance, requestInstance, releaseInstance, seedInstance, openStartDialog, closeStartDialog, startRequest2, loading, discoveryInvalid, fireActionFor, editFieldFor, previewFieldFor, discardFieldPreviewFor, drainEffectsFor, completeEffectFor, engine, binding, config.mappings, issues, starts, latestVersions, autoStartByType, autoStartDefinitions ]);
+    }), [ register, unregister, isDocResolved, entriesStore, requestInstance, releaseInstance, requestEvaluation, releaseEvaluation, seedInstance, openStartDialog, closeStartDialog, startRequest2, loading, discoveryInvalid, fireActionFor, editFieldFor, previewFieldFor, discardFieldPreviewFor, drainEffectsFor, completeEffectFor, engine, binding, mappings, issues, starts, fields, latestVersions, autoStartByType, autoStartDefinitions ]);
     /* @__PURE__ */
     return jsxRuntime.jsxs(WorkflowContext.Provider, {
         value: value,
-        children: [ watching ? /* @__PURE__ */ jsxRuntime.jsx(DiscoverySubscription, {
+        children: [ documentFilter ? /* @__PURE__ */ jsxRuntime.jsx(DiscoverySubscription, {
             engine: engine,
-            filter: filter,
-            onSnapshot: onSnapshot,
+            filter: documentFilter,
+            onSnapshot: onDocumentSnapshot,
             registered: registered
-        }) : null, [ ...discovered.values() ].map(inst => /* @__PURE__ */ jsxRuntime.jsx(InstanceEvaluatorBoundary, {
+        }) : null, requestedFilter ? /* @__PURE__ */ jsxRuntime.jsx(DiscoverySubscription, {
+            engine: engine,
+            filter: requestedFilter,
+            onSnapshot: onRequestedSnapshot,
+            registered: NO_REGISTERED_DOCUMENTS
+        }) : null, evaluated.map(inst => /* @__PURE__ */ jsxRuntime.jsx(InstanceEvaluatorBoundary, {
             instanceId: inst._id,
             children: /* @__PURE__ */ jsxRuntime.jsx(InstanceEvaluator, {
                 engine: engine,
                 grantsFromPath: grantsFromPath,
+                guardScope: guardScope,
                 instanceId: inst._id,
                 onReport: onReport
             })
-        }, inst._id)), props.renderDefault(props), props.overlay ]
+        }, inst._id)), defaultLayout, props.overlay ]
     });
 }
 
@@ -7325,14 +8078,25 @@ function sameEntries(a, b) {
     return !0;
 }
 
+function sameMappings(a, b) {
+    return a.length === b.length && a.every((mapping, index) => {
+        const other = b[index];
+        return other !== void 0 && mappingKey(mapping) === mappingKey(other) && mapping.label === other.label && mapping.autoStart === other.autoStart && mapping.initialStateBuilder === other.initialStateBuilder && mapping.contextBuilder === other.contextBuilder && mapping.perspectiveField === other.perspectiveField;
+    });
+}
+
 function useDeployedDefinitions(args) {
-    const {engine: engine, mappings: mappings, contentResource: contentResource, schemaContentTypes: schemaContentTypes, startRequest: startRequest2, autoStart: autoStart, schema: schema, workspaceName: workspaceName} = args, [issues, setIssues] = react.useState(/* @__PURE__ */ new Map), [starts, setStarts] = react.useState(/* @__PURE__ */ new Map), [fields, setFields] = react.useState(/* @__PURE__ */ new Map), [latestVersions, setLatestVersions] = react.useState(/* @__PURE__ */ new Map), [autoStartByType, setAutoStartByType] = react.useState(
+    const {engine: engine, overrides: overrides, contentResource: contentResource, schemaContentTypes: schemaContentTypes, startRequest: startRequest2, schema: schema} = args, [mappings, setMappings] = react.useState([]), [issues, setIssues] = react.useState(/* @__PURE__ */ new Map), [starts, setStarts] = react.useState(/* @__PURE__ */ new Map), [fields, setFields] = react.useState(/* @__PURE__ */ new Map), [latestVersions, setLatestVersions] = react.useState(/* @__PURE__ */ new Map), [autoStartByType, setAutoStartByType] = react.useState(
     /* @__PURE__ */ new Map), [autoStartDefinitions, setAutoStartDefinitions] = react.useState(/* @__PURE__ */ new Map), logged = react.useRef(/* @__PURE__ */ new Set);
     return react.useEffect(() => {
         let cancelled = !1;
         return (async () => {
-            const definitions = await readDeployedDefinitions(engine), found = mappingIssues({
-                mappings: mappings,
+            const definitions = await readDeployedDefinitions(engine), effectiveMappings = discoverWorkflowMappings({
+                definitions: definitions,
+                schemaContentTypes: schemaContentTypes,
+                overrides: overrides
+            }), found = mappingIssues({
+                mappings: effectiveMappings,
                 definitions: definitions,
                 contentResource: contentResource,
                 schemaContentTypes: schemaContentTypes
@@ -7342,32 +8106,30 @@ function useDeployedDefinitions(args) {
                 logged.current.has(signature) || (logged.current.add(signature), console.error(`[workflow-studio-plugin] ${message}`));
             }
             const resolvedAutoStart = resolveAutoStart({
-                autoStart: autoStart,
-                context: {
-                    workspaceName: workspaceName,
-                    schema: schema
-                },
+                autoStart: mappingAutoStartMap(effectiveMappings),
                 knownDocTypes: new Set(schema.getTypeNames()),
                 definitions: definitions
             });
             if (logOnce(resolvedAutoStart.warnings, logged.current), cancelled) return;
+            setMappings(prev => sameMappings(prev, effectiveMappings) ? prev : effectiveMappings), 
             setIssues(prev => sameEntries(prev, found) ? prev : found), setStarts(mappingStartBlocks({
-                mappings: mappings,
+                mappings: effectiveMappings,
                 definitions: definitions
             })), setFields(mappingDeclaredFields({
-                mappings: mappings,
+                mappings: effectiveMappings,
                 definitions: definitions
             }));
             const versions = new Map(workflowEngine.latestDeployedDefinitions(definitions).map(d => [ d.name, d.version ]));
             setLatestVersions(prev => sameEntries(prev, versions) ? prev : versions), setAutoStartByType(resolvedAutoStart.byType), 
             setAutoStartDefinitions(resolvedAutoStart.definitions);
         })().catch(err => {
-            console.error("[workflow-studio-plugin] mapping validation could not read the deployed definitions — keeping the previous verdicts:", err);
+            console.error("[workflow-studio-plugin] mapping discovery failed — keeping the last resolved workflow state:", err);
         }), () => {
             cancelled = !0;
         };
-    }, [ engine, mappings, contentResource, schemaContentTypes, startRequest2, autoStart, schema, workspaceName ]), 
+    }, [ engine, overrides, contentResource, schemaContentTypes, startRequest2, schema ]), 
     {
+        mappings: mappings,
         issues: issues,
         starts: starts,
         fields: fields,
@@ -8153,7 +8915,7 @@ function isFreshDocument(value) {
 }
 
 function subjectEntry(definition) {
-    return (definition.fields ?? []).find(workflowEngine.isSubjectEntry);
+    return documentSubjectEntry(definition);
 }
 
 function autoStartInputs(args) {
@@ -8180,11 +8942,11 @@ function pendingWorkflows(workflows, live) {
 }
 
 function extraRequiredInputs(definition) {
-    const fields = definition.fields ?? [], subjectNames = new Set(fields.filter(workflowEngine.isSubjectEntry).map(entry => entry.name)), requiredNames = new Set(workflowEngine.missingRequiredInputs({
+    const fields = definition.fields ?? [], subjectName = subjectEntry(definition)?.name, requiredNames = new Set(workflowEngine.missingRequiredInputs({
         entryDefs: fields,
         initialFields: []
     }).map(input => input.name));
-    return fields.filter(entry => requiredNames.has(entry.name) && !subjectNames.has(entry.name));
+    return fields.filter(entry => requiredNames.has(entry.name) && entry.name !== subjectName);
 }
 
 function buildAutoStartRequests(args) {
@@ -8232,7 +8994,7 @@ function AutoStartDriver(props) {
     const pending = react.useMemo(() => pendingWorkflows(workflows, new Set(entries.map(entry => entry.instance.definition))), [ workflows, entries ]), inputs = react.useMemo(() => autoStartInputs({
         workflows: pending,
         definitions: autoStartDefinitions
-    }), [ pending, autoStartDefinitions ]), pendingRef = react.useRef(pending);
+    }), [ pending, autoStartDefinitions ]), definitionsResolved = workflows.every(name => autoStartDefinitions.has(name)), pendingRef = react.useRef(pending);
     pendingRef.current = pending;
     const instanceIds = react.useRef(/* @__PURE__ */ new Map), instanceIdFor = react.useCallback(workflow => {
         const held = instanceIds.current.get(workflow);
@@ -8276,7 +9038,7 @@ function AutoStartDriver(props) {
     }, [ autoStartDefinitions, docId, docType, binding, engine, observer, seedInstance, instanceIdFor, selectedReleaseId ]), retry = react.useCallback(() => {
         firedRef.current = !1, setFired(!1), setSettled(!1), setFailure(void 0);
     }, []), action = autoStartAction({
-        resolved: isDocResolved(docId),
+        resolved: definitionsResolved && isDocResolved(docId),
         pendingCount: pending.length,
         needsInput: inputs.length > 0,
         fired: fired,
@@ -8501,19 +9263,32 @@ function TodoGlance({row: row}) {
     });
 }
 
+function finishedLinesOf(entries) {
+    const activeTypes = new Set(entries.filter(isLiveEntry).map(entry => entry.instance.definition)), settled = entries.flatMap(entry => {
+        const stamp = entry.instance.completedAt;
+        return stamp === void 0 || activeTypes.has(entry.instance.definition) ? [] : [ {
+            entry: entry,
+            at: Date.parse(stamp)
+        } ];
+    }), latestByType = /* @__PURE__ */ new Map;
+    for (const candidate of settled) {
+        const best = latestByType.get(candidate.entry.instance.definition);
+        (best === void 0 || candidate.at > best.at) && latestByType.set(candidate.entry.instance.definition, candidate);
+    }
+    return [ ...latestByType.values() ].sort((a, b) => b.at - a.at).map(({entry: entry}) => entry);
+}
+
 function WorkflowFormStrip(props) {
-    const {mappings: mappings} = props, {isDocResolved: isDocResolved, discoveryInvalid: discoveryInvalid} = useWorkflowContext(), {docId: docId, entries: entries} = useWorkflowsForDocument(props.value?._id ?? null), {params: params, setParams: setParams} = structure.usePaneRouter(), openWorkflowsView = () => setParams({
-        ...params,
-        view: WORKFLOWS_VIEW_ID
-    }), active = entries.filter(isLiveEntry), invalid = surfacedInvalid(discoveryInvalid, entries), resolved = docId !== void 0 && isDocResolved(docId);
+    const {mappings: mappings} = props, {isDocResolved: isDocResolved, discoveryInvalid: discoveryInvalid} = useWorkflowContext(), {docId: docId, entries: entries} = useWorkflowsForDocument(props.value?._id ?? null), {params: params, setParams: setParams} = structure.usePaneRouter(), openWorkflowsView = focusId => setParams(focusedViewParams(params, focusId)), active = entries.filter(isLiveEntry), finished = finishedLinesOf(entries), invalid = surfacedInvalid(discoveryInvalid, entries), resolved = docId !== void 0 && isDocResolved(docId);
     /* @__PURE__ */
     return jsxRuntime.jsxs(ui.Stack, {
         gap: 4,
         children: [ invalid !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(InvalidDocNotice, {
             invalid: invalid
-        }) : null, active.length > 0 || resolved ? /* @__PURE__ */ jsxRuntime.jsx(StripLines, {
+        }) : null, active.length > 0 || finished.length > 0 || resolved ? /* @__PURE__ */ jsxRuntime.jsx(StripLines, {
             active: active,
             docId: docId,
+            finished: finished,
             initialValue: props.value ?? null,
             mappings: mappings,
             onOpen: openWorkflowsView,
@@ -8522,32 +9297,17 @@ function WorkflowFormStrip(props) {
     });
 }
 
-function StripLines({active: active, docId: docId, initialValue: initialValue, mappings: mappings, onOpen: onOpen, resolved: resolved}) {
-    const identity = useAssignmentIdentity(), single = active.length === 1 ? active[0] : void 0;
+function StripLines({active: active, docId: docId, finished: finished, initialValue: initialValue, mappings: mappings, onOpen: onOpen, resolved: resolved}) {
     /* @__PURE__ */
     return jsxRuntime.jsxs(ui.Stack, {
         gap: 1,
-        children: [ single !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(InstanceLine, {
-            entry: single,
-            onOpen: onOpen
-        }) : null, active.length > 1 ? /* @__PURE__ */ jsxRuntime.jsxs(StripLine, {
-            aside: /* @__PURE__ */ jsxRuntime.jsx(TaskCountSpinner, {
-                entries: active
-            }),
-            hint: lineHint(identity, forMeWorkOf(active, identity)),
-            onOpen: onOpen,
-            children: [ 
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
-                children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, {
-                    size: 1,
-                    weight: "medium",
-                    children: [ active.length, " active workflows" ]
-                })
-            }), 
-            /* @__PURE__ */ jsxRuntime.jsx(TaskCountText, {
-                entries: active
-            }) ]
-        }) : null, resolved ? /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+        children: [ active.map(entry => /* @__PURE__ */ jsxRuntime.jsx(InstanceLine, {
+            entry: entry,
+            onOpen: () => onOpen(entry.instance._id)
+        }, entry.instance._id)), finished.map(entry => /* @__PURE__ */ jsxRuntime.jsx(FinishedLine, {
+            entry: entry,
+            onOpen: () => onOpen(entry.instance._id)
+        }, entry.instance._id)), resolved ? /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
             children: /* @__PURE__ */ jsxRuntime.jsx(StartWorkflowControl, {
                 docId: docId,
                 initialValue: initialValue,
@@ -8601,7 +9361,7 @@ function InstanceLine({entry: entry, onOpen: onOpen}) {
     /* @__PURE__ */
     return jsxRuntime.jsxs(StripLine, {
         aside: unprimed ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(TaskCountSpinner, {
-            entries: [ entry ]
+            entry: entry
         }),
         hint: lineHint(identity, forMeWorkOf([ entry ], identity)),
         onOpen: onOpen,
@@ -8620,34 +9380,69 @@ function InstanceLine({entry: entry, onOpen: onOpen}) {
                 title: stageTitle(definition, entry.instance.currentStage)
             }), 
             /* @__PURE__ */ jsxRuntime.jsx(TaskCountText, {
-                entries: [ entry ]
+                entry: entry
             }) ]
         }) ]
     });
 }
 
-function useTaskCountState(entries) {
-    const identity = useAssignmentIdentity(), freshness = entries.filter(e => e.invalid === void 0).map(e => evaluationFreshness({
-        committed: e.committed,
-        evaluation: e.evaluation
-    }));
-    return !identity || freshness.includes("pending") ? {
+function FinishedLine({entry: entry, onOpen: onOpen}) {
+    const definition = useDefinition(entry), badgeTrim = useBadgeCapTrim(), {instance: instance} = entry;
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(StripLine, {
+        hint: finishedHint(instance),
+        onOpen: onOpen,
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+                size: 1,
+                weight: "medium",
+                children: instanceTitle(instance, definition)
+            })
+        }), workflowEngine.terminalState(instance) === "aborted" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+            style: badgeTrim,
+            children: /* @__PURE__ */ jsxRuntime.jsx(AbortedBadge, {
+                instance: instance
+            })
+        }) : /* @__PURE__ */ jsxRuntime.jsx(StageFace, {
+            completed: !0,
+            title: stageTitle(definition, instance.currentStage)
+        }) ]
+    });
+}
+
+function finishedHint(instance) {
+    const verb = workflowEngine.terminalState(instance) === "aborted" ? "Aborted" : "Completed", face = stampFace(verb, instance.completedAt ?? "");
+    return {
+        text: face.lead,
+        ...face.detail === void 0 ? {} : {
+            description: face.detail
+        }
+    };
+}
+
+function useTaskCountState(entry) {
+    const identity = useAssignmentIdentity(), freshness = entry.invalid === void 0 ? evaluationFreshness({
+        committed: entry.committed,
+        evaluation: entry.evaluation
+    }) : void 0;
+    return !identity || freshness === "pending" ? {
         kind: "pending"
-    } : freshness.includes("stale") ? {
+    } : freshness === "stale" ? {
         kind: "stale"
     } : {
         kind: "ready",
-        tasks: entries.reduce((n, e) => n + assignedTaskCount({
-            instance: e.instance,
-            committed: e.committed,
-            evaluation: e.evaluation,
+        tasks: assignedTaskCount({
+            instance: entry.instance,
+            committed: entry.committed,
+            evaluation: entry.evaluation,
             who: identity
-        }), 0)
+        })
     };
 }
 
-function TaskCountText({entries: entries}) {
-    const state = useTaskCountState(entries);
+function TaskCountText({entry: entry}) {
+    const state = useTaskCountState(entry);
     return state.kind === "pending" || state.kind === "ready" && state.tasks === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
         muted: !0,
         size: 1,
@@ -8655,8 +9450,8 @@ function TaskCountText({entries: entries}) {
     });
 }
 
-function TaskCountSpinner({entries: entries}) {
-    return useTaskCountState(entries).kind !== "pending" ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+function TaskCountSpinner({entry: entry}) {
+    return useTaskCountState(entry).kind !== "pending" ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
         paddingLeft: 1,
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {
             muted: !0,
@@ -8665,6 +9460,61 @@ function TaskCountSpinner({entries: entries}) {
     });
 }
 
+function stagePillState(instance) {
+    const definition = definitionSnapshotOf(instance), stage = definition?.stages.find(candidate => candidate.name === instance.currentStage), state = workflowEngine.terminalState(instance);
+    return {
+        title: stageTitle(definition, instance.currentStage),
+        terminal: stage !== void 0 && workflowEngine.isTerminalStage(stage) || state !== "in-flight",
+        state: state,
+        stageKnown: stage !== void 0
+    };
+}
+
+function WorkflowStagePreview(props) {
+    const {mappings: mappings} = useWorkflowContext(), mapped = props.schemaType !== void 0 && mappingsForDocType(mappings, props.schemaType.name).length > 0, {entries: entries} = useCommittedWorkflowsForDocument(mapped ? props._id ?? null : null), lead = entries.find(isLiveEntry) ?? entries[0], extraLive = entries.filter(e => e !== lead && isLiveEntry(e)).length;
+    return props.renderDefault({
+        ...props,
+        status: lead ? /* @__PURE__ */ jsxRuntime.jsx(StagePill, {
+            entry: lead,
+            extraLive: extraLive
+        }) : props.status
+    });
+}
+
+function StagePill({entry: entry, extraLive: extraLive}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(ui.Flex, {
+        align: "center",
+        gap: 2,
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx(LeadBadge, {
+            entry: entry
+        }), extraLive > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, {
+            fontSize: 1,
+            mode: "outline",
+            tone: "default",
+            children: [ "+", extraLive ]
+        }) : null ]
+    });
+}
+
+function LeadBadge({entry: entry}) {
+    const {instance: instance} = entry;
+    if (workflowEngine.isUnprimed(instance)) /* @__PURE__ */ return jsxRuntime.jsx(StartIncompleteBadge, {});
+    const pill = stagePillState(instance);
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(ui.Badge, {
+        fontSize: 1,
+        mode: pill.terminal ? "default" : "outline",
+        tone: pillTone(pill),
+        children: [ pill.title, pill.state === "completed" ? " ✓" : "" ]
+    });
+}
+
+function pillTone(args) {
+    return args.state === "aborted" ? "critical" : args.terminal ? "positive" : args.stageKnown ? "primary" : "default";
+}
+
 function StartWorkflowDialogHost() {
     const {startRequest: startRequest2, closeStartDialog: closeStartDialog} = useWorkflowContext();
     return startRequest2 ? /* @__PURE__ */ jsxRuntime.jsx(StartWorkflowDialog, {
@@ -8739,7 +9589,8 @@ function withWorkflowLock(Action, guardAction) {
     Locked;
 }
 
-const workflowStudioPlugin = sanity.definePlugin(config => ({
+const workflowStudioPlugin = sanity.definePlugin(config => (assertUniqueWorkflowMappings(config.mappings ?? []), 
+{
     name: "workflow-studio-plugin",
     tools: prev => [ ...prev, workflowsTool ],
     studio: {
@@ -8753,91 +9604,48 @@ const workflowStudioPlugin = sanity.definePlugin(config => ({
     },
     form: {
         components: {
-            input: props => {
-                if (props.id === "root" && sanity.isObjectInputProps(props)) {
-                    const docTypeMappings = mappingsForDocType(config.mappings, props.schemaType.name), fallback = docTypeMappings.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(WorkflowFormStrip, {
-                        ...props,
-                        mappings: docTypeMappings
-                    }) : props.renderDefault(props);
-                    /* @__PURE__ */
-                    return jsxRuntime.jsx(AutoStartGate, {
-                        ...props,
-                        fallback: fallback
-                    });
-                }
-                return props.renderDefault(props);
-            }
+            preview: WorkflowStagePreview,
+            input: props => props.id === "root" && sanity.isObjectInputProps(props) ? /* @__PURE__ */ jsxRuntime.jsx(WorkflowRootInput, {
+                ...props
+            }) : props.renderDefault(props)
         }
     },
     document: {
         badges: (prev, ctx) => {
-            if (!mappingForDocType(config.mappings, ctx.schemaType) || !ctx.documentId) return prev;
+            if (!ctx.documentId) return prev;
             const docId = ctx.documentId;
             return [ makeActiveWorkflowsBadge(docId), makePerspectiveBadge(docId), ...prev ];
         },
-        actions: (prev, ctx) => mappingForDocType(config.mappings, ctx.schemaType) ? prev.map(Action => {
+        actions: prev => prev.map(Action => {
             const guardAction = Action.action ? LOCKABLE_ACTIONS.get(Action.action) : void 0;
             return guardAction ? withWorkflowLock(Action, guardAction) : Action;
-        }) : prev
+        })
     }
 }));
 
-function WorkflowStagePreview(props) {
-    const {entries: entries} = useWorkflowsForDocument(props.documentId ?? props._id ?? null), lead = entries.find(isLiveEntry) ?? entries[0], extraLive = entries.filter(e => e !== lead && isLiveEntry(e)).length;
-    return props.renderDefault({
+function WorkflowRootInput(props) {
+    const {mappings: mappings} = useWorkflowContext(), docTypeMappings = mappingsForDocType(mappings, props.schemaType.name), fallback = docTypeMappings.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(WorkflowFormStrip, {
         ...props,
-        status: lead ? /* @__PURE__ */ jsxRuntime.jsx(StagePill, {
-            entry: lead,
-            extraLive: extraLive
-        }) : props.status
-    });
-}
-
-function StagePill({entry: entry, extraLive: extraLive}) {
-    /* @__PURE__ */
-    return jsxRuntime.jsxs(ui.Flex, {
-        align: "center",
-        gap: 2,
-        children: [ 
-        /* @__PURE__ */ jsxRuntime.jsx(LeadBadge, {
-            entry: entry
-        }), extraLive > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, {
-            fontSize: 1,
-            mode: "outline",
-            tone: "default",
-            children: [ "+", extraLive ]
-        }) : null ]
-    });
-}
-
-function LeadBadge({entry: entry}) {
-    const {instance: instance, evaluation: evaluation} = entry;
-    if (workflowEngine.isUnprimed(instance)) /* @__PURE__ */ return jsxRuntime.jsx(StartIncompleteBadge, {});
-    const stage = evaluation?.currentStage?.stage, title = stage?.title ?? stageTitle(definitionSnapshotOf(instance), instance.currentStage), state = workflowEngine.terminalState(instance), isTerminal = (stage ? workflowEngine.isTerminalStage(stage) : !1) || state !== "in-flight";
+        mappings: docTypeMappings
+    }) : props.renderDefault(props);
     /* @__PURE__ */
-    return jsxRuntime.jsxs(ui.Badge, {
-        fontSize: 1,
-        mode: isTerminal ? "default" : "outline",
-        tone: pillTone({
-            state: state,
-            isTerminal: isTerminal,
-            stageKnown: stage !== void 0
-        }),
-        children: [ title, state === "completed" ? " ✓" : "" ]
+    return jsxRuntime.jsx(AutoStartGate, {
+        ...props,
+        fallback: fallback
     });
 }
 
-function pillTone(args) {
-    return args.state === "aborted" ? "critical" : args.isTerminal ? "positive" : args.stageKnown ? "primary" : "default";
-}
-
 exports.AbortedBadge = AbortedBadge;
 
 exports.ActivitiesList = ActivitiesList;
 
 exports.ActivityDetailDialog = ActivityDetailDialog;
 
-exports.ActivityStatusIcon = ActivityStatusIcon;
+exports.ActivityRow = ActivityRow;
+
+exports.BreadcrumbTail = BreadcrumbTail;
+
+exports.CollapsibleBand = CollapsibleBand;
 
 exports.DismissablePopover = DismissablePopover;
 
@@ -8847,34 +9655,50 @@ exports.DocRefFace = DocRefFace;
 
 exports.GroupHeading = GroupHeading;
 
-exports.HintedMenuButton = HintedMenuButton;
-
 exports.HoverHint = HoverHint;
 
 exports.InvalidDocNotice = InvalidDocNotice;
 
+exports.LinkChip = LinkChip;
+
 exports.LoadingRow = LoadingRow;
 
+exports.SpinnerSlot = SpinnerSlot;
+
 exports.StageChip = StageChip;
 
-exports.StageGlyph = StageGlyph;
+exports.StageFace = StageFace;
 
 exports.StaleLock = StaleLock;
 
+exports.TabSwitch = TabSwitch;
+
 exports.TodoItemsList = TodoItemsList;
 
-exports.UserAvatarGroup = UserAvatarGroup;
+exports.TrailingHairline = TrailingHairline;
+
+exports.UnreadableDocsNote = UnreadableDocsNote;
 
-exports.WorkflowStagePreview = WorkflowStagePreview;
+exports.activityRowProps = activityRowProps;
 
 exports.assigneeUserIdsOf = assigneeUserIdsOf;
 
+exports.committedRowFace = committedRowFace;
+
+exports.dateControlKind = dateControlKind;
+
+exports.dateControlValue = dateControlValue;
+
 exports.definitionSnapshotOf = definitionSnapshotOf;
 
 exports.describeError = describeError;
 
+exports.editTargetOf = editTargetOf;
+
 exports.findActivity = findActivity;
 
+exports.findActivityNode = findActivityNode;
+
 exports.formatDate = formatDate;
 
 exports.gdrLocality = gdrLocality;
@@ -8891,26 +9715,36 @@ exports.isEvaluationStale = isEvaluationStale;
 
 exports.isOpenActivityStatus = isOpenActivityStatus;
 
-exports.mappingForDocType = mappingForDocType;
-
 exports.openActivityGone = openActivityGone;
 
+exports.parseDateFieldValue = parseDateFieldValue;
+
 exports.parseStoredDateValue = parseStoredDateValue;
 
 exports.readDeployedDefinitions = readDeployedDefinitions;
 
+exports.rowAssignControlState = rowAssignControlState;
+
+exports.rowDateControlState = rowDateControlState;
+
+exports.serializeDateFieldValue = serializeDateFieldValue;
+
 exports.stageTitle = stageTitle;
 
 exports.stateByActivity = stateByActivity;
 
+exports.stopRowClick = stopRowClick;
+
+exports.stopRowMouseDown = stopRowMouseDown;
+
 exports.useAssignmentIdentity = useAssignmentIdentity;
 
 exports.useDefinition = useDefinition;
 
-exports.useDocLink = useDocLink;
-
 exports.useProjectMembers = useProjectMembers;
 
+exports.useSaveField = useSaveField;
+
 exports.useUserDisplays = useUserDisplays;
 
 exports.useWorkflowContext = useWorkflowContext;
@@ -8919,8 +9753,8 @@ exports.useWorkflowInstanceEntry = useWorkflowInstanceEntry;
 
 exports.workflowDefaultDocumentNode = workflowDefaultDocumentNode;
 
-exports.workflowDocTypes = workflowDocTypes;
-
 exports.workflowStudioPlugin = workflowStudioPlugin;
 
+exports.workflowsTabCodec = workflowsTabCodec;
+
 exports.workflowsView = workflowsView;