@sanity/workflow-studio-plugin 0.23.0 → 0.25.0

package/dist/_chunks-cjs/index.cjs

@@ -10,6 +10,18 @@ function _interopDefaultCompat(e) {
 
 var pluralize__default = /* @__PURE__ */ _interopDefaultCompat(pluralize);
 
+const WORKFLOW_SYSTEM_TYPES = [ workflowEngine.WORKFLOW_INSTANCE_TYPE, workflowEngine.WORKFLOW_DEFINITION_TYPE, workflowEngine.GUARD_DOC_TYPE ];
+
+function contentDocumentTypes(schema) {
+    return schema.getTypeNames().filter(name => schema.get(name)?.type?.name === "document" && !WORKFLOW_SYSTEM_TYPES.includes(name));
+}
+
+const SYSTEM_TYPE_PREFIX = "sanity.";
+
+function isSystemDocumentType(name) {
+    return name.startsWith(SYSTEM_TYPE_PREFIX) || WORKFLOW_SYSTEM_TYPES.includes(name);
+}
+
 function isLocalContentResource(resource, contentResource) {
     return resource?.type === "dataset" && resource.id === contentResource.id;
 }
@@ -34,14 +46,14 @@ function assertUniqueWorkflowMappings(mappings) {
 
 function discoverWorkflowMappings(args) {
     assertUniqueWorkflowMappings(args.overrides ?? []);
-    const discovered = workflowEngine.latestDeployedDefinitions(args.definitions).flatMap(definition => {
+    const bindable = [ ...args.schemaContentTypes ].filter(name => !isSystemDocumentType(name)), 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 => ({
+        return bindable.filter(docType => workflowEngine.acceptsDocumentType(source, docType)).map(docType => ({
             docType: docType,
             definition: definition.name,
             label: definition.title ?? definition.name
@@ -172,14 +184,11 @@ function rowProblems(args) {
         mapping: args.mapping,
         contentResource: args.contentResource,
         declared: declared
-    }), missing = workflowEngine.missingRequiredInputs({
-        entryDefs: declared,
-        initialFields: seeded
-    }), consumptionProblems = workflowEngine.initialFieldIssues({
+    });
+    return [ ...workflowEngine.initialFieldIssues({
         workflowFields: declared,
         initialFields: seeded
-    }).flatMap(issue => seedConsumptionProblem(issue) ?? []);
-    return [ ...missing.map(m => `its start would not provide the required entry "${m.name}" (${m.type})`), ...consumptionProblems, ...seeded.flatMap(seed => seedReferenceProblems({
+    }).flatMap(issue => seedConsumptionProblem(issue) ?? []), ...seeded.flatMap(seed => seedReferenceProblems({
         seed: seed,
         declared: declared
     })), ...seeded.flatMap(seed => seededSchemaProblems({
@@ -189,12 +198,24 @@ function rowProblems(args) {
     })) ];
 }
 
+const NOT_DEPLOYED = "the definition is not deployed — deploy it or fix the mapping row";
+
+function namesNoDeployedDefinition(issue) {
+    return issue.version === void 0;
+}
+
 function mappingIssues(args) {
     const latestByName = new Map(workflowEngine.latestDeployedDefinitions(args.definitions).map(d => [ d.name, d ])), issues = /* @__PURE__ */ new Map;
     for (const mapping of args.mappings) {
-        const definition = latestByName.get(mapping.definition);
+        const identity = {
+            docType: mapping.docType,
+            definition: mapping.definition
+        }, definition = latestByName.get(mapping.definition);
         if (definition === void 0) {
-            issues.set(mappingKey(mapping), `Workflow mapping for document type "${mapping.docType}" points at definition "${mapping.definition}", which is not deployed — deploy it or fix the mapping row.`);
+            issues.set(mappingKey(mapping), {
+                ...identity,
+                problems: [ NOT_DEPLOYED ]
+            });
             continue;
         }
         const problems = rowProblems({
@@ -203,11 +224,31 @@ function mappingIssues(args) {
             contentResource: args.contentResource,
             schemaContentTypes: args.schemaContentTypes
         });
-        problems.length > 0 && issues.set(mappingKey(mapping), `Workflow mapping for document type "${mapping.docType}" points at definition "${mapping.definition}" (v${definition.version}), but ${problems.join("; ")}.`);
+        problems.length > 0 && issues.set(mappingKey(mapping), {
+            ...identity,
+            version: definition.version,
+            problems: problems
+        });
     }
     return issues;
 }
 
+function sameMappingIssue(left, right) {
+    return left.docType === right.docType && left.definition === right.definition && left.version === right.version && left.problems.length === right.problems.length && left.problems.every((problem, index) => problem === right.problems[index]);
+}
+
+function mappingIssueDetail(issue) {
+    return issue.problems.join("; ");
+}
+
+function versionSuffix(issue) {
+    return issue.version === void 0 ? "" : ` (v${issue.version})`;
+}
+
+function mappingIssueLogLines(issues) {
+    return [ ...issues.values() ].map(issue => `The "${issue.docType}" → "${issue.definition}" mapping row${versionSuffix(issue)} is disabled: ${mappingIssueDetail(issue)}.`);
+}
+
 const WORKFLOWS_VIEW_ID = "workflows", WORKFLOWS_TAB_PARAM = "workflowsTab";
 
 function withoutWorkflowsTab(params) {
@@ -250,10 +291,16 @@ function landingDefaultOpen(landing, instanceId) {
     if (!(landing === void 0 || !landing.instanceIds.includes(instanceId))) return instanceId === landing.focusedId;
 }
 
-const WORKFLOWS_TOOL_NAME = "workflows", WORKFLOW_INTENT = "workflow";
+const WORKFLOWS_TOOL_NAME = "workflows";
+
+function workflowsToolAvailable(tools) {
+    return tools.some(tool => tool.name === WORKFLOWS_TOOL_NAME);
+}
+
+const WORKFLOW_INTENT = "workflow";
 
-function pathSegmentTab(args) {
-    return args.tabs.find(tab => tab === args.segment) ?? args.fallback;
+function pathSegmentName(args) {
+    return args.names.find(name => name === args.segment);
 }
 
 function handlesWorkflowIntent(intent, params) {
@@ -267,11 +314,23 @@ function workflowIntentState(intent, params) {
     } : null;
 }
 
-const pad2 = n => String(n).padStart(2, "0");
+const pad2 = n => String(n).padStart(2, "0"), DUE_DATE_FIELD_KINDS = [ "dueDate", "dueDatetime" ], DATE_FIELD_KINDS = [ "date", "datetime", ...DUE_DATE_FIELD_KINDS ], DATE_FIELD_KIND_SET = new Set(DATE_FIELD_KINDS), DUE_DATE_FIELD_KIND_SET = new Set(DUE_DATE_FIELD_KINDS);
+
+function isDateFieldKind(kind) {
+    return DATE_FIELD_KIND_SET.has(kind);
+}
+
+function isDueDateFieldKind(kind) {
+    return DUE_DATE_FIELD_KIND_SET.has(kind);
+}
+
+function hasTimeOfDay(kind) {
+    return kind === "datetime" || kind === "dueDatetime";
+}
 
 function parseDateFieldValue(value, kind) {
     if (typeof value != "string" || value === "") return;
-    const parsed2 = kind === "date" ? parseLocalDate(value) : new Date(value);
+    const parsed2 = hasTimeOfDay(kind) ? new Date(value) : parseLocalDate(value);
     return Number.isNaN(parsed2.getTime()) ? void 0 : parsed2;
 }
 
@@ -287,16 +346,24 @@ function parseStoredDateValue(value) {
 }
 
 function serializeDateFieldValue(date, kind) {
-    return kind === "datetime" ? date.toISOString() : `${date.getFullYear()}-${pad2(date.getMonth() + 1)}-${pad2(date.getDate())}`;
+    return hasTimeOfDay(kind) ? date.toISOString() : `${date.getFullYear()}-${pad2(date.getMonth() + 1)}-${pad2(date.getDate())}`;
+}
+
+class EffectsIncompleteError extends Error {
+    reason;
+    constructor(reason, options) {
+        super(`The change was committed, but running its effects failed: ${reason}`, options), 
+        this.name = "EffectsIncompleteError", this.reason = reason;
+    }
 }
 
 const editDisabledSentence = {
     "edit-window-closed": () => "Can only be edited while its activity is active",
-    "editor-not-permitted": () => "You don't have permission to edit this",
+    "editor-not-permitted": () => "You don’t have permission to edit this",
     "instance-aborted": () => "This workflow was aborted",
     "instance-completed": () => "This workflow is already complete",
     "mutation-guard-denied": () => "An earlier step is holding this document",
-    "not-editable": () => "This isn't editable here"
+    "not-editable": () => "This isn’t editable here"
 };
 
 function describeEditDisabledReason(reason) {
@@ -369,24 +436,43 @@ const activityNotActiveSentence = {
 }, disabledSentence = {
     "activity-not-active": r => activityNotActiveSentence[r.status],
     "cascade-fired": () => "This happens automatically — the workflow runs it when its condition is met.",
-    "filter-failed": () => "Not available to you yet — you may not have the required role, it may be assigned to someone else, or a needed value isn't set.",
+    "filter-failed": () => "Not available to you yet — you may not have the required role, it may be assigned to someone else, or a needed value isn’t set.",
     "instance-aborted": () => "This workflow was aborted.",
     "instance-completed": () => "This workflow is already complete.",
     "mutation-guard-denied": () => "An earlier step is holding this document.",
-    "requirements-unmet": () => "This step isn't ready yet — a required condition hasn't been met.",
+    "requirements-unmet": () => "This step isn’t ready yet — a required condition hasn’t been met.",
     "stage-terminal": () => "This stage is finished.",
-    "subject-permission-denied": () => "You don't have permission to change the document this step works on."
+    "subject-permission-denied": () => "You don’t have permission to change the document this step works on."
 };
 
 function describeDisabledReason(reason) {
     return disabledSentence[reason.kind](reason);
 }
 
+function readRejection(err) {
+    return err instanceof workflowEngine.ActionDisabledError ? {
+        kind: "refusal",
+        message: describeDisabledReason(err.reason)
+    } : err instanceof workflowEngine.MutationGuardDeniedError ? {
+        kind: "refusal",
+        message: describeDisabledReason({
+            kind: "mutation-guard-denied",
+            denied: err.denied
+        })
+    } : err instanceof workflowEngine.EditFieldDeniedError ? {
+        kind: "refusal",
+        message: describeEditDisabledReason(err.reason)
+    } : err instanceof EffectsIncompleteError ? {
+        kind: "committed-incomplete",
+        message: err.reason
+    } : {
+        kind: "failure",
+        message: workflowEngine.errorMessage(err)
+    };
+}
+
 function describeError(err) {
-    return err instanceof workflowEngine.ActionDisabledError ? describeDisabledReason(err.reason) : err instanceof workflowEngine.MutationGuardDeniedError ? describeDisabledReason({
-        kind: "mutation-guard-denied",
-        denied: err.denied
-    }) : workflowEngine.errorMessage(err);
+    return readRejection(err).message;
 }
 
 function hrefIfHttp(value) {
@@ -442,6 +528,28 @@ function isTodoOverdue(item, today = /* @__PURE__ */ new Date) {
     return !item.dueDate || isTodoDone(item) ? !1 : item.dueDate < serializeDateFieldValue(today, "date");
 }
 
+function todoEditKind(patch) {
+    return "assignee" in patch ? "assignee" : "due-date";
+}
+
+function assertNamesOneRow(items, key) {
+    const matches = items.filter(row => row._key === key).length;
+    if (matches !== 1) throw new Error(matches === 0 ? "This to-do is no longer in the stored list. Reload and try again." : `${matches} to-dos in this list share one id, so they cannot be told apart. The stored list has to be repaired before it can be edited.`);
+}
+
+function todoItemsPatched(args) {
+    const {items: items, key: key, patch: patch} = args;
+    return assertNamesOneRow(items, key), items.map(row => row._key === key ? {
+        ...row,
+        ...patch
+    } : row);
+}
+
+function todoItemsWithout(args) {
+    const {items: items, key: key} = args;
+    return assertNamesOneRow(items, key), items.filter(row => row._key !== key);
+}
+
 function tickOpsOf(action) {
     return (action.ops ?? []).flatMap(o => o.type === "field.updateWhere" ? [ o ] : []);
 }
@@ -882,11 +990,23 @@ function rowAssignControlState(args) {
 
 function rowDateControlState(args) {
     return rowControlState({
-        kinds: [ "date", "datetime" ],
+        kinds: DUE_DATE_FIELD_KINDS,
         ...args
     });
 }
 
+function dateValuesOf(state, matches) {
+    return state.filter(entry => matches(entry._type)).map(entry => entry.value).filter(value => typeof value == "string" && value !== "");
+}
+
+function datesOf(state) {
+    return dateValuesOf(state, isDateFieldKind);
+}
+
+function dueDatesOf(state) {
+    return dateValuesOf(state, isDueDateFieldKind);
+}
+
 function committedRowFace(row) {
     return {
         activityName: row.activityName,
@@ -898,7 +1018,11 @@ function committedRowFace(row) {
 }
 
 function activityRowProps(args) {
-    const {activityEval: activityEval, activityState: activityState, editableFields: editableFields} = args, state = activityState.get(activityEval.activity.name) ?? [];
+    const {activityEval: activityEval, activityState: activityState, editableFields: editableFields} = args, state = activityState.get(activityEval.activity.name) ?? [], controlArgs = {
+        activity: activityEval.activity,
+        status: activityEval.status,
+        editableFields: editableFields
+    };
     return {
         face: {
             activityName: activityEval.activity.name,
@@ -907,12 +1031,10 @@ function activityRowProps(args) {
             automated: showsAutomatedPill(activityEval),
             blocked: showsBlockedTag(activityEval)
         },
-        assignState: rowAssignControlState({
-            activity: activityEval.activity,
-            status: activityEval.status,
-            editableFields: editableFields
-        }),
+        assignState: rowAssignControlState(controlArgs),
         assigneeIds: assigneeUserIdsOf(state),
+        dateState: rowDateControlState(controlArgs),
+        dueDates: dueDatesOf(state),
         terminalActions: rowTerminalActions({
             activityEval: activityEval,
             state: state,
@@ -922,12 +1044,12 @@ function activityRowProps(args) {
 }
 
 function dateControlKind(state) {
-    if (state.kind === "editable" && (state.field.type === "date" || state.field.type === "datetime")) return state.field.type;
+    if (state.kind === "editable" && isDueDateFieldKind(state.field.type)) 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);
+    const {state: state, dueDates: dueDates} = args;
+    return state.kind === "editable" ? typeof state.field.value == "string" && state.field.value !== "" ? state.field.value : void 0 : dueDates.find(value => parseStoredDateValue(value) !== void 0);
 }
 
 function activityStateOf(instance, activityName) {
@@ -952,7 +1074,7 @@ function deriveActivityDetail(args) {
     };
 }
 
-const WORKFLOW_API_VERSION = workflowEngine.ENGINE_API_VERSION, WORKFLOW_SYSTEM_TYPES = [ workflowEngine.WORKFLOW_INSTANCE_TYPE, workflowEngine.WORKFLOW_DEFINITION_TYPE, workflowEngine.GUARD_DOC_TYPE ], EMPTY_ENTRIES = [], WorkflowContext = react.createContext(null);
+const WORKFLOW_API_VERSION = workflowEngine.ENGINE_API_VERSION, EMPTY_ENTRIES = [], WorkflowContext = react.createContext(null);
 
 function useWorkflowContext() {
     const value = react.useContext(WorkflowContext);
@@ -994,7 +1116,7 @@ function useWorkflowInstanceEntry(instanceId, options = {}) {
 
 const WorkflowToolOpened = telemetry.defineEvent({
     name: "Editorial Workflows Studio Plugin Tool Opened",
-    version: 1,
+    version: 2,
     description: "The Workflows tool was opened or its tab was switched"
 }), WorkflowDocumentViewOpened = telemetry.defineEvent({
     name: "Editorial Workflows Studio Plugin Document View Opened",
@@ -1004,10 +1126,27 @@ const WorkflowToolOpened = telemetry.defineEvent({
     name: "Editorial Workflows Studio Plugin Instance Detail Viewed",
     version: 1,
     description: "The Workflows tool's per-instance detail view was opened"
+});
+
+function definitionFingerprint(definition) {
+    const hash = definition?.contentHash;
+    return hash === void 0 ? {} : {
+        definitionContentHash: hash
+    };
+}
+
+const WorkflowDefinitionDetailViewed = telemetry.defineEvent({
+    name: "Editorial Workflows Studio Plugin Definition Detail Viewed",
+    version: 1,
+    description: "A workflow's definition page was opened in the Workflows tool"
 }), WorkflowFormStripClicked = telemetry.defineEvent({
     name: "Editorial Workflows Studio Plugin Form Strip Clicked",
     version: 1,
     description: "The form strip's instance line was clicked, opening the document view"
+}), WorkflowDocumentLinkClicked = telemetry.defineEvent({
+    name: "Editorial Workflows Studio Plugin Document Link Clicked",
+    version: 2,
+    description: "A document link was clicked, opening the referenced document's editor"
 }), WorkflowStartDialogOpened = telemetry.defineEvent({
     name: "Editorial Workflows Studio Plugin Start Dialog Opened",
     version: 1,
@@ -1022,8 +1161,12 @@ const WorkflowToolOpened = telemetry.defineEvent({
     description: "A fresh document's auto-start ran — one start request per configured workflow"
 }), WorkflowActionControlUsed = telemetry.defineEvent({
     name: "Editorial Workflows Studio Plugin Action Control Used",
-    version: 1,
+    version: 2,
     description: "An action-firing control was used, attributed to its UI surface"
+}), WorkflowFieldControlUsed = telemetry.defineEvent({
+    name: "Editorial Workflows Studio Plugin Field Control Used",
+    version: 1,
+    description: "A field-editing control committed an edit, attributed to its UI surface"
 }), WorkflowActivityDialogOpened = telemetry.defineEvent({
     name: "Editorial Workflows Studio Plugin Activity Dialog Opened",
     version: 1,
@@ -1032,10 +1175,30 @@ const WorkflowToolOpened = telemetry.defineEvent({
     name: "Editorial Workflows Studio Plugin Task Filters Applied",
     version: 1,
     description: "The tool's task-filter menu closed with a changed selection"
+}), WorkflowBoardWorkflowSelected = telemetry.defineEvent({
+    name: "Editorial Workflows Studio Plugin Board Workflow Selected",
+    version: 2,
+    description: "The workflow documents page settled on the workflow it's showing"
+}), WorkflowTitleSeedDrifted = telemetry.defineEvent({
+    name: "Editorial Workflows Studio Plugin Title Seed Drifted",
+    version: 1,
+    description: "A cold-start seeded preview title diverged from the live preview pipeline"
 }), WorkflowTodoToggled = telemetry.defineEvent({
     name: "Editorial Workflows Studio Plugin Todo Toggled",
     version: 1,
     description: "A todo checkbox was toggled, attributed to its UI surface and write seam"
+}), WorkflowTodoEdited = telemetry.defineEvent({
+    name: "Editorial Workflows Studio Plugin Todo Edited",
+    version: 1,
+    description: "A non-toggle todo-list write, attributed to its UI surface and gesture"
+}), WorkflowAbortDialogOpened = telemetry.defineEvent({
+    name: "Editorial Workflows Studio Plugin Abort Dialog Opened",
+    version: 1,
+    description: "The abort-workflow confirm was opened"
+}), WorkflowAbortDialogSubmitted = telemetry.defineEvent({
+    name: "Editorial Workflows Studio Plugin Abort Dialog Submitted",
+    version: 1,
+    description: "The abort-workflow confirm was submitted, carrying the attempt's outcome"
 });
 
 function useLogEventOnMount(event, data) {
@@ -1125,20 +1288,32 @@ function useUserDisplay(id) {
     };
 }
 
-const warnedNotMember = /* @__PURE__ */ new Set;
+const warnedSelfUnavailable = /* @__PURE__ */ new Set;
+
+function warnSelfUnavailableOnce(key, message) {
+    warnedSelfUnavailable.has(key) || (warnedSelfUnavailable.add(key), console.warn(message));
+}
+
+function bridgedSelfId(users, meId) {
+    const classified = workflowEngine.classifyPrincipalId(meId);
+    return users.find(user => user.membership.id === meId)?.profile?.sanityUserId ?? classified.globalId ?? (classified.namespace === "project" ? void 0 : meId);
+}
 
 function useBridgedSelf() {
-    const me = sanity.useCurrentUser(), {users: users, loading: loading} = workflowStudio.useStudioProjectUsers();
-    if (!me || loading) return;
-    const classified = workflowEngine.classifyPrincipalId(me.id), id = users.find(user => user.membership.id === me.id)?.profile?.sanityUserId ?? classified.globalId ?? (classified.namespace === "project" ? void 0 : me.id);
-    if (id === void 0) {
-        warnedNotMember.has(me.id) || (warnedNotMember.add(me.id), console.warn(`workflow: the project member directory cannot resolve the logged-in user ("${me.id}") to an account-global identity — the engine stores account-global user ids only, so workflow assignment and authoring controls stay disabled. Typically this user is not a member of this project.`));
-        return;
-    }
-    return {
+    const me = sanity.useCurrentUser(), {users: users, loading: loading, error: error} = workflowStudio.useStudioProjectUsers();
+    if (!me) return;
+    const id = bridgedSelfId(users, me.id);
+    if (id !== void 0) return {
         id: id,
         roles: me.roles ?? []
     };
+    if (!loading) {
+        if (error !== void 0) {
+            warnSelfUnavailableOnce(`load:${me.id}`, `workflow: the project member directory failed to load ("${workflowEngine.errorMessage(error)}") — the logged-in user ("${me.id}") is project-scoped, and only that directory maps it to the account-global identity the engine stores, so workflow assignment and authoring controls stay disabled. A mounted view does not retry on its own; the next consumer to ask reloads the directory once its backoff has passed.`);
+            return;
+        }
+        warnSelfUnavailableOnce(`unresolved:${me.id}`, `workflow: the project member directory cannot resolve the logged-in user ("${me.id}") to an account-global identity — the engine stores account-global user ids only, so workflow assignment and authoring controls stay disabled. Typically this user is not a member of this project.`);
+    }
 }
 
 function useSelfActor() {
@@ -1258,9 +1433,50 @@ function buildParams(decls, values) {
     };
 }
 
-const NEVER_MS = 2 ** 31 - 1;
+function useDelayedFlag(active, delayMs) {
+    const [held, setHeld] = react.useState(!1);
+    return react.useEffect(() => {
+        if (!active) {
+            setHeld(!1);
+            return;
+        }
+        const timer = setTimeout(() => setHeld(!0), delayMs);
+        return () => clearTimeout(timer);
+    }, [ active, delayMs ]), held && active;
+}
+
+const NEVER_MS = 2 ** 31 - 1, OPEN_DELAY_MS = 300;
 
 function HoverHint(props) {
+    return props.anchor !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(AnchoredHint, {
+        ...props
+    }) : /* @__PURE__ */ jsxRuntime.jsx(WrappingHint, {
+        ...props
+    });
+}
+
+function AnchoredHint(props) {
+    const {disabled: disabled = !1} = props, open = useDelayedFlag(props.open === !0 && !disabled, OPEN_DELAY_MS);
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Popover, {
+        animate: !0,
+        content: /* @__PURE__ */ jsxRuntime.jsx(HintBody, {
+            ...props
+        }),
+        open: open,
+        padding: hintPadding(props),
+        placement: props.placement ?? "top",
+        portal: !0,
+        radius: 3,
+        referenceElement: props.anchor
+    });
+}
+
+function hintPadding(props) {
+    return props.content !== void 0 && props.flush ? 0 : 2;
+}
+
+function WrappingHint(props) {
     const {children: children, disabled: disabled = !1} = props;
     /* @__PURE__ */
     return jsxRuntime.jsx(ui.Tooltip, {
@@ -1270,17 +1486,20 @@ function HoverHint(props) {
         }),
         delay: {
             close: 0,
-            open: disabled ? NEVER_MS : 300
+            open: disabled ? NEVER_MS : OPEN_DELAY_MS
         },
-        padding: props.content !== void 0 && props.flush ? 0 : 2,
-        placement: "top",
+        padding: hintPadding(props),
+        placement: props.placement ?? "top",
         portal: !0,
         radius: 3,
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
             "data-testid": props["data-testid"],
             style: {
-                display: "inline-flex",
-                maxWidth: "100%"
+                display: props.fill ? "flex" : "inline-flex",
+                maxWidth: "100%",
+                ...props.fill ? {
+                    width: "100%"
+                } : {}
             },
             children: children
         })
@@ -1368,7 +1587,7 @@ function DismissablePopover({children: children, content: content2, onDismiss: o
 function DateFieldInput({kind: kind, value: value, onChange: onChange, readOnly: readOnly = !1}) {
     const [open, setOpen] = react.useState(!1), parsed2 = parseDateFieldValue(value, kind), close = () => setOpen(!1), toggle = () => {
         readOnly || setOpen(v => !v);
-    };
+    }, pickHint = hasTimeOfDay(kind) ? "Pick a date and time…" : "Pick a date…";
     /* @__PURE__ */
     return jsxRuntime.jsx(DismissablePopover, {
         content: /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.ClearableDatePicker, {
@@ -1379,7 +1598,7 @@ function DateFieldInput({kind: kind, value: value, onChange: onChange, readOnly:
             onPick: next => {
                 close(), onChange(serializeDateFieldValue(next, kind));
             },
-            selectTime: kind === "datetime",
+            selectTime: hasTimeOfDay(kind),
             value: parsed2
         }),
         onDismiss: close,
@@ -1392,7 +1611,7 @@ function DateFieldInput({kind: kind, value: value, onChange: onChange, readOnly:
                 children: /* @__PURE__ */ jsxRuntime.jsx(ui.TextInput, {
                     fontSize: 1,
                     onClick: toggle,
-                    placeholder: readOnly ? "" : kind === "datetime" ? "Pick a date and time…" : "Pick a date…",
+                    placeholder: readOnly ? "" : pickHint,
                     readOnly: !0,
                     value: parsed2 ? formatDate(String(value)) : ""
                 })
@@ -1436,7 +1655,7 @@ function ChoiceSelect({options: options, value: value, onChange: onChange, readO
     });
 }
 
-const SCALAR_INPUT_KINDS = [ "string", "text", "url", "number", "progress", "date", "dateTime", "datetime", "boolean" ], SCALAR_INPUT_KIND_SET = new Set(SCALAR_INPUT_KINDS);
+const SCALAR_INPUT_KINDS = [ "string", "text", "url", "number", "progress", ...DATE_FIELD_KINDS, "dateTime", "boolean" ], SCALAR_INPUT_KIND_SET = new Set(SCALAR_INPUT_KINDS);
 
 function isScalarInputKind(kind) {
     return SCALAR_INPUT_KIND_SET.has(kind);
@@ -1454,8 +1673,8 @@ function ScalarInput({kind: kind, value: value, onChange: onChange, options: opt
     }) : kind === "boolean" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, {
         checked: value === !0,
         onChange: e => onChange(e.currentTarget.checked)
-    }) : kind === "date" || kind === "dateTime" || kind === "datetime" ? /* @__PURE__ */ jsxRuntime.jsx(DateFieldInput, {
-        kind: kind === "date" ? "date" : "datetime",
+    }) : isDateFieldKind(kind) || kind === "dateTime" ? /* @__PURE__ */ jsxRuntime.jsx(DateFieldInput, {
+        kind: kind === "dateTime" ? "datetime" : kind,
         onChange: next => onChange(next ?? ""),
         value: value
     }) : /* @__PURE__ */ jsxRuntime.jsx(ui.TextInput, {
@@ -1561,11 +1780,16 @@ function useStubValuePreview(id, schemaType) {
     };
 }
 
+function PreviewPlaceholder() {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(sanity.SanityDefaultPreview, {
+        isPlaceholder: !0
+    });
+}
+
 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, {
+    return preview.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(PreviewPlaceholder, {}) : /* @__PURE__ */ jsxRuntime.jsx(sanity.Preview, {
         layout: "default",
         schemaType: schemaType,
         skipVisibilityCheck: !0,
@@ -1798,14 +2022,87 @@ function ParamsForm({decls: decls, values: values, onChange: onChange}) {
     });
 }
 
-function useClosableToast() {
+const TOAST_ID = {
+    abort: "workflow-abort",
+    detailsCopy: "workflow-details-copy",
+    documentCreate: "workflow-document-create",
+    documentSave: "workflow-document-save",
+    effectResolve: "workflow-effect-resolve",
+    effectsDrain: "workflow-effects-drain",
+    effectsIncomplete: "workflow-effects-incomplete",
+    orphanSettle: "workflow-orphan-settle",
+    start: "workflow-start"
+};
+
+function instanceToastId(gesture, instanceId) {
+    return `workflow-${gesture}:${instanceId}`;
+}
+
+function actionFireToastId(args) {
+    return `workflow-action-fire:${args.instanceId}:${args.activity}:${args.action}`;
+}
+
+const REASON_TOAST_DURATION = 2e4, DISMISS_SENTINEL_DURATION = .01;
+
+function carriesReason(params) {
+    return params.description !== void 0 && params.status !== "info";
+}
+
+function withConvention(params) {
+    return {
+        ...params,
+        closable: !0,
+        ...carriesReason(params) ? {
+            duration: REASON_TOAST_DURATION
+        } : {}
+    };
+}
+
+function useWorkflowToast() {
     const toast = ui.useToast();
     return react.useMemo(() => ({
-        ...toast,
-        push: params => toast.push({
-            ...params,
-            closable: !0
-        })
+        push: params => {
+            toast.push(withConvention(params));
+        },
+        dismiss: id => {
+            toast.push({
+                id: id,
+                duration: DISMISS_SENTINEL_DURATION
+            });
+        }
+    }), [ toast ]);
+}
+
+const COMMITTED_INCOMPLETE_TITLE = "Saved, but its follow-up didn’t run";
+
+function rejectionToast(reading, titles) {
+    return reading.kind === "committed-incomplete" ? {
+        id: TOAST_ID.effectsIncomplete,
+        status: "warning",
+        title: COMMITTED_INCOMPLETE_TITLE,
+        description: reading.message
+    } : reading.kind === "refusal" ? {
+        id: titles.id,
+        status: "warning",
+        title: titles.refused,
+        description: reading.message
+    } : {
+        id: titles.id,
+        status: "error",
+        title: titles.failed,
+        description: reading.message
+    };
+}
+
+function useRejectionReport() {
+    const toast = useWorkflowToast();
+    return react.useMemo(() => ({
+        rejected: args => {
+            const reading = readRejection(args.err);
+            reading.kind !== "refusal" && console.error(`[workflow-studio-plugin] ${args.context} rejected:`, args.err), 
+            toast.push(rejectionToast(reading, args));
+        },
+        dismiss: toast.dismiss
     }), [ toast ]);
 }
 
@@ -1828,10 +2125,21 @@ function useActionClusterPending() {
 }
 
 function useFireAction(args) {
-    const {instanceId: instanceId, activity: activity, action: action, label: label, surface: surface, viaMenu: viaMenu} = args, {fireActionFor: fireActionFor} = useWorkflowContext(), telemetry2 = workflowReact.useWorkflowTelemetry(), toast = useClosableToast(), cluster = useActionClusterLock(), [localPending, setLocalPending] = react.useState(!1), pending = localPending || cluster?.pending === !0;
+    const {instanceId: instanceId, activity: activity, action: action, label: label, surface: surface, placement: placement, viaMenu: viaMenu} = args, {fireActionFor: fireActionFor} = useWorkflowContext(), telemetry2 = workflowReact.useWorkflowTelemetry(), report = useRejectionReport(), cluster = useActionClusterLock(), [localPending, setLocalPending] = react.useState(!1), pending = localPending || cluster?.pending === !0, toastId = actionFireToastId({
+        instanceId: instanceId,
+        activity: activity,
+        action: action
+    });
     return {
         fire: react.useCallback(async params => {
             if (pending) return !1;
+            const log = success => telemetry2.log(WorkflowActionControlUsed, {
+                instanceId: instanceId,
+                surface: surface,
+                placement: placement,
+                viaMenu: viaMenu,
+                success: success
+            });
             setLocalPending(!0), cluster?.onFireChange(!0);
             try {
                 return await fireActionFor(instanceId, {
@@ -1840,31 +2148,19 @@ function useFireAction(args) {
                     ...params && Object.keys(params).length > 0 ? {
                         params: params
                     } : {}
-                }), toast.push({
-                    status: "success",
-                    title: `${label} done`
-                }), telemetry2.log(WorkflowActionControlUsed, {
-                    instanceId: instanceId,
-                    surface: surface,
-                    viaMenu: viaMenu,
-                    success: !0
-                }), !0;
+                }), report.dismiss(toastId), log(!0), !0;
             } catch (err) {
-                return console.error(`[workflow-studio-plugin] firing "${action}" on "${activity}" failed:`, err), 
-                toast.push({
-                    status: "error",
-                    title: `${label} failed`,
-                    description: describeError(err)
-                }), telemetry2.log(WorkflowActionControlUsed, {
-                    instanceId: instanceId,
-                    surface: surface,
-                    viaMenu: viaMenu,
-                    success: !1
-                }), !1;
+                return report.rejected({
+                    err: err,
+                    context: `firing "${action}" on "${activity}"`,
+                    id: toastId,
+                    refused: `“${label}” isn’t available right now`,
+                    failed: `Failed to complete “${label}”`
+                }), log(!1), !1;
             } finally {
                 setLocalPending(!1), cluster?.onFireChange(!1);
             }
-        }, [ fireActionFor, instanceId, activity, action, label, pending, toast, cluster, telemetry2, surface, viaMenu ]),
+        }, [ fireActionFor, instanceId, activity, action, label, pending, report, toastId, cluster, telemetry2, surface, placement, viaMenu ]),
         pending: pending
     };
 }
@@ -1905,13 +2201,14 @@ function RowClickShield({active: active, children: children}) {
     });
 }
 
-function FireButton({instanceId: instanceId, activity: activity, action: action, label: label, surface: surface, mode: mode = "default", chrome: chrome, tone: tone = "default", icon: icon}) {
+function FireButton({instanceId: instanceId, activity: activity, action: action, label: label, surface: surface, placement: placement, mode: mode = "default", chrome: chrome, tone: tone = "default", icon: icon}) {
     const {fire: fire, pending: pending} = useFireAction({
         instanceId: instanceId,
         activity: activity,
         action: action,
         label: label,
         surface: surface,
+        placement: placement,
         viaMenu: !1
     }), handleClick = e => {
         chrome?.inButtonCard === !0 && e.stopPropagation(), !pending && fire();
@@ -1933,7 +2230,7 @@ function FireButton({instanceId: instanceId, activity: activity, action: action,
     });
 }
 
-function ActivityActionRow({actionEval: actionEval, instanceId: instanceId, activity: activity, surface: surface, chrome: chrome}) {
+function ActivityActionRow({actionEval: actionEval, instanceId: instanceId, activity: activity, surface: surface, placement: placement, chrome: chrome}) {
     const rowKind = actionRowKind(actionEval);
     return rowKind.kind === "disabled" ? /* @__PURE__ */ jsxRuntime.jsx(DisabledActionButton, {
         actionEval: actionEval,
@@ -1944,12 +2241,14 @@ function ActivityActionRow({actionEval: actionEval, instanceId: instanceId, acti
         instanceId: instanceId,
         activity: activity,
         chrome: chrome,
+        placement: placement,
         surface: surface
     }) : /* @__PURE__ */ jsxRuntime.jsx(ParamsActionButton, {
         actionEval: actionEval,
         instanceId: instanceId,
         activity: activity,
         chrome: chrome,
+        placement: placement,
         surface: surface
     });
 }
@@ -1975,7 +2274,7 @@ function DisabledActionButton({actionEval: actionEval, activity: activity, chrom
     }) : button;
 }
 
-function PlainActionButton({actionEval: actionEval, instanceId: instanceId, activity: activity, surface: surface, chrome: chrome}) {
+function PlainActionButton({actionEval: actionEval, instanceId: instanceId, activity: activity, surface: surface, placement: placement, chrome: chrome}) {
     const {action: action} = actionEval, label = actionLabel(action), btn = actionButtonFace({
         actionEval: actionEval,
         activityName: activity
@@ -1987,6 +2286,7 @@ function PlainActionButton({actionEval: actionEval, instanceId: instanceId, acti
         mode: btn.mode,
         activity: activity,
         chrome: chrome,
+        placement: placement,
         surface: surface,
         tone: btn.tone
     });
@@ -1996,13 +2296,14 @@ function PlainActionButton({actionEval: actionEval, instanceId: instanceId, acti
     }) : button;
 }
 
-function ParamsActionDialog({actionEval: actionEval, instanceId: instanceId, activity: activity, surface: surface, viaMenu: viaMenu, onClose: onClose}) {
+function ParamsActionDialog({actionEval: actionEval, instanceId: instanceId, activity: activity, surface: surface, placement: placement, viaMenu: viaMenu, onClose: onClose}) {
     const {action: action} = actionEval, label = actionLabel(action), decls = action.params ?? [], [values, setValues] = react.useState({}), {fire: fire, pending: pending} = useFireAction({
         instanceId: instanceId,
         activity: activity,
         action: action.name,
         label: label,
         surface: surface,
+        placement: placement,
         viaMenu: viaMenu
     }), built = buildParams(decls, values), confirm = async () => {
         await fire(built.params) && onClose();
@@ -2058,7 +2359,7 @@ function ParamsActionDialog({actionEval: actionEval, instanceId: instanceId, act
     });
 }
 
-function ParamsActionButton({actionEval: actionEval, instanceId: instanceId, activity: activity, surface: surface, chrome: chrome}) {
+function ParamsActionButton({actionEval: actionEval, instanceId: instanceId, activity: activity, surface: surface, placement: placement, chrome: chrome}) {
     const [open, setOpen] = react.useState(!1), btn = actionButtonFace({
         actionEval: actionEval,
         activityName: activity
@@ -2084,6 +2385,7 @@ function ParamsActionButton({actionEval: actionEval, instanceId: instanceId, act
                 activity: activity,
                 instanceId: instanceId,
                 onClose: () => setOpen(!1),
+                placement: placement,
                 surface: surface,
                 viaMenu: !1
             })
@@ -2257,7 +2559,9 @@ function FieldInput$1({kind: kind, value: value, onChange: onChange, onEnter: on
         });
 
       case "date":
+      case "dueDate":
       case "datetime":
+      case "dueDatetime":
         /* @__PURE__ */
         return jsxRuntime.jsx(DateFieldInput, {
             kind: kind,
@@ -2303,22 +2607,64 @@ function FieldInput$1({kind: kind, value: value, onChange: onChange, onEnter: on
     }
 }
 
-function LinkChip({hint: hint, children: children, as: as = "a", ...anchorProps}) {
+function isCompact(layout) {
+    return layout === "inline" || layout === "row";
+}
+
+function docFaceChrome(args) {
+    const {layout: layout, state: state} = args, compact = isCompact(layout);
+    switch (state.kind) {
+      case "linked":
+        return {
+            bareId: state.bareId,
+            selfInset: !compact
+        };
+
+      case "foreign":
+        return {};
+
+      case "missing":
+        return {
+            tone: "caution"
+        };
+
+      case "unopenable":
+        return {};
+
+      case "pending":
+        return compact ? {} : {
+            selfInset: !0
+        };
+
+      case "unresolvable":
+        return {};
+    }
+}
+
+function chipPadding(fill) {
+    return fill ? 3 : 2;
+}
+
+function LinkChip({hint: hint, children: children, as: as = "a", fill: fill = !1, ...anchorProps}) {
     /* @__PURE__ */
     return jsxRuntime.jsx(HoverHint, {
+        fill: fill,
         text: hint,
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
             __unstable_focusRing: !0,
             as: as,
             "data-as": "a",
-            padding: 2,
+            padding: chipPadding(fill),
             radius: 3,
             style: {
                 alignItems: "center",
                 color: "inherit",
                 display: "flex",
                 minWidth: 0,
-                textDecoration: "none"
+                textDecoration: "none",
+                ...fill ? {
+                    width: "100%"
+                } : {}
             },
             tone: "inherit",
             ...anchorProps,
@@ -2437,7 +2783,7 @@ function DocRefFace({gdr: gdr}) {
     });
 }
 
-function ForeignRefNotice({bareId: bareId, resource: resource}) {
+function foreignNotice(bareId, resource) {
     const location = resource.type === "dataset" ? `another dataset (${resource.id})` : `${resource.type} (${resource.id})`;
     /* @__PURE__ */
     return jsxRuntime.jsxs(ui.Text, {
@@ -2447,44 +2793,22 @@ function ForeignRefNotice({bareId: bareId, resource: resource}) {
     });
 }
 
-function MissingDocNotice({bareId: bareId, layout: layout}) {
-    return layout === "inline" ? 
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
-        padding: 2,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
-            align: "center",
-            gap: 2,
-            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: "Document unavailable"
-            }) ]
-        })
-    }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
-        border: !0,
-        padding: 2,
-        radius: 3,
-        tone: "caution",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
-            align: "center",
-            gap: 2,
-            children: [ 
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
-                size: 1,
-                children: /* @__PURE__ */ jsxRuntime.jsx(WarningOutline.WarningOutlineIcon, {})
-            }), 
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, {
-                muted: !0,
-                size: 1,
-                children: [ "Document unavailable — ", bareId ]
-            }) ]
-        })
+function missingNotice(bareId, layout) {
+    /* @__PURE__ */
+    return jsxRuntime.jsxs(ui.Flex, {
+        align: "center",
+        gap: 2,
+        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: isCompact(layout) ? "Document unavailable" : `Document unavailable — ${bareId}`
+        }) ]
     });
 }
 
@@ -2501,6 +2825,18 @@ function renderTypeIcon(icon) {
     return typeof icon == "function" ? react.createElement(icon) : react.isValidElement(icon) ? icon : /* @__PURE__ */ jsxRuntime.jsx(Document.DocumentIcon, {});
 }
 
+function TitleSkeleton() {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.TextSkeleton, {
+        animated: !0,
+        radius: 1,
+        size: 1,
+        style: {
+            width: 96
+        }
+    });
+}
+
 function InlineChipFace({bareId: bareId, schemaType: schemaType}) {
     const {preview: preview} = useStubValuePreview(bareId, schemaType);
     /* @__PURE__ */
@@ -2511,14 +2847,7 @@ function InlineChipFace({bareId: bareId, schemaType: schemaType}) {
         /* @__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, {
+        }), preview.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(TitleSkeleton, {}) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
             size: 1,
             textOverflow: "ellipsis",
             weight: "medium",
@@ -2529,69 +2858,114 @@ function InlineChipFace({bareId: bareId, schemaType: schemaType}) {
     });
 }
 
-function LinkedDocPreview({bareId: bareId, layout: layout, schemaType: schemaType}) {
-    const EditIntentLink = react.useMemo(() => function(linkProps) {
-        /* @__PURE__ */
-        return jsxRuntime.jsx(router.IntentLink, {
-            ...linkProps,
-            intent: "edit",
-            params: {
+const NOTICE_PADDING = 2;
+
+function CompactDocRef({face: face, fill: fill, link: link, onClick: onClick}) {
+    return link === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
+        padding: chipPadding(fill),
+        style: fill ? {
+            width: "100%"
+        } : {},
+        children: face.content
+    }) : /* @__PURE__ */ jsxRuntime.jsx(LinkChip, {
+        as: link,
+        fill: fill,
+        hint: "Open document",
+        onClick: onClick,
+        children: face.content
+    });
+}
+
+const PENDING_FACE_MAX_WAIT_MS = 4e3;
+
+function PendingDocFace({bareId: bareId, layout: layout}) {
+    const expired = useDelayedFlag(!0, PENDING_FACE_MAX_WAIT_MS), compact = isCompact(layout);
+    if (expired) {
+        const id = /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+            muted: !0,
+            size: 1,
+            children: bareId
+        });
+        return compact ? id : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
+            padding: NOTICE_PADDING,
+            children: id
+        });
+    }
+    return compact ? 
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, {
+        align: "center",
+        gap: 2,
+        children: [ 
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+            muted: !0,
+            size: 1,
+            children: /* @__PURE__ */ jsxRuntime.jsx(Document.DocumentIcon, {})
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx(TitleSkeleton, {}) ]
+    }) : /* @__PURE__ */ jsxRuntime.jsx(PreviewPlaceholder, {});
+}
+
+function DocRefShell({face: face, layout: layout, source: source}) {
+    const telemetry2 = workflowReact.useWorkflowTelemetry(), {bareId: bareId} = face, handleClick = e => {
+        e.stopPropagation(), telemetry2.log(WorkflowDocumentLinkClicked, {
+            source: source
+        });
+    }, EditIntentLink = react.useMemo(() => bareId === void 0 ? void 0 : 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(),
-        children: /* @__PURE__ */ jsxRuntime.jsx(InlineChipFace, {
-            bareId: bareId,
-            schemaType: schemaType
-        })
-    }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, {
+    if (isCompact(layout)) /* @__PURE__ */
+    return jsxRuntime.jsx(CompactDocRef, {
+        face: face,
+        fill: layout === "row",
+        link: EditIntentLink,
+        onClick: handleClick
+    });
+    const padding = face.selfInset === !0 ? 0 : NOTICE_PADDING;
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Card, {
         __unstable_focusRing: !0,
-        as: EditIntentLink,
-        border: !0,
-        "data-as": "a",
-        onClick: e => e.stopPropagation(),
-        padding: 1,
+        border: layout === "default",
+        padding: padding,
         radius: 3,
-        style: {
-            color: "inherit",
-            textDecoration: "none",
-            display: "block"
+        tone: face.tone ?? (layout === "bare" ? "inherit" : "default"),
+        ...EditIntentLink === void 0 ? {} : {
+            as: EditIntentLink,
+            "data-as": "a",
+            onClick: handleClick,
+            style: {
+                color: "inherit",
+                textDecoration: "none",
+                display: "block"
+            }
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(StubPreview, {
-            id: bareId,
-            schemaType: schemaType
-        })
+        children: face.content
     });
 }
 
-function DocPreviewLink({gdr: gdr, layout: layout = "default"}) {
-    const state = useDocLink(gdr);
+function faceContent(args) {
+    const {gdr: gdr, layout: layout, state: state} = args, compact = isCompact(layout);
     switch (state.kind) {
       case "linked":
-        /* @__PURE__ */
-        return jsxRuntime.jsx(LinkedDocPreview, {
+        return compact ? /* @__PURE__ */ jsxRuntime.jsx(InlineChipFace, {
             bareId: state.bareId,
-            layout: layout,
+            schemaType: state.schemaType
+        }) : /* @__PURE__ */ jsxRuntime.jsx(StubPreview, {
+            id: state.bareId,
             schemaType: state.schemaType
         });
 
       case "foreign":
-        /* @__PURE__ */
-        return jsxRuntime.jsx(ForeignRefNotice, {
-            bareId: state.bareId,
-            resource: state.resource
-        });
+        return foreignNotice(state.bareId, state.resource);
 
       case "missing":
-        /* @__PURE__ */
-        return jsxRuntime.jsx(MissingDocNotice, {
-            bareId: state.bareId,
-            layout: layout
-        });
+        return missingNotice(state.bareId, layout);
 
       case "unopenable":
         /* @__PURE__ */
@@ -2602,10 +2976,9 @@ function DocPreviewLink({gdr: gdr, layout: layout = "default"}) {
 
       case "pending":
         /* @__PURE__ */
-        return jsxRuntime.jsx(ui.Text, {
-            muted: !0,
-            size: 1,
-            children: state.bareId
+        return jsxRuntime.jsx(PendingDocFace, {
+            bareId: state.bareId,
+            layout: layout
         });
 
       case "unresolvable":
@@ -2618,6 +2991,27 @@ function DocPreviewLink({gdr: gdr, layout: layout = "default"}) {
     }
 }
 
+function docFace(args) {
+    return {
+        ...docFaceChrome(args),
+        content: faceContent(args)
+    };
+}
+
+function DocPreviewLink({gdr: gdr, layout: layout = "default", source: source}) {
+    const state = useDocLink(gdr);
+    /* @__PURE__ */
+    return jsxRuntime.jsx(DocRefShell, {
+        face: docFace({
+            gdr: gdr,
+            layout: layout,
+            state: state
+        }),
+        layout: layout,
+        source: source
+    });
+}
+
 function ReleaseLink({releaseName: releaseName, label: label}) {
     const {basePath: basePath} = sanity.useWorkspace(), href = `${basePath === "/" ? "" : basePath}/releases/${releaseName}`;
     /* @__PURE__ */
@@ -2676,7 +3070,8 @@ function renderTextValue(field) {
 
 function renderSingleDocRef(field) {
     return field.value ? /* @__PURE__ */ jsxRuntime.jsx(DocPreviewLink, {
-        gdr: field.value
+        gdr: field.value,
+        source: "field-value"
     }) : /* @__PURE__ */ jsxRuntime.jsx(Empty, {});
 }
 
@@ -2698,12 +3093,15 @@ const fieldValueRenderer = {
         children: formatBoolean(field.value)
     }),
     date: renderTextValue,
+    dueDate: renderTextValue,
     datetime: renderTextValue,
+    dueDatetime: renderTextValue,
     "doc.ref": renderSingleDocRef,
     "doc.refs": field => field.value.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, {
         gap: 2,
         children: field.value.map(ref => /* @__PURE__ */ jsxRuntime.jsx(DocPreviewLink, {
-            gdr: ref
+            gdr: ref,
+            source: "field-value"
         }, ref.id))
     }) : /* @__PURE__ */ jsxRuntime.jsx(Empty, {}),
     number: renderTextValue,
@@ -2925,6 +3323,27 @@ function ReadOnlyField({entry: entry}) {
     });
 }
 
+function useEditField(surface) {
+    const {editFieldFor: editFieldFor} = useWorkflowContext(), telemetry2 = workflowReact.useWorkflowTelemetry();
+    return react.useCallback(async ({instanceId: instanceId, field: field, ...change}) => {
+        const log = success => telemetry2.log(WorkflowFieldControlUsed, {
+            instanceId: instanceId,
+            surface: surface,
+            fieldKind: field.type,
+            success: success
+        });
+        try {
+            await editFieldFor(instanceId, {
+                ...change,
+                target: workflowReact.editFieldTarget(field)
+            });
+        } catch (err) {
+            throw log(!1), err;
+        }
+        log(!0);
+    }, [ editFieldFor, surface, telemetry2 ]);
+}
+
 function sameValue(a, b) {
     return (a ?? void 0) === (b ?? void 0);
 }
@@ -2961,11 +3380,12 @@ function useFieldDraft(args) {
     };
 }
 
-function EditableFieldControl({instanceId: instanceId, field: field}) {
-    const {editFieldFor: editFieldFor, previewFieldFor: previewFieldFor, discardFieldPreviewFor: discardFieldPreviewFor} = useWorkflowContext(), selfActor = useSelfActor(), held = useHeldWorkflowEntry(instanceId), entry = held ? workflowEngine.resolveFieldEntry(held.instance, field) : void 0, evaluation = held?.evaluation, target = workflowReact.editFieldTarget(field), consequence = fieldConsequence(evaluation, field.name), advanceTo = advanceTargetTitle(evaluation, field.name);
+function EditableFieldControl({instanceId: instanceId, field: field, surface: surface}) {
+    const {previewFieldFor: previewFieldFor, discardFieldPreviewFor: discardFieldPreviewFor} = useWorkflowContext(), editField = useEditField(surface), selfActor = useSelfActor(), held = useHeldWorkflowEntry(instanceId), entry = held ? workflowEngine.resolveFieldEntry(held.instance, field) : void 0, evaluation = held?.evaluation, target = workflowReact.editFieldTarget(field), consequence = fieldConsequence(evaluation, field.name), advanceTo = advanceTargetTitle(evaluation, field.name);
     /* @__PURE__ */
     return jsxRuntime.jsx(EditableField, {
         field: field,
+        instanceId: instanceId,
         ...entry === void 0 ? {} : {
             entry: entry
         },
@@ -2978,30 +3398,33 @@ function EditableFieldControl({instanceId: instanceId, field: field}) {
         ...advanceTo === void 0 ? {} : {
             advanceTo: advanceTo
         },
-        onSave: value => editFieldFor(instanceId, {
-            target: target,
+        onSave: value => editField({
+            instanceId: instanceId,
+            field: field,
             mode: "set",
             value: value
-        }).then(() => {}),
+        }),
         onPreview: value => previewFieldFor(instanceId, {
             target: target,
             mode: "set",
             value: value
         }),
         onDiscardPreview: () => discardFieldPreviewFor(instanceId, target),
-        onUnset: () => editFieldFor(instanceId, {
-            target: target,
+        onUnset: () => editField({
+            instanceId: instanceId,
+            field: field,
             mode: "unset"
-        }).then(() => {}),
-        onAppend: body => editFieldFor(instanceId, {
-            target: target,
+        }),
+        onAppend: body => editField({
+            instanceId: instanceId,
+            field: field,
             mode: "append",
             value: noteRow({
                 body: body,
                 actor: selfActor,
                 at: /* @__PURE__ */ (new Date).toISOString()
             })
-        }).then(() => {})
+        })
     });
 }
 
@@ -3029,28 +3452,34 @@ function EditableValueButton({children: children, hint: hint, hintDisabled: hint
     });
 }
 
-function useSaveFailureToast() {
-    const toast = useClosableToast();
-    return err => {
-        console.error("[workflow-studio-plugin] field save failed:", err), toast.push({
-            status: "error",
-            title: "Saving failed",
-            description: describeError(err)
-        });
-    };
+function useFieldSaveReport(instanceId) {
+    const report = useRejectionReport();
+    return react.useMemo(() => {
+        const id = instanceToastId("field-save", instanceId);
+        return {
+            rejected: err => report.rejected({
+                err: err,
+                context: "field save",
+                id: id,
+                refused: "This field can’t be edited right now",
+                failed: "Failed to save the field"
+            }),
+            dismiss: () => report.dismiss(id)
+        };
+    }, [ report, instanceId ]);
 }
 
-function useSaveField(args = {}) {
-    const reportFailure = useSaveFailureToast(), [saving, setSaving] = react.useState(!1);
+function useSaveField(args) {
+    const report = useFieldSaveReport(args.instanceId), [saving, setSaving] = react.useState(!1);
     return {
         saving: saving,
         save: async commit => {
             if (!saving) {
                 setSaving(!0);
                 try {
-                    await commit(), args.onSaved?.();
+                    await commit(), report.dismiss(), args.onSaved?.();
                 } catch (err) {
-                    reportFailure(err);
+                    report.rejected(err);
                 } finally {
                     setSaving(!1);
                 }
@@ -3060,7 +3489,9 @@ function useSaveField(args = {}) {
 }
 
 function useActorPick(args) {
-    const {current: current, onSave: onSave, onUnset: onUnset} = args, {saving: saving, save: save} = useSaveField();
+    const {current: current, onSave: onSave, onUnset: onUnset} = args, {saving: saving, save: save} = useSaveField({
+        instanceId: args.instanceId
+    });
     return {
         saving: saving,
         pick: member => {
@@ -3069,9 +3500,10 @@ function useActorPick(args) {
     };
 }
 
-function ActorField({field: field, onSave: onSave, onUnset: onUnset}) {
+function ActorField({field: field, instanceId: instanceId, onSave: onSave, onUnset: onUnset}) {
     const [open, setOpen] = react.useState(!1), cur = isActorShape(field.value) ? field.value : null, {pick: pick} = useActorPick({
         current: cur,
+        instanceId: instanceId,
         onSave: onSave,
         onUnset: onUnset
     }), pickAndClose = member => {
@@ -3106,7 +3538,9 @@ function ActorField({field: field, onSave: onSave, onUnset: onUnset}) {
 }
 
 function useAssigneePick(args) {
-    const {current: current, onSave: onSave, onUnset: onUnset} = args, {saving: saving, save: save} = useSaveField();
+    const {current: current, onSave: onSave, onUnset: onUnset} = args, {saving: saving, save: save} = useSaveField({
+        instanceId: args.instanceId
+    });
     return {
         saving: saving,
         pick: assignee => {
@@ -3121,9 +3555,10 @@ function useAssigneePick(args) {
     };
 }
 
-function AssigneeField({field: field, onSave: onSave, onUnset: onUnset}) {
+function AssigneeField({field: field, instanceId: instanceId, onSave: onSave, onUnset: onUnset}) {
     const [open, setOpen] = react.useState(!1), cur = isAssigneeShape(field.value) ? field.value : null, {pick: pick} = useAssigneePick({
         current: cur,
+        instanceId: instanceId,
         onSave: onSave,
         onUnset: onUnset
     }), pickAndClose = assignee => {
@@ -3163,8 +3598,10 @@ function arrayRowsOf(value) {
     return Array.isArray(value) ? value.filter(row => typeof row == "object" && row !== null) : [];
 }
 
-function NotesField({field: field, onAppend: onAppend}) {
-    const [body, setBody] = react.useState(""), {saving: saving, save: save} = useSaveField(), rows = arrayRowsOf(field.value), trimmed = body.trim(), add = () => {
+function NotesField({field: field, instanceId: instanceId, onAppend: onAppend}) {
+    const [body, setBody] = react.useState(""), {saving: saving, save: save} = useSaveField({
+        instanceId: instanceId
+    }), rows = arrayRowsOf(field.value), trimmed = body.trim(), add = () => {
         saving || trimmed === "" || (setBody(""), save(async () => {
             try {
                 await onAppend(trimmed);
@@ -3205,11 +3642,13 @@ function NotesField({field: field, onAppend: onAppend}) {
     });
 }
 
-function DateField({field: field, onSave: onSave, onUnset: onUnset}) {
-    const {save: save} = useSaveField();
+function DateField({field: field, kind: kind, instanceId: instanceId, onSave: onSave, onUnset: onUnset}) {
+    const {save: save} = useSaveField({
+        instanceId: instanceId
+    });
     /* @__PURE__ */
     return jsxRuntime.jsx(DateFieldInput, {
-        kind: field.type === "datetime" ? "datetime" : "date",
+        kind: kind,
         onChange: next => {
             save(() => next === null && onUnset !== void 0 ? onUnset() : onSave(next));
         },
@@ -3217,8 +3656,10 @@ function DateField({field: field, onSave: onSave, onUnset: onUnset}) {
     });
 }
 
-function DocRefField({field: field, entry: entry, onSave: onSave, onUnset: onUnset}) {
-    const {save: save} = useSaveField(), value = workflowEngine.isGdr(field.value) ? field.value : null, types2 = entry !== void 0 && workflowEngine.isSingleDocRefEntry(entry) ? entry.types : void 0;
+function DocRefField({field: field, entry: entry, instanceId: instanceId, onSave: onSave, onUnset: onUnset}) {
+    const {save: save} = useSaveField({
+        instanceId: instanceId
+    }), value = workflowEngine.isGdr(field.value) ? field.value : null, types2 = entry !== void 0 && workflowEngine.isSingleDocRefEntry(entry) ? entry.types : void 0;
     return field.editable ? /* @__PURE__ */ jsxRuntime.jsx(DocPicker, {
         onChange: ref => {
             save(() => ref === null && onUnset !== void 0 ? onUnset() : onSave(ref));
@@ -3233,8 +3674,10 @@ function DocRefField({field: field, entry: entry, onSave: onSave, onUnset: onUns
     });
 }
 
-function BooleanSwitchField({field: field, onSave: onSave}) {
-    const {save: save} = useSaveField(), committed = field.value === !0;
+function BooleanSwitchField({field: field, instanceId: instanceId, onSave: onSave}) {
+    const {save: save} = useSaveField({
+        instanceId: instanceId
+    }), committed = field.value === !0;
     /* @__PURE__ */
     return jsxRuntime.jsx(ui.Flex, {
         align: "center",
@@ -3247,8 +3690,10 @@ function BooleanSwitchField({field: field, onSave: onSave}) {
     });
 }
 
-function ChoiceField({field: field, options: options, onSave: onSave, onUnset: onUnset}) {
-    const {save: save} = useSaveField();
+function ChoiceField({field: field, instanceId: instanceId, options: options, onSave: onSave, onUnset: onUnset}) {
+    const {save: save} = useSaveField({
+        instanceId: instanceId
+    });
     /* @__PURE__ */
     return jsxRuntime.jsx(ChoiceSelect, {
         onChange: value => {
@@ -3322,8 +3767,8 @@ function FieldEditRow({field: field, onSave: onSave, onCancel: onCancel, saving:
     });
 }
 
-function GenericField({field: field, onSave: onSave, onPreview: onPreview, onDiscardPreview: onDiscardPreview}) {
-    const reportFailure = useSaveFailureToast(), canSave = value => scalarValidationIssue({
+function GenericField({field: field, onSave: onSave, instanceId: instanceId, onPreview: onPreview, onDiscardPreview: onDiscardPreview}) {
+    const report = useFieldSaveReport(instanceId), canSave = value => scalarValidationIssue({
         kind: field.type,
         label: field.title ?? field.name,
         validation: field.validation,
@@ -3334,7 +3779,7 @@ function GenericField({field: field, onSave: onSave, onPreview: onPreview, onDis
         onPreview: onPreview,
         onDiscardPreview: onDiscardPreview,
         canSave: canSave,
-        onSaveFailure: reportFailure
+        onSaveFailure: report.rejected
     }), validationIssue = scalarValidationIssue({
         kind: field.type,
         label: field.title ?? field.name,
@@ -3380,9 +3825,10 @@ function AdvanceHint({stageTitle: stageTitle2}) {
     });
 }
 
-function arrayArm({field: field, entry: entry, onAppend: onAppend}) {
+function arrayArm({field: field, entry: entry, instanceId: instanceId, onAppend: onAppend}) {
     return field.editable && onAppend !== void 0 && entry !== void 0 && workflowEngine.isNotesEntry(entry) ? /* @__PURE__ */ jsxRuntime.jsx(NotesField, {
         field: field,
+        instanceId: instanceId,
         onAppend: onAppend
     }) : /* @__PURE__ */ jsxRuntime.jsx(ArrayValueRows, {
         rows: arrayRowsOf(field.value)
@@ -3390,7 +3836,7 @@ function arrayArm({field: field, entry: entry, onAppend: onAppend}) {
 }
 
 function fieldArm({arm: arm, entry: entry, onUnset: onUnset, onAppend: onAppend, onPreview: onPreview, onDiscardPreview: onDiscardPreview}) {
-    const {field: field} = arm;
+    const {field: field, instanceId: instanceId} = arm;
     return field.type === "actor" ? /* @__PURE__ */ jsxRuntime.jsx(ActorField, {
         ...arm,
         onUnset: onUnset
@@ -3403,11 +3849,13 @@ function fieldArm({arm: arm, entry: entry, onUnset: onUnset, onAppend: onAppend,
     }) : field.type === "array" ? arrayArm({
         field: field,
         entry: entry,
+        instanceId: instanceId,
         onAppend: onAppend
     }) : field.type === "boolean" && field.editable ? /* @__PURE__ */ jsxRuntime.jsx(BooleanSwitchField, {
         ...arm
-    }) : (field.type === "date" || field.type === "datetime") && field.editable ? /* @__PURE__ */ jsxRuntime.jsx(DateField, {
+    }) : isDateFieldKind(field.type) && field.editable ? /* @__PURE__ */ jsxRuntime.jsx(DateField, {
         ...arm,
+        kind: field.type,
         onUnset: onUnset
     }) : workflowEngine.isSingleDocRefKind(field.type) ? /* @__PURE__ */ jsxRuntime.jsx(DocRefField, {
         ...arm,
@@ -3420,9 +3868,10 @@ function fieldArm({arm: arm, entry: entry, onUnset: onUnset, onAppend: onAppend,
     });
 }
 
-function EditableField({field: field, entry: entry, description: description, onSave: onSave, onUnset: onUnset, onAppend: onAppend, onPreview: onPreview, onDiscardPreview: onDiscardPreview, consequence: consequence, advanceTo: advanceTo}) {
+function EditableField({field: field, entry: entry, description: description, instanceId: instanceId, onSave: onSave, onUnset: onUnset, onAppend: onAppend, onPreview: onPreview, onDiscardPreview: onDiscardPreview, consequence: consequence, advanceTo: advanceTo}) {
     const label = field.title ?? field.name, arm = {
         field: field,
+        instanceId: instanceId,
         onSave: onSave
     }, content2 = entry?.options === void 0 ? fieldArm({
         arm: arm,
@@ -3454,11 +3903,15 @@ function EditableField({field: field, entry: entry, description: description, on
     });
 }
 
-function MetaRow({label: label, children: children}) {
+function MetaRow({children: children, fillHeight: fillHeight, label: label}) {
     /* @__PURE__ */
     return jsxRuntime.jsxs(ui.Flex, {
-        align: "flex-start",
         gap: 4,
+        ...fillHeight ? {
+            flex: 1
+        } : {
+            align: "flex-start"
+        },
         children: [ 
         /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
             style: {
@@ -3531,27 +3984,6 @@ 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}`);
@@ -3598,6 +4030,46 @@ function useBadgeCapTrim() {
     };
 }
 
+function SpinnerSlot({busy: busy}) {
+    const size = useTextIconSize(), trim = useCapTrimFor(size);
+    /* @__PURE__ */
+    return jsxRuntime.jsx(ui.Flex, {
+        align: "center",
+        flex: "none",
+        justify: "center",
+        style: {
+            height: size,
+            marginBottom: trim,
+            marginTop: trim,
+            width: size
+        },
+        children: busy ? /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {
+            muted: !0,
+            size: 1
+        }) : null
+    });
+}
+
+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(SpinnerSlot, {
+            busy: !0
+        }), 
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+            muted: !0,
+            size: 1,
+            children: label
+        }) ]
+    });
+}
+
 function AvatarDisplay({avatar: avatar, "aria-label": ariaLabel}) {
     const trim = useAvatarCapTrim();
     /* @__PURE__ */
@@ -3678,8 +4150,8 @@ function UserAvatarGroup({ids: ids, hint: hint}) {
     });
 }
 
-function AssignActivityControl({instanceId: instanceId, state: state, assigneeIds: assigneeIds = []}) {
-    const {editFieldFor: editFieldFor} = useWorkflowContext(), toast = useClosableToast(), [open, setOpen] = react.useState(!1), [busy, setBusy] = react.useState(!1);
+function AssignActivityControl({instanceId: instanceId, state: state, surface: surface, assigneeIds: assigneeIds = []}) {
+    const editField = useEditField(surface), report = useRejectionReport(), [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, {
@@ -3700,23 +4172,27 @@ function AssignActivityControl({instanceId: instanceId, state: state, assigneeId
         if (!(busy || field === void 0)) {
             setBusy(!0);
             try {
-                selectedIds.has(memberId) ? await editFieldFor(instanceId, {
-                    target: workflowReact.editFieldTarget(field),
+                selectedIds.has(memberId) ? await editField({
+                    instanceId: instanceId,
+                    field: field,
                     mode: "set",
                     value: members.filter(m => !(m.type === "user" && m.id === memberId))
-                }) : await editFieldFor(instanceId, {
-                    target: workflowReact.editFieldTarget(field),
+                }) : await editField({
+                    instanceId: instanceId,
+                    field: field,
                     mode: "append",
                     value: {
                         type: "user",
                         id: memberId
                     }
-                });
+                }), report.dismiss(instanceToastId("assign", instanceId));
             } catch (err) {
-                toast.push({
-                    status: "error",
-                    title: "Assigning failed",
-                    description: describeError(err)
+                report.rejected({
+                    err: err,
+                    context: "assignment",
+                    id: instanceToastId("assign", instanceId),
+                    refused: "Assignees can’t be changed right now",
+                    failed: "Failed to update assignees"
                 });
             } finally {
                 setBusy(!1);
@@ -3783,6 +4259,11 @@ function appendTargetFor(targets, filter) {
     if (filter?.kind !== "mine") return filter?.kind === "activity" ? targets.find(t => t.activity === filter.activity) : filter?.kind === "field" ? targets.find(t => t.scope === filter.scope && t.field === filter.field && (filter.scope !== "activity" || t.activity === filter.activity)) : targets[0];
 }
 
+function canRemoveRow(args) {
+    const {editTarget: editTarget, appendTarget: appendTarget} = args;
+    return editTarget === void 0 || appendTarget === void 0 ? !1 : editTarget.scope === appendTarget.scope && editTarget.field === appendTarget.field && editTarget.activity === appendTarget.activity;
+}
+
 function looksLikeDefinition(value) {
     return typeof value == "object" && value !== null && Array.isArray(value.stages);
 }
@@ -4024,6 +4505,21 @@ function AddItemControl({onAdd: onAdd, button: button, busy: busy}) {
     });
 }
 
+function RemoveItemButton({onClick: onClick}) {
+    /* @__PURE__ */
+    return jsxRuntime.jsx(HoverHint, {
+        text: "Remove item",
+        children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
+            "aria-label": "Remove item",
+            fontSize: 1,
+            icon: Close.CloseIcon,
+            mode: "bleed",
+            onClick: onClick,
+            padding: 2
+        })
+    });
+}
+
 function BreadcrumbTail({segments: segments, style: style}) {
     /* @__PURE__ */
     return jsxRuntime.jsx(ui.Text, {
@@ -4090,7 +4586,7 @@ function WorkRow({lead: lead, children: children, end: end, onOpen: onOpen}) {
     });
 }
 
-function TodoItemRowView({breadcrumb: breadcrumb, row: row, onToggle: onToggle, onPatch: onPatch}) {
+function TodoItemRowView({breadcrumb: breadcrumb, row: row, onToggle: onToggle, onPatch: onPatch, onRemove: onRemove}) {
     const {canClick: canClick, hint: hint} = rowInteractivity(row), editable = row.editTarget !== void 0, checkbox = /* @__PURE__ */ jsxRuntime.jsx(TodoCheckbox, {
         canClick: canClick,
         checked: isTodoDone(row.item),
@@ -4109,6 +4605,8 @@ function TodoItemRowView({breadcrumb: breadcrumb, row: row, onToggle: onToggle,
                 editable: editable,
                 item: row.item,
                 onPatch: onPatch
+            }), onRemove === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(RemoveItemButton, {
+                onClick: onRemove
             }) ]
         }),
         lead: 
@@ -4135,37 +4633,41 @@ function TodoItemRowView({breadcrumb: breadcrumb, row: row, onToggle: onToggle,
 }
 
 function TodoItemsList({breadcrumb: breadcrumb, entry: entry, filter: filter, surface: surface}) {
-    const {instance: instance} = entry, definition = useDefinition(entry), {editFieldFor: editFieldFor, fireActionFor: fireActionFor} = useWorkflowContext(), telemetry2 = workflowReact.useWorkflowTelemetry(), toast = useClosableToast(), [busy, setBusy] = react.useState(!1), derivation = deriveTodoItems(entry), rows = derivation.rows.filter(row => rowMatches(row, filter)), appendTarget = appendTargetFor(derivation.appendTargets, filter), run = async op => {
+    const {instance: instance} = entry, definition = useDefinition(entry), {editFieldFor: editFieldFor, fireActionFor: fireActionFor} = useWorkflowContext(), telemetry2 = workflowReact.useWorkflowTelemetry(), report = useRejectionReport(), [busy, setBusy] = react.useState(!1), derivation = deriveTodoItems(entry), rows = derivation.rows.filter(row => rowMatches(row, filter)), appendTarget = appendTargetFor(derivation.appendTargets, filter), run = async op => {
         if (busy) return !1;
         setBusy(!0);
         try {
-            return await op(), !0;
+            return await op(), report.dismiss(instanceToastId("todo-write", instance._id)), 
+            !0;
         } catch (err) {
-            return toast.push({
-                status: "error",
-                title: "Updating to-dos failed",
-                description: describeError(err)
+            return report.rejected({
+                err: err,
+                context: "to-do write",
+                id: instanceToastId("todo-write", instance._id),
+                refused: "To-dos can’t be changed right now",
+                failed: "Failed to update to-dos"
             }), !1;
         } finally {
             setBusy(!1);
         }
-    }, patchItem = (row, patch) => {
-        if (!row.editTarget) return Promise.resolve();
-        const target = row.editTarget, next = row.items.map(it => it._key === row.item._key ? {
-            ...it,
-            ...patch
-        } : it);
+    }, writeItems = (row, nextItems) => {
+        if (!row.editTarget) return Promise.resolve(!1);
+        const target = row.editTarget;
         return run(() => editFieldFor(instance._id, {
             target: target,
             mode: "set",
-            value: next
+            value: nextItems()
         }));
-    }, toggleRow = async row => {
+    }, patchItem = (row, patch) => writeItems(row, () => todoItemsPatched({
+        items: row.items,
+        key: row.item._key,
+        patch: patch
+    })), toggleRow = async row => {
         if (busy) return;
         if (row.editTarget) {
             const done = !isTodoDone(row.item), success = await patchItem(row, {
                 status: toggledTodoStatus(row.item)
-            }) === !0;
+            });
             telemetry2.log(WorkflowTodoToggled, {
                 instanceId: instance._id,
                 surface: surface,
@@ -4189,14 +4691,44 @@ function TodoItemsList({breadcrumb: breadcrumb, entry: entry, filter: filter, su
                 success: success
             });
         }
-    }, addItem = label => appendTarget ? run(() => editFieldFor(instance._id, {
-        target: appendTarget,
-        mode: "append",
-        value: {
-            label: label,
-            status: "open"
-        }
-    })) : Promise.resolve(!1);
+    }, addItem = async label => {
+        if (busy || !appendTarget) return !1;
+        const success = await run(() => editFieldFor(instance._id, {
+            target: appendTarget,
+            mode: "append",
+            value: {
+                label: label,
+                status: "open"
+            }
+        }));
+        return telemetry2.log(WorkflowTodoEdited, {
+            instanceId: instance._id,
+            surface: surface,
+            kind: "add",
+            success: success
+        }), success;
+    }, editRow = async (row, patch) => {
+        if (busy || row.editTarget === void 0) return;
+        const success = await patchItem(row, patch);
+        telemetry2.log(WorkflowTodoEdited, {
+            instanceId: instance._id,
+            surface: surface,
+            kind: todoEditKind(patch),
+            success: success
+        });
+    }, removeRow = async row => {
+        if (busy || row.editTarget === void 0) return;
+        const success = await writeItems(row, () => todoItemsWithout({
+            items: row.items,
+            key: row.item._key
+        }));
+        telemetry2.log(WorkflowTodoEdited, {
+            instanceId: instance._id,
+            surface: surface,
+            kind: "remove",
+            success: success
+        });
+    };
     if (rows.length === 0 && !appendTarget) return null;
     const rowKey = row => `${row.scope}:${row.activityName ?? ""}:${row.fieldName}:${row.item._key}`, rowBreadcrumb = row => {
         if (breadcrumb === void 0 || row.activityName === void 0) return breadcrumb;
@@ -4216,8 +4748,16 @@ function TodoItemsList({breadcrumb: breadcrumb, entry: entry, filter: filter, su
             children: rows.map(row => /* @__PURE__ */ jsxRuntime.jsx(TodoItemRowView, {
                 breadcrumb: rowBreadcrumb(row),
                 onPatch: patch => {
-                    patchItem(row, patch);
+                    editRow(row, patch);
                 },
+                ...canRemoveRow({
+                    editTarget: row.editTarget,
+                    appendTarget: appendTarget
+                }) ? {
+                    onRemove: () => {
+                        removeRow(row);
+                    }
+                } : {},
                 onToggle: () => {
                     toggleRow(row);
                 },
@@ -4305,7 +4845,7 @@ const ACTIONS_MENU_TRIGGER = {
     padding: 2
 };
 
-function ActionMenuItem({actionEval: actionEval, instanceId: instanceId, activity: activity, surface: surface, onCollectParams: onCollectParams}) {
+function ActionMenuItem({actionEval: actionEval, instanceId: instanceId, activity: activity, surface: surface, placement: placement, onCollectParams: onCollectParams}) {
     const rowKind = actionRowKind(actionEval), label = actionTriggerLabel(actionEval), {tone: tone, icon: icon} = actionButtonFace({
         actionEval: actionEval,
         activityName: activity
@@ -4317,6 +4857,7 @@ function ActionMenuItem({actionEval: actionEval, instanceId: instanceId, activit
         action: actionEval.action.name,
         label: label,
         surface: surface,
+        placement: placement,
         viaMenu: !0
     });
     return rowKind.kind === "disabled" ? /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, {
@@ -4353,7 +4894,7 @@ function rowShield(menuButton) {
     });
 }
 
-function ActionsMenuButton({actions: actions, instanceId: instanceId, activity: activity, label: label, surface: surface, mode: mode = "ghost", inButtonCard: inButtonCard = !1}) {
+function ActionsMenuButton({actions: actions, instanceId: instanceId, activity: activity, label: label, surface: surface, placement: placement, 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,
@@ -4373,6 +4914,7 @@ function ActionsMenuButton({actions: actions, instanceId: instanceId, activity:
                 activity: activity,
                 instanceId: instanceId,
                 onCollectParams: () => setParamsAction(a),
+                placement: placement,
                 surface: surface
             }, a.action.name))
         }),
@@ -4390,6 +4932,7 @@ function ActionsMenuButton({actions: actions, instanceId: instanceId, activity:
                 activity: activity,
                 instanceId: instanceId,
                 onClose: () => setParamsAction(void 0),
+                placement: placement,
                 surface: surface,
                 viaMenu: !0
             })
@@ -4408,7 +4951,8 @@ function TerminalFooter({actions: actions, activity: activity, instanceId: insta
                 actionEval: only,
                 activity: activity,
                 instanceId: instanceId,
-                surface: "terminal-footer"
+                placement: "terminal-footer",
+                surface: "activity-dialog"
             })
         }) : /* @__PURE__ */ jsxRuntime.jsx(FittedActions, {
             actions: actions,
@@ -4463,14 +5007,16 @@ function FittedActions({actions: actions, activity: activity, instanceId: instan
                 actionEval: a,
                 activity: activity,
                 instanceId: instanceId,
-                surface: "terminal-footer"
+                placement: "terminal-footer",
+                surface: "activity-dialog"
             }, a.action.name)), overflow.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ActionsMenuButton, {
                 actions: overflow,
                 activity: activity,
                 instanceId: instanceId,
                 label: MORE_ACTIONS_LABEL,
                 mode: "default",
-                surface: "terminal-footer"
+                placement: "terminal-footer",
+                surface: "activity-dialog"
             }) : null ]
         }) ]
     });
@@ -4605,7 +5151,8 @@ function MetaBlock({detail: detail, definition: definition, document: document,
                 children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
                     children: /* @__PURE__ */ jsxRuntime.jsx(DocPreviewLink, {
                         gdr: document,
-                        layout: "inline"
+                        layout: "inline",
+                        source: "dialog-subject"
                     })
                 })
             }) : null, 
@@ -4629,7 +5176,8 @@ function TopActions({detail: detail, definition: definition, instanceId: instanc
             actionEval: a,
             activity: activityName,
             instanceId: instanceId,
-            surface: "dialog-strip"
+            placement: "dialog-strip",
+            surface: "activity-dialog"
         }, a.action.name)), p.manualTarget ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
             as: "a",
             fontSize: 1,
@@ -4687,7 +5235,8 @@ function FieldRow({field: field, detail: detail, entry: entry, activityName: act
                     state: {
                         kind: "editable",
                         field: assignField
-                    }
+                    },
+                    surface: "activity-dialog"
                 }) : null ]
             }) ]
         });
@@ -4695,7 +5244,8 @@ function FieldRow({field: field, detail: detail, entry: entry, activityName: act
     const editable = detail.editableByName.get(field.name);
     return editable ? /* @__PURE__ */ jsxRuntime.jsx(EditableFieldControl, {
         field: editable,
-        instanceId: instanceId
+        instanceId: instanceId,
+        surface: "activity-dialog"
     }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, {
         gap: 2,
         children: [ head, 
@@ -4788,26 +5338,6 @@ function CountedLabel({count: count, label: label}) {
     });
 }
 
-function SpinnerSlot({busy: busy}) {
-    const size = useTextIconSize(), trim = useCapTrimFor(size);
-    /* @__PURE__ */
-    return jsxRuntime.jsx(ui.Flex, {
-        align: "center",
-        flex: "none",
-        justify: "center",
-        style: {
-            height: size,
-            marginBottom: trim,
-            marginTop: trim,
-            width: size
-        },
-        children: busy ? /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {
-            muted: !0,
-            size: 1
-        }) : null
-    });
-}
-
 function GroupHeading({busy: busy, count: count, title: title, end: end}) {
     /* @__PURE__ */
     return jsxRuntime.jsxs(ui.Flex, {
@@ -4823,14 +5353,100 @@ function GroupHeading({busy: busy, count: count, title: title, end: end}) {
                 weight: "semibold",
                 children: title
             })
-        }), busy === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(SpinnerSlot, {
-            busy: busy
-        }), end === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [ 
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
-                flex: 1
-            }), end ]
-        }) ]
+        }), busy === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(SpinnerSlot, {
+            busy: busy
+        }), end === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [ 
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+                flex: 1
+            }), end ]
+        }) ]
+    });
+}
+
+function ActivityDateControl({instanceId: instanceId, state: state, surface: surface, dueDates: dueDates}) {
+    const editField = useEditField(surface), {save: save} = useSaveField({
+        instanceId: instanceId
+    }), [open, setOpen] = react.useState(!1), raw = dateControlValue({
+        state: state,
+        dueDates: dueDates
+    }), display = raw === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
+        muted: !0,
+        size: 1,
+        children: formatDate(raw)
+    });
+    if (state.kind === "none") return display;
+    if (state.kind === "closed") return display === null ? null : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+        text: state.reason,
+        children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
+            "aria-label": "Date",
+            as: "span",
+            fontSize: 1,
+            mode: "bleed",
+            onClick: stopRowClick,
+            onMouseDown: stopRowMouseDown,
+            padding: 2,
+            children: display
+        })
+    });
+    const kind = dateControlKind(state), commit = (mode, value) => {
+        state.kind === "editable" && save(() => editField({
+            instanceId: instanceId,
+            field: state.field,
+            ...mode === "set" ? {
+                mode: mode,
+                value: value
+            } : {
+                mode: mode
+            }
+        }));
+    }, handleClick = e => {
+        e.stopPropagation(), setOpen(v => !v);
+    };
+    /* @__PURE__ */
+    return jsxRuntime.jsx(DismissablePopover, {
+        content: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
+            onClick: stopRowClick,
+            children: state.kind === "loading" || kind === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(LoadingRow, {
+                label: "Loading…",
+                padding: 3
+            }) : /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.ClearableDatePicker, {
+                clearLabel: "Clear date",
+                onClear: () => {
+                    setOpen(!1), commit("unset");
+                },
+                onPick: next => {
+                    hasTimeOfDay(kind) || setOpen(!1), commit("set", serializeDateFieldValue(next, kind));
+                },
+                selectTime: hasTimeOfDay(kind),
+                value: parseDateFieldValue(state.field.value, kind)
+            })
+        }),
+        onDismiss: () => setOpen(!1),
+        open: open,
+        children: display ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
+            "aria-label": "Change date",
+            as: "span",
+            fontSize: 1,
+            mode: "bleed",
+            onClick: handleClick,
+            onMouseDown: stopRowMouseDown,
+            padding: 2,
+            children: display
+        }) : /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
+            disabled: open,
+            text: "Set date",
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
+                "aria-label": "Set date",
+                as: "span",
+                fontSize: 1,
+                icon: Calendar.CalendarIcon,
+                mode: "bleed",
+                onClick: handleClick,
+                onMouseDown: stopRowMouseDown,
+                padding: 2
+            })
+        })
     });
 }
 
@@ -4864,7 +5480,7 @@ function ActivityRowTitle({dimmed: dimmed, children: children}) {
     });
 }
 
-function RowTerminalActions({actions: actions, activity: activity, instanceId: instanceId}) {
+function RowTerminalActions({actions: actions, activity: activity, instanceId: instanceId, surface: surface}) {
     const lock = useActionClusterState(), [only, ...rest] = actions;
     return only ? /* @__PURE__ */ jsxRuntime.jsx(ActionClusterProvider, {
         value: lock,
@@ -4876,14 +5492,16 @@ function RowTerminalActions({actions: actions, activity: activity, instanceId: i
                 inButtonCard: !0
             },
             instanceId: instanceId,
-            surface: "inline-row"
+            placement: "inline-row",
+            surface: surface
         }) : /* @__PURE__ */ jsxRuntime.jsx(ActionsMenuButton, {
             actions: actions,
             activity: activity,
             inButtonCard: !0,
             instanceId: instanceId,
             label: "Select action",
-            surface: "inline-row"
+            placement: "inline-row",
+            surface: surface
         })
     }) : null;
 }
@@ -4904,7 +5522,7 @@ function TitleTag({hint: hint, tone: tone, children: children}) {
     });
 }
 
-function ActivityRow({face: face, breadcrumb: breadcrumb, assigneeIds: assigneeIds, assignState: assignState, dateControl: dateControl, instanceId: instanceId, onOpen: onOpen, terminalActions: terminalActions = []}) {
+function ActivityRow({face: face, breadcrumb: breadcrumb, assigneeIds: assigneeIds, assignState: assignState, dateState: dateState, dueDates: dueDates, instanceId: instanceId, onOpen: onOpen, surface: surface, terminalActions: terminalActions = []}) {
     const settled = workflowEngine.isTerminalActivityStatus(face.status), dimmed = settledDim(settled);
     /* @__PURE__ */
     return jsxRuntime.jsxs(WorkRow, {
@@ -4912,12 +5530,20 @@ function ActivityRow({face: face, breadcrumb: breadcrumb, assigneeIds: assigneeI
             children: [ settled || terminalActions.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(RowTerminalActions, {
                 actions: terminalActions,
                 activity: face.activityName,
-                instanceId: instanceId
-            }), dateControl, 
+                instanceId: instanceId,
+                surface: surface
+            }), 
+            /* @__PURE__ */ jsxRuntime.jsx(ActivityDateControl, {
+                dueDates: dueDates,
+                instanceId: instanceId,
+                state: dateState,
+                surface: surface
+            }), 
             /* @__PURE__ */ jsxRuntime.jsx(AssignActivityControl, {
                 assigneeIds: assigneeIds,
                 instanceId: instanceId,
-                state: assignState
+                state: assignState,
+                surface: surface
             }) ]
         }),
         lead: /* @__PURE__ */ jsxRuntime.jsx(ActivityStatusLead, {
@@ -4942,7 +5568,7 @@ function ActivityRow({face: face, breadcrumb: breadcrumb, assigneeIds: assigneeI
     });
 }
 
-function ActivitiesList({entry: entry, onOpenActivity: onOpenActivity}) {
+function ActivitiesList({entry: entry, onOpenActivity: onOpenActivity, surface: surface}) {
     const activities = (entry.evaluation?.currentStage.activities ?? []).filter(t => !t.scopedOut), activityState = stateByActivity(entry.instance);
     return activities.length === 0 ? 
     /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {
@@ -4962,7 +5588,8 @@ function ActivitiesList({entry: entry, onOpenActivity: onOpenActivity}) {
                 editableFields: entry.evaluation?.editableFields
             }),
             instanceId: entry.instance._id,
-            onOpen: () => onOpenActivity(t.activity.name)
+            onOpen: () => onOpenActivity(t.activity.name),
+            surface: surface
         }, t.activity.name))
     });
 }
@@ -5026,7 +5653,9 @@ const EDITOR_BY_KIND = {
     assignees: "assignees",
     boolean: "scalar",
     date: "scalar",
+    dueDate: "scalar",
     datetime: "scalar",
+    dueDatetime: "scalar",
     number: "scalar",
     progress: "scalar",
     string: "scalar",
@@ -5036,7 +5665,9 @@ const EDITOR_BY_KIND = {
     array: e => e.value.length > 0 ? pluralize__default.default("item", e.value.length, !0) : void 0,
     boolean: e => e.value === null ? void 0 : formatBoolean(e.value),
     date: e => e.value === null ? void 0 : formatDate(e.value),
+    dueDate: e => e.value === null ? void 0 : formatDate(e.value),
     datetime: e => e.value === null ? void 0 : formatDateTime(e.value),
+    dueDatetime: e => e.value === null ? void 0 : formatDateTime(e.value),
     "doc.refs": e => e.value.length > 0 ? pluralize__default.default("document", e.value.length, !0) : void 0,
     object: e => e.value === null ? void 0 : "Set",
     "release.ref": e => e.value === null ? void 0 : e.value.releaseName
@@ -5160,7 +5791,7 @@ function TodoFieldDialog({entry: entry, scope: scope, field: field, title: title
 
 const MAX_VISIBLE_PILLS = 4;
 
-function FieldPills({entry: entry, scope: scope, definition: definition}) {
+function FieldPills({entry: entry, scope: scope, definition: definition, surface: surface}) {
     const [expanded, setExpanded] = react.useState(!1), pills = deriveFieldPills({
         scope: scope,
         definition: definition,
@@ -5178,7 +5809,8 @@ function FieldPills({entry: entry, scope: scope, definition: definition}) {
         children: [ visible.map(pill => /* @__PURE__ */ jsxRuntime.jsx(FieldPill, {
             entry: entry,
             pill: pill,
-            scope: scope
+            scope: scope,
+            surface: surface
         }, pill.name)), overflow > 0 ? 
         /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
             mode: "bleed",
@@ -5212,7 +5844,9 @@ function isEmptyFace(face) {
 
 const KIND_ICON = {
     date: Calendar.CalendarIcon,
+    dueDate: Calendar.CalendarIcon,
     datetime: Calendar.CalendarIcon,
+    dueDatetime: Calendar.CalendarIcon,
     "doc.ref": Document.DocumentIcon,
     "doc.refs": Document.DocumentIcon,
     subject: Document.DocumentIcon
@@ -5364,18 +5998,20 @@ function PillButton({children: children, pill: pill, hintDisabled: hintDisabled
     });
 }
 
-function useFieldCommit({entry: entry, editability: editability}) {
-    const {editFieldFor: editFieldFor} = useWorkflowContext(), target = workflowReact.editFieldTarget(editability);
+function useFieldCommit({entry: entry, editability: editability, surface: surface}) {
+    const editField = useEditField(surface), instanceId = entry.instance._id;
     return {
-        set: value => editFieldFor(entry.instance._id, {
-            target: target,
+        set: value => editField({
+            instanceId: instanceId,
+            field: editability,
             mode: "set",
             value: value
-        }).then(() => {}),
-        unset: () => editFieldFor(entry.instance._id, {
-            target: target,
+        }),
+        unset: () => editField({
+            instanceId: instanceId,
+            field: editability,
             mode: "unset"
-        }).then(() => {})
+        })
     };
 }
 
@@ -5445,11 +6081,28 @@ function ReadOnlyPill({pill: pill}) {
     });
 }
 
-function ScalarPill({entry: entry, pill: pill, editability: editability}) {
-    const [open, setOpen] = react.useState(!1), {set: set} = useFieldCommit({
+function usePillWrite(args) {
+    const {entry: entry, editability: editability, surface: surface, onSaved: onSaved} = args, commit = useFieldCommit({
+        entry: entry,
+        editability: editability,
+        surface: surface
+    }), saver = useSaveField({
+        instanceId: entry.instance._id,
+        ...onSaved === void 0 ? {} : {
+            onSaved: onSaved
+        }
+    });
+    return {
+        ...commit,
+        ...saver
+    };
+}
+
+function ScalarPill({entry: entry, pill: pill, editability: editability, surface: surface}) {
+    const [open, setOpen] = react.useState(!1), {set: set, saving: saving, save: save} = usePillWrite({
         entry: entry,
-        editability: editability
-    }), {saving: saving, save: save} = useSaveField({
+        editability: editability,
+        surface: surface,
         onSaved: () => setOpen(!1)
     });
     /* @__PURE__ */
@@ -5475,18 +6128,21 @@ function ScalarPill({entry: entry, pill: pill, editability: editability}) {
     });
 }
 
-function DatePill({entry: entry, pill: pill, editability: editability, kind: kind}) {
+function DatePill({entry: entry, pill: pill, editability: editability, surface: surface, kind: kind}) {
     const [open, setOpen] = react.useState(!1), {set: set} = useFieldCommit({
         entry: entry,
-        editability: editability
-    }), {save: save} = useSaveField();
+        editability: editability,
+        surface: surface
+    }), {save: save} = useSaveField({
+        instanceId: entry.instance._id
+    });
     /* @__PURE__ */
     return jsxRuntime.jsx(PillPopover, {
         content: /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.DatePicker, {
             onSelect: next => {
-                kind === "date" && setOpen(!1), save(() => set(serializeDateFieldValue(next, kind)));
+                hasTimeOfDay(kind) || setOpen(!1), save(() => set(serializeDateFieldValue(next, kind)));
             },
-            selectTime: kind === "datetime",
+            selectTime: hasTimeOfDay(kind),
             value: parseDateFieldValue(pill.entry?.value, kind)
         }),
         onDismiss: () => setOpen(!1),
@@ -5496,11 +6152,12 @@ function DatePill({entry: entry, pill: pill, editability: editability, kind: kin
     });
 }
 
-function BooleanPill({entry: entry, pill: pill, editability: editability}) {
-    const {set: set} = useFieldCommit({
+function BooleanPill({entry: entry, pill: pill, editability: editability, surface: surface}) {
+    const {set: set, save: save} = usePillWrite({
         entry: entry,
-        editability: editability
-    }), {save: save} = useSaveField(), chrome = usePillChrome(), current = pill.entry?._type === "boolean" ? pill.entry.value : null, menuId = react.useId();
+        editability: editability,
+        surface: surface
+    }), chrome = usePillChrome(), current = pill.entry?._type === "boolean" ? pill.entry.value : null, menuId = react.useId();
     /* @__PURE__ */
     return jsxRuntime.jsx(PillHint, {
         pill: pill,
@@ -5544,12 +6201,14 @@ function BooleanPill({entry: entry, pill: pill, editability: editability}) {
     });
 }
 
-function ActorPill({entry: entry, pill: pill, editability: editability}) {
+function ActorPill({entry: entry, pill: pill, editability: editability, surface: surface}) {
     const [open, setOpen] = react.useState(!1), {set: set, unset: unset} = useFieldCommit({
         entry: entry,
-        editability: editability
+        editability: editability,
+        surface: surface
     }), current = isActorShape(pill.entry?.value) ? pill.entry.value : null, {pick: pick} = useActorPick({
         current: current,
+        instanceId: entry.instance._id,
         onSave: set,
         onUnset: unset
     });
@@ -5569,12 +6228,14 @@ function ActorPill({entry: entry, pill: pill, editability: editability}) {
     });
 }
 
-function AssigneePill({entry: entry, pill: pill, editability: editability}) {
+function AssigneePill({entry: entry, pill: pill, editability: editability, surface: surface}) {
     const [open, setOpen] = react.useState(!1), {set: set, unset: unset} = useFieldCommit({
         entry: entry,
-        editability: editability
+        editability: editability,
+        surface: surface
     }), current = pill.entry?._type === "assignee" ? pill.entry.value : null, {pick: pick} = useAssigneePick({
         current: current,
+        instanceId: entry.instance._id,
         onSave: set,
         onUnset: unset
     });
@@ -5594,11 +6255,12 @@ function AssigneePill({entry: entry, pill: pill, editability: editability}) {
     });
 }
 
-function AssigneesPill({entry: entry, pill: pill, editability: editability}) {
-    const [open, setOpen] = react.useState(!1), {set: set} = useFieldCommit({
+function AssigneesPill({entry: entry, pill: pill, editability: editability, surface: surface}) {
+    const [open, setOpen] = react.useState(!1), {set: set, saving: saving, save: save} = usePillWrite({
         entry: entry,
-        editability: editability
-    }), {saving: saving, save: save} = useSaveField(), current = pill.face.kind === "assignees" ? pill.face.assignees : [];
+        editability: editability,
+        surface: surface
+    }), current = pill.face.kind === "assignees" ? pill.face.assignees : [];
     /* @__PURE__ */
     return jsxRuntime.jsx(PillPopover, {
         content: /* @__PURE__ */ jsxRuntime.jsx(AssigneePicker, {
@@ -5641,46 +6303,53 @@ function TodoPill({entry: entry, pill: pill, scope: scope}) {
     });
 }
 
-function ScalarEditorPill({entry: entry, pill: pill, editability: editability}) {
+function ScalarEditorPill({entry: entry, pill: pill, editability: editability, surface: surface}) {
     return editability.type === "boolean" ? /* @__PURE__ */ jsxRuntime.jsx(BooleanPill, {
         editability: editability,
         entry: entry,
-        pill: pill
-    }) : editability.type === "date" || editability.type === "datetime" ? /* @__PURE__ */ jsxRuntime.jsx(DatePill, {
+        pill: pill,
+        surface: surface
+    }) : isDateFieldKind(editability.type) ? /* @__PURE__ */ jsxRuntime.jsx(DatePill, {
         editability: editability,
         entry: entry,
         kind: editability.type,
-        pill: pill
+        pill: pill,
+        surface: surface
     }) : /* @__PURE__ */ jsxRuntime.jsx(ScalarPill, {
         editability: editability,
         entry: entry,
-        pill: pill
+        pill: pill,
+        surface: surface
     });
 }
 
-function EditorPill({entry: entry, pill: pill, editability: editability}) {
+function EditorPill({entry: entry, pill: pill, editability: editability, surface: surface}) {
     return pill.editor === "scalar" ? /* @__PURE__ */ jsxRuntime.jsx(ScalarEditorPill, {
         editability: editability,
         entry: entry,
-        pill: pill
+        pill: pill,
+        surface: surface
     }) : pill.editor === "actor" ? /* @__PURE__ */ jsxRuntime.jsx(ActorPill, {
         editability: editability,
         entry: entry,
-        pill: pill
+        pill: pill,
+        surface: surface
     }) : pill.editor === "assignee" ? /* @__PURE__ */ jsxRuntime.jsx(AssigneePill, {
         editability: editability,
         entry: entry,
-        pill: pill
+        pill: pill,
+        surface: surface
     }) : pill.editor === "assignees" ? /* @__PURE__ */ jsxRuntime.jsx(AssigneesPill, {
         editability: editability,
         entry: entry,
-        pill: pill
+        pill: pill,
+        surface: surface
     }) : /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyPill, {
         pill: pill
     });
 }
 
-function FieldPill({entry: entry, pill: pill, scope: scope}) {
+function FieldPill({entry: entry, pill: pill, scope: scope, surface: surface}) {
     if (pill.editor === "todoList" && pill.entry !== void 0) /* @__PURE__ */
     return jsxRuntime.jsx(TodoPill, {
         entry: entry,
@@ -5693,7 +6362,8 @@ function FieldPill({entry: entry, pill: pill, scope: scope}) {
     }) : /* @__PURE__ */ jsxRuntime.jsx(EditorPill, {
         editability: editability,
         entry: entry,
-        pill: pill
+        pill: pill,
+        surface: surface
     });
 }
 
@@ -5824,7 +6494,7 @@ function InstanceToolLink({entry: entry}) {
             }
         });
     }, [ instanceId ]);
-    return tools.some(tool => tool.name === WORKFLOWS_TOOL_NAME) ? /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
+    return workflowsToolAvailable(tools) ? /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
             as: WorkflowIntentLink,
             fontSize: 1,
@@ -6027,6 +6697,7 @@ function StageGlyph(props) {
 }
 
 function StageFace({completed: completed = !1, detail: detail, title: title}) {
+    const tone = completed ? "default" : "primary";
     /* @__PURE__ */
     return jsxRuntime.jsxs(ui.Flex, {
         align: "center",
@@ -6035,8 +6706,8 @@ function StageFace({completed: completed = !1, detail: detail, title: title}) {
         children: [ 
         /* @__PURE__ */ jsxRuntime.jsx(sanity.TextWithTone, {
             size: 1,
-            tone: "primary",
-            children: completed ? /* @__PURE__ */ jsxRuntime.jsx(CheckmarkCircle.CheckmarkCircleIcon, {
+            tone: tone,
+            children: completed ? /* @__PURE__ */ jsxRuntime.jsx(CheckmarkCircleFilledIcon, {
                 style: {
                     color: "inherit"
                 }
@@ -6048,7 +6719,7 @@ function StageFace({completed: completed = !1, detail: detail, title: title}) {
         }), 
         /* @__PURE__ */ jsxRuntime.jsx(sanity.TextWithTone, {
             size: 1,
-            tone: "primary",
+            tone: tone,
             weight: "medium",
             children: title
         }), detail === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
@@ -6066,10 +6737,10 @@ function StageChip({completed: completed = !1, detail: detail, interactive: inte
         padding: 3,
         radius: 4,
         style: {
-            boxShadow: `inset 0 0 0 1px ${color.focusRing}`,
+            boxShadow: `inset 0 0 0 1px ${completed ? color.badge.default.fg : color.focusRing}`,
             cursor: interactive ? "help" : "default"
         },
-        tone: "primary",
+        tone: completed ? "default" : "primary",
         ...interactive ? {
             tabIndex: 0
         } : {},
@@ -6297,7 +6968,8 @@ function WorkflowInstanceSection({defaultOpen: defaultOpen, entry: entry, onOpen
             children: [ 
             /* @__PURE__ */ jsxRuntime.jsx(InstanceSnapshotBody, {
                 entry: entry,
-                onOpenActivity: onOpenActivity
+                onOpenActivity: onOpenActivity,
+                surface: "document-view"
             }), 
             /* @__PURE__ */ jsxRuntime.jsx(InstanceToolLink, {
                 entry: entry
@@ -6306,7 +6978,7 @@ function WorkflowInstanceSection({defaultOpen: defaultOpen, entry: entry, onOpen
     });
 }
 
-function InstanceSnapshotBody({entry: entry, onOpenActivity: onOpenActivity}) {
+function InstanceSnapshotBody({entry: entry, onOpenActivity: onOpenActivity, surface: surface}) {
     const definition = useDefinition(entry), {instance: instance} = entry;
     /* @__PURE__ */
     return jsxRuntime.jsxs(ui.Stack, {
@@ -6317,7 +6989,8 @@ function InstanceSnapshotBody({entry: entry, onOpenActivity: onOpenActivity}) {
         /* @__PURE__ */ jsxRuntime.jsx(FieldPills, {
             definition: definition,
             entry: entry,
-            scope: "workflow"
+            scope: "workflow",
+            surface: surface
         }), 
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, {
             border: !0,
@@ -6342,14 +7015,15 @@ function InstanceSnapshotBody({entry: entry, onOpenActivity: onOpenActivity}) {
                 padding: 2,
                 children: /* @__PURE__ */ jsxRuntime.jsx(StageSection, {
                     entry: entry,
-                    onOpenActivity: onOpenActivity
+                    onOpenActivity: onOpenActivity,
+                    surface: surface
                 })
             }) ]
         }) ]
     });
 }
 
-function StageSection({entry: entry, onOpenActivity: onOpenActivity}) {
+function StageSection({entry: entry, onOpenActivity: onOpenActivity, surface: surface}) {
     const definition = useDefinition(entry), notice = instanceNotice(entry);
     return notice !== null ? notice : /* @__PURE__ */ jsxRuntime.jsx(StaleLock, {
         stale: isEvaluationStale(entry),
@@ -6359,11 +7033,13 @@ function StageSection({entry: entry, onOpenActivity: onOpenActivity}) {
             /* @__PURE__ */ jsxRuntime.jsx(FieldPills, {
                 definition: definition,
                 entry: entry,
-                scope: "stage"
+                scope: "stage",
+                surface: surface
             }), 
             /* @__PURE__ */ jsxRuntime.jsx(ActivitiesList, {
                 entry: entry,
-                onOpenActivity: onOpenActivity
+                onOpenActivity: onOpenActivity,
+                surface: surface
             }) ]
         })
     });
@@ -6372,8 +7048,9 @@ function StageSection({entry: entry, onOpenActivity: onOpenActivity}) {
 function CautionNote({action: action, label: label}) {
     /* @__PURE__ */
     return jsxRuntime.jsxs(ui.Card, {
-        padding: 2,
         paddingLeft: 3,
+        paddingRight: 2,
+        paddingY: 3,
         radius: 3,
         style: {
             alignItems: "center",
@@ -6401,18 +7078,20 @@ function CautionNote({action: action, label: label}) {
 }
 
 function CopyDetailsButton({unreadable: unreadable}) {
-    const toast = useClosableToast();
+    const toast = useWorkflowToast();
     /* @__PURE__ */
     return jsxRuntime.jsx(ui.Button, {
         fontSize: 1,
         mode: "ghost",
         onClick: () => {
             navigator.clipboard.writeText(unreadableDocsReport(unreadable)).then(() => toast.push({
-                status: "success",
-                title: "Details copied"
+                id: TOAST_ID.detailsCopy,
+                status: "info",
+                title: "Details copied to clipboard"
             }), () => toast.push({
+                id: TOAST_ID.detailsCopy,
                 status: "error",
-                title: "Could not copy the details"
+                title: "Failed to copy the details"
             }));
         },
         padding: 2,
@@ -6438,7 +7117,7 @@ const HEADLINES = {
 };
 
 function remediation(invalid) {
-    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.`;
+    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}) {
@@ -6489,18 +7168,6 @@ 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 openActivityGone(args) {
     const {entry: entry, target: target} = args;
     if (entry === void 0 || entry.instance.currentStage !== target.stage) return !0;
@@ -6565,18 +7232,16 @@ function coveredFieldNames(ctx) {
     return release && names.add(release.name), names;
 }
 
-const OPTIONAL_INIT_KINDS = /* @__PURE__ */ new Set([ "array", "assignees", "doc.refs" ]);
-
 function inputInitFields(args) {
     return (args.definition?.fields ?? []).filter(entry => entry.initialValue?.type === "input" && !args.covered.has(entry.name));
 }
 
-function gatesStart(entry) {
-    return !OPTIONAL_INIT_KINDS.has(entry.type);
+function isRequiredEntry(entry) {
+    return entry.required === !0;
 }
 
 function missingInitFields(initFields, values) {
-    return initFields.filter(entry => gatesStart(entry) && !isFieldFilled(entry, values[entry.name] ?? null));
+    return initFields.filter(entry => isRequiredEntry(entry) && !isFieldFilled(entry, values[entry.name] ?? null));
 }
 
 function numericFilled(value) {
@@ -6633,7 +7298,9 @@ const asInitial = candidate => candidate, scalarInitialValue = (entry, value) =>
         value: value === !0
     }),
     date: scalarInitialValue,
+    dueDate: scalarInitialValue,
     datetime: scalarInitialValue,
+    dueDatetime: scalarInitialValue,
     "doc.ref": singleRefInitialValue,
     "doc.refs": (entry, value) => asInitial({
         type: entry.type,
@@ -6784,15 +7451,36 @@ function classifyStartError(err) {
     };
 }
 
+function startOutcomeToast(outcome, label) {
+    return outcome.kind === "started-not-settled" ? {
+        id: TOAST_ID.start,
+        status: "warning",
+        title: `“${label}” started but didn’t finish`,
+        description: outcome.description
+    } : outcome.kind === "not-allowed" ? {
+        id: TOAST_ID.start,
+        status: "warning",
+        title: `“${label}” can’t be started right now`,
+        description: outcome.description
+    } : {
+        id: TOAST_ID.start,
+        status: "error",
+        title: `Failed to start “${label}”`,
+        description: outcome.description
+    };
+}
+
 function boundReleaseId(mapping, selectedReleaseId) {
     return mapping?.perspectiveField !== void 0 && selectedReleaseId !== void 0 ? selectedReleaseId : void 0;
 }
 
+const MAPPING_BROKEN_HINT = docTypeLabel => `Unavailable — this workflow isn’t set up correctly for ${docTypeLabel} documents`;
+
 function startGate(args) {
     const {mapping: mapping, mappingIssue: mappingIssue, selectedReleaseId: selectedReleaseId, releaseActive: releaseActive} = args;
     if (mappingIssue !== void 0) return {
         blocked: !0,
-        tooltip: mappingIssue
+        tooltip: MAPPING_BROKEN_HINT(args.docTypeLabel)
     };
     if (mapping.perspectiveField?.required === !0 && selectedReleaseId === void 0) return {
         blocked: !0,
@@ -6804,7 +7492,7 @@ function startGate(args) {
     };
     if (args.startFilterFailed === !0) return {
         blocked: !0,
-        tooltip: `${mapping.label} can't start for this document right now — the workflow's start condition isn't met`
+        tooltip: `${mapping.label} can’t start for this document right now — the workflow’s start condition isn’t met`
     };
     if (args.unmetRequirement !== void 0) {
         const requirement = args.unmetRequirement;
@@ -7066,7 +7754,7 @@ function showRowOnError(key, mapping) {
 }
 
 function useStartWorkflow(args) {
-    const {mapping: mapping, docId: docId, initialValue: initialValue, source: source} = args, toast = useClosableToast(), {engine: engine, openStartDialog: openStartDialog, mappingIssues: mappingIssues2, mappingStarts: mappingStarts} = useWorkflowContext(), observer = workflowStudio.useStudioObserver({
+    const {mapping: mapping, docId: docId, initialValue: initialValue, source: source} = args, toast = useWorkflowToast(), schema = sanity.useSchema(), {engine: engine, openStartDialog: openStartDialog, mappingIssues: mappingIssues2, mappingStarts: mappingStarts} = useWorkflowContext(), observer = workflowStudio.useStudioObserver({
         engine: engine
     }), [starting, setStarting] = react.useState(!1), {selectedReleaseId: selectedReleaseId} = sanity.usePerspective(), releaseActive = sanity.useIsReleaseActive(), startBlock = mappingStarts.get(mappingKey(mapping)), hidden = workflowEngine.startKindOf({
         start: startBlock
@@ -7086,6 +7774,7 @@ function useStartWorkflow(args) {
     }), {blocked: blocked, tooltip: tooltip} = startGate({
         mapping: mapping,
         mappingIssue: mappingIssues2.get(mappingKey(mapping)),
+        docTypeLabel: schema.get(mapping.docType)?.title ?? mapping.docType,
         selectedReleaseId: selectedReleaseId,
         releaseActive: releaseActive,
         startFilterFailed: filterFailed,
@@ -7109,8 +7798,9 @@ function useStartWorkflow(args) {
                         selectedReleaseId: selectedReleaseId,
                         ensureDocumentExists: observer.ensureDocumentExists,
                         onPersistFailure: err => toast.push({
+                            id: TOAST_ID.documentSave,
                             status: "error",
-                            title: "Could not persist the document before starting",
+                            title: "Failed to save the document",
                             description: describeError(err)
                         }),
                         openStartDialog: request => openStartDialog({
@@ -7251,7 +7941,8 @@ function ForMeList({entry: entry, work: work, identity: identity, onOpenActivity
                 }),
                 breadcrumb: breadcrumb,
                 instanceId: instance._id,
-                onOpen: () => onOpenActivity(activityEval.activity.name)
+                onOpen: () => onOpenActivity(activityEval.activity.name),
+                surface: "document-view"
             }, activityEval.activity.name)), itemCount > 0 ? /* @__PURE__ */ jsxRuntime.jsx(TodoItemsList, {
                 breadcrumb: breadcrumb,
                 entry: entry,
@@ -7427,7 +8118,7 @@ function WorkflowsPanel({entries: entries, documentId: documentId, docTypeMappin
                 children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
                     direction: "column",
                     flex: 1,
-                    children: view === "overview" ? /* @__PURE__ */ jsxRuntime.jsx(OverviewTab, {
+                    children: view === "overview" ? /* @__PURE__ */ jsxRuntime.jsx(OverviewSections, {
                         active: active,
                         empty: /* @__PURE__ */ jsxRuntime.jsx(OverviewEmptyState, {
                             docId: documentId,
@@ -7451,7 +8142,7 @@ function WorkflowsPanel({entries: entries, documentId: documentId, docTypeMappin
     });
 }
 
-function OverviewTab({active: active, empty: empty, finished: finished, sectionFor: sectionFor}) {
+function OverviewSections({active: active, empty: empty, finished: finished, sectionFor: sectionFor}) {
     /* @__PURE__ */
     return jsxRuntime.jsxs(ui.Stack, {
         gap: 5,
@@ -7599,6 +8290,23 @@ function workflowIssue(args) {
     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 createSubscribers() {
+    const listeners = /* @__PURE__ */ new Set;
+    return {
+        subscribe(listener) {
+            return listeners.add(listener), () => {
+                listeners.delete(listener);
+            };
+        },
+        notify() {
+            for (const listener of [ ...listeners ]) listener();
+        },
+        clear() {
+            listeners.clear();
+        }
+    };
+}
+
 function actualType$(previews, bareId) {
     return previews.unstable_observeDocumentPairAvailability(bareId).pipe(operators.switchMap(({draft: draft, published: published}) => draft.available ? previews.observeDocumentTypeFromId(csm.getDraftId(bareId)) : published.available ? previews.observeDocumentTypeFromId(bareId) : draft.reason === "PERMISSION_DENIED" || published.reason === "PERMISSION_DENIED" ? rxjs.of(void 0) : previews.unstable_observeVersionDocumentIds(bareId).pipe(operators.switchMap(([firstVersionId]) => firstVersionId === void 0 ? rxjs.of(null) : previews.observeDocumentTypeFromId(firstVersionId)))), operators.distinctUntilChanged());
 }
@@ -7606,12 +8314,10 @@ function actualType$(previews, bareId) {
 const REBUILD_DELAY_MS = 5e3;
 
 function createActualTypeProbeStore(previews) {
-    const verdicts = /* @__PURE__ */ new Map, live = /* @__PURE__ */ new Map, listeners = /* @__PURE__ */ new Set, notify = () => {
-        for (const listener of [ ...listeners ]) listener();
-    }, start = (bareId, entry) => actualType$(previews, bareId).subscribe({
+    const verdicts = /* @__PURE__ */ new Map, live = /* @__PURE__ */ new Map, subscribers = createSubscribers(), start = (bareId, entry) => actualType$(previews, bareId).subscribe({
         next: value => {
             verdicts.has(bareId) && verdicts.get(bareId) === value || (verdicts.set(bareId, value), 
-            notify());
+            subscribers.notify());
         },
         error: err => {
             console.error(`[workflow-studio-plugin] actual-type probe for "${bareId}" failed:`, err), 
@@ -7621,12 +8327,14 @@ function createActualTypeProbeStore(previews) {
         }
     });
     return {
-        subscribe(listener) {
-            return listeners.add(listener), () => {
-                listeners.delete(listener);
-            };
-        },
+        subscribe: subscribers.subscribe,
         read: bareId => verdicts.get(bareId),
+        seed(types2) {
+            let changed = !1;
+            for (const [bareId, actualType] of types2) verdicts.has(bareId) || (verdicts.set(bareId, actualType), 
+            changed = !0);
+            changed && subscribers.notify();
+        },
         track(bareId) {
             let entry = live.get(bareId);
             if (entry === void 0) {
@@ -7647,10 +8355,6 @@ function createActualTypeProbeStore(previews) {
     };
 }
 
-function contentDocumentTypes(schema) {
-    return schema.getTypeNames().filter(name => schema.get(name)?.type?.name === "document" && !WORKFLOW_SYSTEM_TYPES.includes(name));
-}
-
 async function readDeployedDefinitions(engine) {
     return (await engine.query({
         groq: workflowEngine.latestDefinitionsGroq()
@@ -7825,7 +8529,7 @@ const REPORT_FLUSH_MS = 50, EMPTY_COMMITTED = {
 
 function createEntriesStore() {
     let committed = EMPTY_COMMITTED, reports = /* @__PURE__ */ new Map, byInstance = /* @__PURE__ */ new Map, byDocument = /* @__PURE__ */ new Map;
-    const listeners = /* @__PURE__ */ new Set;
+    const subscribers = createSubscribers();
     let flushTimer;
     const recompute = () => {
         flushTimer !== void 0 && (clearTimeout(flushTimer), flushTimer = void 0);
@@ -7838,10 +8542,8 @@ function createEntriesStore() {
             byInstance: nextByInstance,
             previous: byDocument
         });
-        if (!(nextByInstance === byInstance && nextByDocument === byDocument)) {
-            byInstance = nextByInstance, byDocument = nextByDocument;
-            for (const listener of [ ...listeners ]) listener();
-        }
+        nextByInstance === byInstance && nextByDocument === byDocument || (byInstance = nextByInstance, 
+        byDocument = nextByDocument, subscribers.notify());
     };
     return {
         setCommitted(inputs) {
@@ -7857,13 +8559,9 @@ function createEntriesStore() {
         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);
-            };
-        },
+        subscribe: subscribers.subscribe,
         dispose() {
-            flushTimer !== void 0 && clearTimeout(flushTimer), flushTimer = void 0, listeners.clear();
+            flushTimer !== void 0 && clearTimeout(flushTimer), flushTimer = void 0, subscribers.clear();
         }
     };
 }
@@ -7994,7 +8692,7 @@ function WorkflowProvider(props) {
         try {
             await (drainRef.current?.(instanceId));
         } catch (err) {
-            throw new Error(`The change was committed, but running its effects failed: ${describeError(err)}`, {
+            throw new EffectsIncompleteError(describeError(err), {
                 cause: err
             });
         }
@@ -8125,12 +8823,19 @@ function WorkflowProvider(props) {
     });
 }
 
-function sameEntries(a, b) {
-    if (a.size !== b.size) return !1;
-    for (const [key, value] of b) if (a.get(key) !== value) return !1;
-    return !0;
+function entriesSameBy(equal) {
+    return (a, b) => {
+        if (a.size !== b.size) return !1;
+        for (const [key, value] of b) {
+            const previous = a.get(key);
+            if (previous === void 0 || !equal(previous, value)) return !1;
+        }
+        return !0;
+    };
 }
 
+const sameIssues = entriesSameBy(sameMappingIssue), sameVersions = entriesSameBy(Object.is);
+
 function sameMappings(a, b) {
     return a.length === b.length && a.every((mapping, index) => {
         const other = b[index];
@@ -8154,10 +8859,7 @@ function useDeployedDefinitions(args) {
                 contentResource: contentResource,
                 schemaContentTypes: schemaContentTypes
             });
-            for (const [rowKey, message] of found) {
-                const signature = `${rowKey}|${message}`;
-                logged.current.has(signature) || (logged.current.add(signature), console.error(`[workflow-studio-plugin] ${message}`));
-            }
+            logOnce(mappingIssueLogLines(found), logged.current);
             const resolvedAutoStart = resolveAutoStart({
                 autoStart: mappingAutoStartMap(effectiveMappings),
                 knownDocTypes: new Set(schema.getTypeNames()),
@@ -8165,7 +8867,7 @@ function useDeployedDefinitions(args) {
             });
             if (logOnce(resolvedAutoStart.warnings, logged.current), cancelled) return;
             setMappings(prev => sameMappings(prev, effectiveMappings) ? prev : effectiveMappings), 
-            setIssues(prev => sameEntries(prev, found) ? prev : found), setStarts(mappingStartBlocks({
+            setIssues(prev => sameIssues(prev, found) ? prev : found), setStarts(mappingStartBlocks({
                 mappings: effectiveMappings,
                 definitions: definitions
             })), setFields(mappingDeclaredFields({
@@ -8173,7 +8875,7 @@ function useDeployedDefinitions(args) {
                 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), 
+            setLatestVersions(prev => sameVersions(prev, versions) ? prev : versions), setAutoStartByType(resolvedAutoStart.byType), 
             setAutoStartDefinitions(resolvedAutoStart.definitions);
         })().catch(err => {
             console.error("[workflow-studio-plugin] mapping discovery failed — keeping the last resolved workflow state:", err);
@@ -8317,16 +9019,8 @@ function ChecklistInput({value: value, onChange: onChange}) {
                     value: it.label
                 })
             }), 
-            /* @__PURE__ */ jsxRuntime.jsx(HoverHint, {
-                text: "Remove item",
-                children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
-                    "aria-label": "Remove item",
-                    fontSize: 1,
-                    icon: Close.CloseIcon,
-                    mode: "bleed",
-                    onClick: () => remove(i),
-                    padding: 2
-                })
+            /* @__PURE__ */ jsxRuntime.jsx(RemoveItemButton, {
+                onClick: () => remove(i)
             }) ]
         }, it._key)), 
         /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
@@ -8430,7 +9124,7 @@ function useLatestDefinition(definitionName) {
 function useCreateDoc(args) {
     const {releaseId: releaseId, onCreated: onCreated} = args, {engine: engine, binding: binding} = useWorkflowContext(), observer = workflowStudio.useStudioObserver({
         engine: engine
-    }), schema = sanity.useSchema(), templates = sanity.useTemplates(), resolverContext = sanity.useInitialValueResolverContext(), toast = useClosableToast(), [creating, setCreating] = react.useState(!1);
+    }), schema = sanity.useSchema(), templates = sanity.useTemplates(), resolverContext = sanity.useInitialValueResolverContext(), toast = useWorkflowToast(), [creating, setCreating] = react.useState(!1);
     return {
         creating: creating,
         createDoc: async type => {
@@ -8455,8 +9149,9 @@ function useCreateDoc(args) {
                 }));
             } catch (err) {
                 toast.push({
+                    id: TOAST_ID.documentCreate,
                     status: "error",
-                    title: "Could not create document",
+                    title: "Failed to create the document",
                     description: describeError(err)
                 });
             } finally {
@@ -8668,7 +9363,7 @@ function InitFieldRow({entry: entry, docType: docType, releaseId: releaseId, val
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
                 size: 1,
                 weight: "medium",
-                children: gatesStart(entry) ? `${label} (Required)` : label
+                children: isRequiredEntry(entry) ? `${label} (Required)` : label
             }), entry.description ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
                 muted: !0,
                 size: 1,
@@ -8773,31 +9468,12 @@ function ResumeNote({onStartNew: onStartNew}) {
 
 function handleStartError(args) {
     const {label: label, toast: toast, seedInstance: seedInstance, onClose: onClose} = args, outcome = classifyStartError(args.err);
-    if (outcome.kind === "started-not-settled") {
-        toast.push({
-            status: "warning",
-            title: `${label} started, but didn’t finish auto-advancing`,
-            description: outcome.description
-        }), outcome.instance !== void 0 && seedInstance(outcome.instance), onClose();
-        return;
-    }
-    if (outcome.kind === "not-allowed") {
-        toast.push({
-            status: "warning",
-            title: `${label} can't be started right now`,
-            description: outcome.description
-        });
-        return;
-    }
-    toast.push({
-        status: "error",
-        title: `Failed to start ${label}`,
-        description: outcome.description
-    });
+    toast.push(startOutcomeToast(outcome, label)), outcome.kind === "started-not-settled" && (outcome.instance !== void 0 && seedInstance(outcome.instance), 
+    onClose());
 }
 
 function StartWorkflowForm({request: request, onClose: onClose}) {
-    const {definition: definitionName, label: label, mapping: mapping, subjectDocId: subjectDocId} = request, {engine: engine, binding: binding, seedInstance: seedInstance} = useWorkflowContext(), telemetry2 = workflowReact.useWorkflowTelemetry(), toast = useClosableToast(), {def: definition, error: definitionError} = useLatestDefinition(definitionName), {selectedReleaseId: selectedReleaseId} = sanity.usePerspective(), releaseId = boundReleaseId(mapping, selectedReleaseId), [values, setValues] = react.useState({}), [attempt, setAttempt] = react.useState(void 0), starting = attempt !== void 0, [heldInstanceId, setHeldInstanceId] = react.useState(void 0), [startNew, setStartNew] = react.useState(!1), {entries: entries} = useWorkflowsForDocument(subjectDocId), resumeEntry = presentedResumeEntry({
+    const {definition: definitionName, label: label, mapping: mapping, subjectDocId: subjectDocId} = request, {engine: engine, binding: binding, seedInstance: seedInstance} = useWorkflowContext(), telemetry2 = workflowReact.useWorkflowTelemetry(), toast = useWorkflowToast(), {def: definition, error: definitionError} = useLatestDefinition(definitionName), {selectedReleaseId: selectedReleaseId} = sanity.usePerspective(), releaseId = boundReleaseId(mapping, selectedReleaseId), [values, setValues] = react.useState({}), [attempt, setAttempt] = react.useState(void 0), starting = attempt !== void 0, [heldInstanceId, setHeldInstanceId] = react.useState(void 0), [startNew, setStartNew] = react.useState(!1), {entries: entries} = useWorkflowsForDocument(subjectDocId), resumeEntry = presentedResumeEntry({
         entries: entries,
         definitionName: definitionName,
         heldInstanceId: heldInstanceId,
@@ -8837,8 +9513,9 @@ function StartWorkflowForm({request: request, onClose: onClose}) {
                 values: values
             }));
             toast.push({
-                status: "success",
-                title: `${definition?.title ?? label} started`,
+                id: TOAST_ID.start,
+                status: "info",
+                title: `“${definition?.title ?? label}” started`,
                 description: `Stage: ${stageTitle(definition ?? void 0, result.instance.currentStage)}`
             }), seedInstance(result.instance), onClose();
         } catch (err) {
@@ -9340,6 +10017,22 @@ function finishedLinesOf(entries) {
     return [ ...latestByType.values() ].sort((a, b) => b.at - a.at).map(({entry: entry}) => entry);
 }
 
+function openStageTaskCount(evaluation) {
+    if (evaluation !== void 0) return evaluation.currentStage.activities.filter(activity => isOpenActivityStatus(activity.status)).length;
+}
+
+const OPEN_VIEW = "Open the Workflows view";
+
+function unassignedLineHint(args) {
+    return !args.identityKnown || args.openTaskCount === void 0 ? {
+        text: OPEN_VIEW
+    } : args.openTaskCount === 0 ? {
+        text: "No open tasks in this stage"
+    } : {
+        text: `${pluralize__default.default("open task", args.openTaskCount, !0)}, none assigned to you`
+    };
+}
+
 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(), telemetry2 = workflowReact.useWorkflowTelemetry(), openWorkflowsView = focusId => {
         telemetry2.log(WorkflowFormStripClicked), setParams(focusedViewParams(params, focusId));
@@ -9384,18 +10077,17 @@ function StripLines({active: active, docId: docId, finished: finished, initialVa
     });
 }
 
-function lineHint(identity, forMe) {
+function lineHint(entry, identity) {
+    const forMe = forMeWorkOf([ entry ], identity);
     return forMe.work.some(({shown: shown}) => hasOpenAssignedWork(shown)) ? {
         content: /* @__PURE__ */ jsxRuntime.jsx(AssignedTasksHint, {
             work: forMe.work
         }),
         wide: !0
-    } : identity !== void 0 ? {
-        text: "Open the Workflows view",
-        description: "Nothing here is assigned to you"
-    } : {
-        text: "Open the Workflows view"
-    };
+    } : unassignedLineHint({
+        identityKnown: identity !== void 0,
+        openTaskCount: openStageTaskCount(entry.evaluation)
+    });
 }
 
 function StripLine({aside: aside, children: children, hint: hint, onOpen: onOpen}) {
@@ -9428,7 +10120,7 @@ function InstanceLine({entry: entry, onOpen: onOpen}) {
         aside: unprimed ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(TaskCountSpinner, {
             entry: entry
         }),
-        hint: lineHint(identity, forMeWorkOf([ entry ], identity)),
+        hint: lineHint(entry, identity),
         onOpen: onOpen,
         children: [ 
         /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
@@ -9533,6 +10225,103 @@ function StartWorkflowDialogHost() {
     }, `${startRequest2.definition}:${startRequest2.subjectDocId ?? ""}`) : null;
 }
 
+const TOOL_TAB_LABELS = {
+    overview: "Workflows",
+    "all-documents": "All documents",
+    "for-me": "For me"
+}, TOOL_TAB_VALUES = Object.keys(TOOL_TAB_LABELS), TOOL_TABS = TOOL_TAB_VALUES.map(value => ({
+    value: value,
+    label: TOOL_TAB_LABELS[value]
+})), LANDING_TAB = "overview", TASKS_TAB = "all-documents", WORKFLOW_PAGE_LABELS = {
+    workflow: "Documents",
+    definition: "Definition"
+}, WORKFLOW_PAGE_VALUES = Object.keys(WORKFLOW_PAGE_LABELS), DEFAULT_WORKFLOW_PAGE = "workflow", WORKFLOW_PAGES = WORKFLOW_PAGE_VALUES.filter(page => page !== DEFAULT_WORKFLOW_PAGE), WORKFLOW_PAGE_TABS = WORKFLOW_PAGE_VALUES.map(value => ({
+    value: value,
+    label: WORKFLOW_PAGE_LABELS[value]
+})), toolRouter = router.route.create("/", [ router.route.create("/instance/:instanceId"), router.route.create(`/${LANDING_TAB}/:workflowName`, [ router.route.create("/:workflowPage") ]), router.route.create("/:workflowsTab") ]);
+
+function toolTabState(tab) {
+    return {
+        workflowsTab: tab
+    };
+}
+
+function landingState() {
+    return toolTabState(LANDING_TAB);
+}
+
+function workflowState(workflowName) {
+    return {
+        workflowName: workflowName
+    };
+}
+
+function instanceState(instanceId) {
+    return {
+        instanceId: instanceId
+    };
+}
+
+function tabSelectionNavigates(current, tab) {
+    return !(current.kind === "home" && tab === current.tab);
+}
+
+function toolTabLabel(tab) {
+    return TOOL_TAB_LABELS[tab];
+}
+
+function backToTabLabel(tab) {
+    return `Back to ${toolTabLabel(tab)}`;
+}
+
+function workflowPageState(page, workflowName) {
+    return page === DEFAULT_WORKFLOW_PAGE ? workflowState(workflowName) : {
+        ...workflowState(workflowName),
+        workflowPage: page
+    };
+}
+
+function toolRoute(state) {
+    const {instanceId: instanceId, workflowName: workflowName} = state;
+    if (typeof instanceId == "string") return {
+        kind: "instance",
+        instanceId: instanceId,
+        tab: TASKS_TAB
+    };
+    if (typeof workflowName == "string") return workflowRoute(workflowName, state.workflowPage);
+    const tab = pathSegmentName({
+        segment: state.workflowsTab,
+        names: TOOL_TAB_VALUES
+    });
+    return tab === void 0 ? {
+        kind: "unnamed",
+        tab: LANDING_TAB
+    } : {
+        kind: "home",
+        tab: tab
+    };
+}
+
+function workflowRoute(workflowName, pageSegment) {
+    if (pageSegment === void 0) return {
+        kind: "workflow",
+        workflowName: workflowName,
+        tab: LANDING_TAB
+    };
+    const page = pathSegmentName({
+        segment: pageSegment,
+        names: WORKFLOW_PAGES
+    });
+    return page === void 0 ? {
+        kind: "unnamed",
+        tab: LANDING_TAB
+    } : {
+        kind: page,
+        workflowName: workflowName,
+        tab: LANDING_TAB
+    };
+}
+
 const WorkflowsToolRoot = react.lazy(() => Promise.resolve().then(function() {
     return require("./workflows-tool-root.cjs");
 }));
@@ -9550,7 +10339,7 @@ const workflowsTool = {
     title: "Workflows",
     icon: Transfer.TransferIcon,
     component: LazyWorkflowsTool,
-    router: router.route.create("/", [ router.route.create("/instance/:instanceId"), router.route.create("/definition/:definitionName"), router.route.create("/:workflowsTab") ]),
+    router: toolRouter,
     canHandleIntent: (intent, params) => handlesWorkflowIntent(intent, params),
     getIntentState: (intent, params) => workflowIntentState(intent, params)
 }, LOCKABLE_ACTIONS = /* @__PURE__ */ new Map([ [ "delete", "delete" ], [ "publish", "publish" ], [ "unpublish", "unpublish" ] ]);
@@ -9654,14 +10443,20 @@ exports.CautionNote = CautionNote;
 
 exports.CollapsibleBand = CollapsibleBand;
 
+exports.CountedLabel = CountedLabel;
+
 exports.DismissablePopover = DismissablePopover;
 
 exports.DocPreviewLink = DocPreviewLink;
 
 exports.DocRefFace = DocRefFace;
 
+exports.EmptyState = EmptyState;
+
 exports.ForMeEmptyState = ForMeEmptyState;
 
+exports.Hairline = Hairline;
+
 exports.HintedMenuButton = HintedMenuButton;
 
 exports.HoverHint = HoverHint;
@@ -9674,6 +10469,8 @@ exports.LinkChip = LinkChip;
 
 exports.LoadingRow = LoadingRow;
 
+exports.LogEventOnMount = LogEventOnMount;
+
 exports.MetaRow = MetaRow;
 
 exports.SpinnerSlot = SpinnerSlot;
@@ -9682,6 +10479,10 @@ exports.StageFace = StageFace;
 
 exports.StaleLock = StaleLock;
 
+exports.TOAST_ID = TOAST_ID;
+
+exports.TOOL_TABS = TOOL_TABS;
+
 exports.TabSwitch = TabSwitch;
 
 exports.TrailingHairline = TrailingHairline;
@@ -9692,26 +10493,44 @@ exports.UserAvatar = UserAvatar;
 
 exports.WORKFLOW_API_VERSION = WORKFLOW_API_VERSION;
 
+exports.WORKFLOW_PAGE_TABS = WORKFLOW_PAGE_TABS;
+
+exports.WorkflowAbortDialogOpened = WorkflowAbortDialogOpened;
+
+exports.WorkflowAbortDialogSubmitted = WorkflowAbortDialogSubmitted;
+
+exports.WorkflowBoardWorkflowSelected = WorkflowBoardWorkflowSelected;
+
+exports.WorkflowDefinitionDetailViewed = WorkflowDefinitionDetailViewed;
+
 exports.WorkflowInstanceDetailViewed = WorkflowInstanceDetailViewed;
 
 exports.WorkflowTaskFiltersApplied = WorkflowTaskFiltersApplied;
 
+exports.WorkflowTitleSeedDrifted = WorkflowTitleSeedDrifted;
+
 exports.WorkflowToolOpened = WorkflowToolOpened;
 
 exports.activityRowProps = activityRowProps;
 
 exports.assigneeUserIdsOf = assigneeUserIdsOf;
 
+exports.backToTabLabel = backToTabLabel;
+
 exports.committedRowFace = committedRowFace;
 
-exports.dateControlKind = dateControlKind;
+exports.createSubscribers = createSubscribers;
+
+exports.datesOf = datesOf;
 
-exports.dateControlValue = dateControlValue;
+exports.definitionFingerprint = definitionFingerprint;
 
 exports.definitionSnapshotOf = definitionSnapshotOf;
 
 exports.describeError = describeError;
 
+exports.dueDatesOf = dueDatesOf;
+
 exports.findActivity = findActivity;
 
 exports.findActivityNode = findActivityNode;
@@ -9722,43 +10541,53 @@ exports.formatDateTime = formatDateTime;
 
 exports.formatShortAgo = formatShortAgo;
 
+exports.formatShortDateTime = formatShortDateTime;
+
+exports.formatTimeAgo = formatTimeAgo;
+
 exports.gdrLocality = gdrLocality;
 
 exports.instanceBreadcrumb = instanceBreadcrumb;
 
+exports.instanceState = instanceState;
+
 exports.instanceTitle = instanceTitle;
 
 exports.isActivityAssignedTo = isActivityAssignedTo;
 
 exports.isEvaluationStale = isEvaluationStale;
 
+exports.isLiveEntry = isLiveEntry;
+
 exports.isOpenActivityStatus = isOpenActivityStatus;
 
+exports.landingState = landingState;
+
+exports.mappingIssueDetail = mappingIssueDetail;
+
+exports.namesNoDeployedDefinition = namesNoDeployedDefinition;
+
 exports.openActivityGone = openActivityGone;
 
 exports.openableSchemaType = openableSchemaType;
 
-exports.parseDateFieldValue = parseDateFieldValue;
-
 exports.parseStoredDateValue = parseStoredDateValue;
 
-exports.pathSegmentTab = pathSegmentTab;
-
 exports.readDeployedDefinitions = readDeployedDefinitions;
 
 exports.rowAssignControlState = rowAssignControlState;
 
 exports.rowDateControlState = rowDateControlState;
 
-exports.serializeDateFieldValue = serializeDateFieldValue;
-
 exports.stageTitle = stageTitle;
 
 exports.stateByActivity = stateByActivity;
 
-exports.stopRowClick = stopRowClick;
+exports.tabSelectionNavigates = tabSelectionNavigates;
+
+exports.toolRoute = toolRoute;
 
-exports.stopRowMouseDown = stopRowMouseDown;
+exports.toolTabState = toolTabState;
 
 exports.useAssignmentIdentity = useAssignmentIdentity;
 
@@ -9766,18 +10595,16 @@ exports.useAvatarSize = useAvatarSize;
 
 exports.useBadgeCapTrim = useBadgeCapTrim;
 
-exports.useClosableToast = useClosableToast;
-
 exports.useContainerToken = useContainerToken;
 
 exports.useDefinition = useDefinition;
 
+exports.useDelayedFlag = useDelayedFlag;
+
 exports.useLogEventOnMount = useLogEventOnMount;
 
 exports.useProjectMembers = useProjectMembers;
 
-exports.useSaveField = useSaveField;
-
 exports.useSpaceToken = useSpaceToken;
 
 exports.useUserDisplay = useUserDisplay;
@@ -9788,8 +10615,14 @@ exports.useWorkflowContext = useWorkflowContext;
 
 exports.useWorkflowInstanceEntry = useWorkflowInstanceEntry;
 
+exports.useWorkflowToast = useWorkflowToast;
+
 exports.workflowDefaultDocumentNode = workflowDefaultDocumentNode;
 
+exports.workflowPageState = workflowPageState;
+
+exports.workflowState = workflowState;
+
 exports.workflowStudioPlugin = workflowStudioPlugin;
 
 exports.workflowsView = workflowsView;