@sanity/workflow-studio-plugin 0.24.0 → 0.25.0

package/dist/_chunks-cjs/index.cjs

@@ -299,8 +299,8 @@ function workflowsToolAvailable(tools) {
 
 const WORKFLOW_INTENT = "workflow";
 
-function pathSegmentTab(args) {
-    return args.segment === void 0 ? args.fallback : args.tabs.find(tab => tab === args.segment);
+function pathSegmentName(args) {
+    return args.names.find(name => name === args.segment);
 }
 
 function handlesWorkflowIntent(intent, params) {
@@ -314,12 +314,16 @@ function workflowIntentState(intent, params) {
     } : null;
 }
 
-const pad2 = n => String(n).padStart(2, "0"), DATE_FIELD_KINDS = [ "date", "dueDate", "datetime", "dueDatetime" ], DATE_FIELD_KIND_SET = new Set(DATE_FIELD_KINDS);
+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";
 }
@@ -986,11 +990,23 @@ function rowAssignControlState(args) {
 
 function rowDateControlState(args) {
     return rowControlState({
-        kinds: DATE_FIELD_KINDS,
+        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,
@@ -1002,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,
@@ -1011,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,
@@ -1026,12 +1044,12 @@ function activityRowProps(args) {
 }
 
 function dateControlKind(state) {
-    if (state.kind === "editable" && isDateFieldKind(state.field.type)) 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) {
@@ -1098,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",
@@ -1120,14 +1138,14 @@ function definitionFingerprint(definition) {
 const WorkflowDefinitionDetailViewed = telemetry.defineEvent({
     name: "Editorial Workflows Studio Plugin Definition Detail Viewed",
     version: 1,
-    description: "The Workflows tool's per-definition detail view was opened"
+    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: 1,
+    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",
@@ -1159,12 +1177,8 @@ const WorkflowDefinitionDetailViewed = telemetry.defineEvent({
     description: "The tool's task-filter menu closed with a changed selection"
 }), WorkflowBoardWorkflowSelected = telemetry.defineEvent({
     name: "Editorial Workflows Studio Plugin Board Workflow Selected",
-    version: 1,
-    description: "The Documents board settled on a workflow to show"
-}), WorkflowBoardLayoutChanged = telemetry.defineEvent({
-    name: "Editorial Workflows Studio Plugin Board Layout Changed",
-    version: 1,
-    description: "The Documents board's layout was switched"
+    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,
@@ -1177,6 +1191,14 @@ const WorkflowDefinitionDetailViewed = 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) {
@@ -1411,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, {
@@ -1423,10 +1486,10 @@ 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, {
@@ -2544,18 +2607,6 @@ function FieldInput$1({kind: kind, value: value, onChange: onChange, onEnter: on
     }
 }
 
-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 isCompact(layout) {
     return layout === "inline" || layout === "row";
 }
@@ -3933,39 +3984,12 @@ 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}`);
     return value;
 }
 
-function useRadiusToken(index) {
-    const value = ui.useTheme_v2().radius[index];
-    if (value === void 0) throw new Error(`theme is missing radius token ${index}`);
-    return value;
-}
-
 function useContainerToken(index) {
     const value = ui.useTheme_v2().container[index];
     if (value === void 0) throw new Error(`theme is missing container token ${index}`);
@@ -4006,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__ */
@@ -5274,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, {
@@ -5320,6 +5364,92 @@ function GroupHeading({busy: busy, count: count, title: title, end: 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
+            })
+        })
+    });
+}
+
 function settledDim(settled) {
     return settled ? {
         opacity: .66
@@ -5392,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, surface: surface, 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, {
@@ -5402,7 +5532,13 @@ function ActivityRow({face: face, breadcrumb: breadcrumb, assigneeIds: assigneeI
                 activity: face.activityName,
                 instanceId: instanceId,
                 surface: surface
-            }), dateControl, 
+            }), 
+            /* @__PURE__ */ jsxRuntime.jsx(ActivityDateControl, {
+                dueDates: dueDates,
+                instanceId: instanceId,
+                state: dateState,
+                surface: surface
+            }), 
             /* @__PURE__ */ jsxRuntime.jsx(AssignActivityControl, {
                 assigneeIds: assigneeIds,
                 instanceId: instanceId,
@@ -7096,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) {
@@ -7984,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,
@@ -8008,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,
@@ -9229,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,
@@ -10091,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");
 }));
@@ -10108,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("/documents/:boardDefinition"), 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" ] ]);
@@ -10224,6 +10455,8 @@ exports.EmptyState = EmptyState;
 
 exports.ForMeEmptyState = ForMeEmptyState;
 
+exports.Hairline = Hairline;
+
 exports.HintedMenuButton = HintedMenuButton;
 
 exports.HoverHint = HoverHint;
@@ -10240,8 +10473,6 @@ exports.LogEventOnMount = LogEventOnMount;
 
 exports.MetaRow = MetaRow;
 
-exports.NOTICE_PADDING = NOTICE_PADDING;
-
 exports.SpinnerSlot = SpinnerSlot;
 
 exports.StageFace = StageFace;
@@ -10250,6 +10481,8 @@ exports.StaleLock = StaleLock;
 
 exports.TOAST_ID = TOAST_ID;
 
+exports.TOOL_TABS = TOOL_TABS;
+
 exports.TabSwitch = TabSwitch;
 
 exports.TrailingHairline = TrailingHairline;
@@ -10260,7 +10493,11 @@ exports.UserAvatar = UserAvatar;
 
 exports.WORKFLOW_API_VERSION = WORKFLOW_API_VERSION;
 
-exports.WorkflowBoardLayoutChanged = WorkflowBoardLayoutChanged;
+exports.WORKFLOW_PAGE_TABS = WORKFLOW_PAGE_TABS;
+
+exports.WorkflowAbortDialogOpened = WorkflowAbortDialogOpened;
+
+exports.WorkflowAbortDialogSubmitted = WorkflowAbortDialogSubmitted;
 
 exports.WorkflowBoardWorkflowSelected = WorkflowBoardWorkflowSelected;
 
@@ -10278,15 +10515,13 @@ exports.activityRowProps = activityRowProps;
 
 exports.assigneeUserIdsOf = assigneeUserIdsOf;
 
-exports.chipPadding = chipPadding;
+exports.backToTabLabel = backToTabLabel;
 
 exports.committedRowFace = committedRowFace;
 
 exports.createSubscribers = createSubscribers;
 
-exports.dateControlKind = dateControlKind;
-
-exports.dateControlValue = dateControlValue;
+exports.datesOf = datesOf;
 
 exports.definitionFingerprint = definitionFingerprint;
 
@@ -10294,6 +10529,8 @@ exports.definitionSnapshotOf = definitionSnapshotOf;
 
 exports.describeError = describeError;
 
+exports.dueDatesOf = dueDatesOf;
+
 exports.findActivity = findActivity;
 
 exports.findActivityNode = findActivityNode;
@@ -10310,22 +10547,22 @@ exports.formatTimeAgo = formatTimeAgo;
 
 exports.gdrLocality = gdrLocality;
 
-exports.hasTimeOfDay = hasTimeOfDay;
-
 exports.instanceBreadcrumb = instanceBreadcrumb;
 
+exports.instanceState = instanceState;
+
 exports.instanceTitle = instanceTitle;
 
 exports.isActivityAssignedTo = isActivityAssignedTo;
 
-exports.isDateFieldKind = isDateFieldKind;
-
 exports.isEvaluationStale = isEvaluationStale;
 
 exports.isLiveEntry = isLiveEntry;
 
 exports.isOpenActivityStatus = isOpenActivityStatus;
 
+exports.landingState = landingState;
+
 exports.mappingIssueDetail = mappingIssueDetail;
 
 exports.namesNoDeployedDefinition = namesNoDeployedDefinition;
@@ -10334,27 +10571,23 @@ 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;
 
@@ -10368,16 +10601,10 @@ exports.useDefinition = useDefinition;
 
 exports.useDelayedFlag = useDelayedFlag;
 
-exports.useEditField = useEditField;
-
 exports.useLogEventOnMount = useLogEventOnMount;
 
 exports.useProjectMembers = useProjectMembers;
 
-exports.useRadiusToken = useRadiusToken;
-
-exports.useSaveField = useSaveField;
-
 exports.useSpaceToken = useSpaceToken;
 
 exports.useUserDisplay = useUserDisplay;
@@ -10392,6 +10619,10 @@ exports.useWorkflowToast = useWorkflowToast;
 
 exports.workflowDefaultDocumentNode = workflowDefaultDocumentNode;
 
+exports.workflowPageState = workflowPageState;
+
+exports.workflowState = workflowState;
+
 exports.workflowStudioPlugin = workflowStudioPlugin;
 
 exports.workflowsView = workflowsView;