@sanity/workflow-studio-plugin 0.24.0 → 0.26.0

package/dist/_chunks-es/index.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 
 import { TimelineIcon } from "@sanity/icons/Timeline";
 
-import { Tooltip, Box, Stack, Text, useClickOutsideEvent, Popover, Flex, TextInput, Button, Select, Checkbox, Autocomplete, Card, TextArea, useToast, Dialog, Switch, TextSkeleton, Code, Spinner, useTheme_v2, Badge, MenuButton, Menu, MenuItem, useElementSize, TabList, Tab, TabPanel } from "@sanity/ui";
+import { Popover, Tooltip, Box, Stack, Text, useClickOutsideEvent, Flex, TextInput, Button, Select, Checkbox, Autocomplete, Card, TextArea, useToast, Dialog, Switch, TextSkeleton, Code, useTheme_v2, Spinner, Badge, MenuButton, Menu, MenuItem, useElementSize, TabList, Tab, TabPanel } from "@sanity/ui";
 
 import { editFieldTarget, useWorkflowTelemetry, useRefcountedIds } from "@sanity/workflow-react";
 
@@ -367,8 +367,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) {
@@ -382,12 +382,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";
 }
@@ -1054,11 +1058,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,
@@ -1070,7 +1086,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,
@@ -1079,12 +1099,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,
@@ -1094,12 +1112,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) {
@@ -1166,7 +1184,7 @@ function useWorkflowInstanceEntry(instanceId, options = {}) {
 
 const WorkflowToolOpened = defineEvent({
     name: "Editorial Workflows Studio Plugin Tool Opened",
-    version: 1,
+    version: 2,
     description: "The Workflows tool was opened or its tab was switched"
 }), WorkflowDocumentViewOpened = defineEvent({
     name: "Editorial Workflows Studio Plugin Document View Opened",
@@ -1188,14 +1206,14 @@ function definitionFingerprint(definition) {
 const WorkflowDefinitionDetailViewed = 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 = 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 = 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 = defineEvent({
     name: "Editorial Workflows Studio Plugin Start Dialog Opened",
@@ -1227,12 +1245,8 @@ const WorkflowDefinitionDetailViewed = defineEvent({
     description: "The tool's task-filter menu closed with a changed selection"
 }), WorkflowBoardWorkflowSelected = defineEvent({
     name: "Editorial Workflows Studio Plugin Board Workflow Selected",
-    version: 1,
-    description: "The Documents board settled on a workflow to show"
-}), WorkflowBoardLayoutChanged = 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 = defineEvent({
     name: "Editorial Workflows Studio Plugin Title Seed Drifted",
     version: 1,
@@ -1245,6 +1259,14 @@ const WorkflowDefinitionDetailViewed = 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 = defineEvent({
+    name: "Editorial Workflows Studio Plugin Abort Dialog Opened",
+    version: 1,
+    description: "The abort-workflow confirm was opened"
+}), WorkflowAbortDialogSubmitted = 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) {
@@ -1479,9 +1501,50 @@ function buildParams(decls, values) {
     };
 }
 
-const NEVER_MS = 2 ** 31 - 1;
+function useDelayedFlag(active, delayMs) {
+    const [held, setHeld] = useState(!1);
+    return useEffect(() => {
+        if (!active) {
+            setHeld(!1);
+            return;
+        }
+        const timer = setTimeout(() => setHeld(!0), delayMs);
+        return () => clearTimeout(timer);
+    }, [ active, delayMs ]), held && active;
+}
+
+const NEVER_MS = 2 ** 31 - 1, OPEN_DELAY_MS = 300;
 
 function HoverHint(props) {
+    return props.anchor !== void 0 ? /* @__PURE__ */ jsx(AnchoredHint, {
+        ...props
+    }) : /* @__PURE__ */ jsx(WrappingHint, {
+        ...props
+    });
+}
+
+function AnchoredHint(props) {
+    const {disabled: disabled = !1} = props, open = useDelayedFlag(props.open === !0 && !disabled, OPEN_DELAY_MS);
+    /* @__PURE__ */
+    return jsx(Popover, {
+        animate: !0,
+        content: /* @__PURE__ */ jsx(HintBody, {
+            ...props
+        }),
+        open: open,
+        padding: hintPadding(props),
+        placement: props.placement ?? "top",
+        portal: !0,
+        radius: 3,
+        referenceElement: props.anchor
+    });
+}
+
+function hintPadding(props) {
+    return props.content !== void 0 && props.flush ? 0 : 2;
+}
+
+function WrappingHint(props) {
     const {children: children, disabled: disabled = !1} = props;
     /* @__PURE__ */
     return jsx(Tooltip, {
@@ -1491,10 +1554,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__ */ jsx(Box, {
@@ -2612,18 +2675,6 @@ function FieldInput$1({kind: kind, value: value, onChange: onChange, onEnter: on
     }
 }
 
-function useDelayedFlag(active, delayMs) {
-    const [held, setHeld] = useState(!1);
-    return useEffect(() => {
-        if (!active) {
-            setHeld(!1);
-            return;
-        }
-        const timer = setTimeout(() => setHeld(!0), delayMs);
-        return () => clearTimeout(timer);
-    }, [ active, delayMs ]), held && active;
-}
-
 function isCompact(layout) {
     return layout === "inline" || layout === "row";
 }
@@ -4001,39 +4052,12 @@ function ActivityStatusIcon({status: status}) {
     });
 }
 
-function LoadingRow({label: label, padding: padding}) {
-    /* @__PURE__ */
-    return jsxs(Flex, {
-        align: "center",
-        gap: 2,
-        ...padding === void 0 ? {} : {
-            padding: padding
-        },
-        children: [ 
-        /* @__PURE__ */ jsx(Spinner, {
-            muted: !0,
-            size: 1
-        }), 
-        /* @__PURE__ */ jsx(Text, {
-            muted: !0,
-            size: 1,
-            children: label
-        }) ]
-    });
-}
-
 function useSpaceToken(index) {
     const value = useTheme_v2().space[index];
     if (value === void 0) throw new Error(`theme is missing space token ${index}`);
     return value;
 }
 
-function useRadiusToken(index) {
-    const value = useTheme_v2().radius[index];
-    if (value === void 0) throw new Error(`theme is missing radius token ${index}`);
-    return value;
-}
-
 function useContainerToken(index) {
     const value = useTheme_v2().container[index];
     if (value === void 0) throw new Error(`theme is missing container token ${index}`);
@@ -4074,6 +4098,46 @@ function useBadgeCapTrim() {
     };
 }
 
+function SpinnerSlot({busy: busy}) {
+    const size = useTextIconSize(), trim = useCapTrimFor(size);
+    /* @__PURE__ */
+    return jsx(Flex, {
+        align: "center",
+        flex: "none",
+        justify: "center",
+        style: {
+            height: size,
+            marginBottom: trim,
+            marginTop: trim,
+            width: size
+        },
+        children: busy ? /* @__PURE__ */ jsx(Spinner, {
+            muted: !0,
+            size: 1
+        }) : null
+    });
+}
+
+function LoadingRow({label: label, padding: padding}) {
+    /* @__PURE__ */
+    return jsxs(Flex, {
+        align: "center",
+        gap: 2,
+        ...padding === void 0 ? {} : {
+            padding: padding
+        },
+        children: [ 
+        /* @__PURE__ */ jsx(SpinnerSlot, {
+            busy: !0
+        }), 
+        /* @__PURE__ */ jsx(Text, {
+            muted: !0,
+            size: 1,
+            children: label
+        }) ]
+    });
+}
+
 function AvatarDisplay({avatar: avatar, "aria-label": ariaLabel}) {
     const trim = useAvatarCapTrim();
     /* @__PURE__ */
@@ -5342,26 +5406,6 @@ function CountedLabel({count: count, label: label}) {
     });
 }
 
-function SpinnerSlot({busy: busy}) {
-    const size = useTextIconSize(), trim = useCapTrimFor(size);
-    /* @__PURE__ */
-    return jsx(Flex, {
-        align: "center",
-        flex: "none",
-        justify: "center",
-        style: {
-            height: size,
-            marginBottom: trim,
-            marginTop: trim,
-            width: size
-        },
-        children: busy ? /* @__PURE__ */ jsx(Spinner, {
-            muted: !0,
-            size: 1
-        }) : null
-    });
-}
-
 function GroupHeading({busy: busy, count: count, title: title, end: end}) {
     /* @__PURE__ */
     return jsxs(Flex, {
@@ -5388,6 +5432,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] = useState(!1), raw = dateControlValue({
+        state: state,
+        dueDates: dueDates
+    }), display = raw === void 0 ? null : /* @__PURE__ */ jsx(Text, {
+        muted: !0,
+        size: 1,
+        children: formatDate(raw)
+    });
+    if (state.kind === "none") return display;
+    if (state.kind === "closed") return display === null ? null : /* @__PURE__ */ jsx(HoverHint, {
+        text: state.reason,
+        children: /* @__PURE__ */ jsx(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 jsx(DismissablePopover, {
+        content: /* @__PURE__ */ jsx(Box, {
+            onClick: stopRowClick,
+            children: state.kind === "loading" || kind === void 0 ? /* @__PURE__ */ jsx(LoadingRow, {
+                label: "Loading…",
+                padding: 3
+            }) : /* @__PURE__ */ jsx(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__ */ jsx(Button, {
+            "aria-label": "Change date",
+            as: "span",
+            fontSize: 1,
+            mode: "bleed",
+            onClick: handleClick,
+            onMouseDown: stopRowMouseDown,
+            padding: 2,
+            children: display
+        }) : /* @__PURE__ */ jsx(HoverHint, {
+            disabled: open,
+            text: "Set date",
+            children: /* @__PURE__ */ jsx(Button, {
+                "aria-label": "Set date",
+                as: "span",
+                fontSize: 1,
+                icon: CalendarIcon,
+                mode: "bleed",
+                onClick: handleClick,
+                onMouseDown: stopRowMouseDown,
+                padding: 2
+            })
+        })
+    });
+}
+
 function settledDim(settled) {
     return settled ? {
         opacity: .66
@@ -5460,7 +5590,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 = isTerminalActivityStatus(face.status), dimmed = settledDim(settled);
     /* @__PURE__ */
     return jsxs(WorkRow, {
@@ -5470,7 +5600,13 @@ function ActivityRow({face: face, breadcrumb: breadcrumb, assigneeIds: assigneeI
                 activity: face.activityName,
                 instanceId: instanceId,
                 surface: surface
-            }), dateControl, 
+            }), 
+            /* @__PURE__ */ jsx(ActivityDateControl, {
+                dueDates: dueDates,
+                instanceId: instanceId,
+                state: dateState,
+                surface: surface
+            }), 
             /* @__PURE__ */ jsx(AssignActivityControl, {
                 assigneeIds: assigneeIds,
                 instanceId: instanceId,
@@ -7164,18 +7300,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) {
@@ -8052,7 +8186,7 @@ function WorkflowsPanel({entries: entries, documentId: documentId, docTypeMappin
                 children: /* @__PURE__ */ jsx(Flex, {
                     direction: "column",
                     flex: 1,
-                    children: view === "overview" ? /* @__PURE__ */ jsx(OverviewTab, {
+                    children: view === "overview" ? /* @__PURE__ */ jsx(OverviewSections, {
                         active: active,
                         empty: /* @__PURE__ */ jsx(OverviewEmptyState, {
                             docId: documentId,
@@ -8076,7 +8210,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 jsxs(Stack, {
         gap: 5,
@@ -9296,7 +9430,7 @@ function InitFieldRow({entry: entry, docType: docType, releaseId: releaseId, val
             /* @__PURE__ */ jsx(Text, {
                 size: 1,
                 weight: "medium",
-                children: gatesStart(entry) ? `${label} (Required)` : label
+                children: isRequiredEntry(entry) ? `${label} (Required)` : label
             }), entry.description ? /* @__PURE__ */ jsx(Text, {
                 muted: !0,
                 size: 1,
@@ -10158,6 +10292,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 = route.create("/", [ route.create("/instance/:instanceId"), route.create(`/${LANDING_TAB}/:workflowName`, [ route.create("/:workflowPage") ]), 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 = lazy(() => import("./workflows-tool-root.js"));
 
 function LazyWorkflowsTool() {
@@ -10173,7 +10404,7 @@ const workflowsTool = {
     title: "Workflows",
     icon: TransferIcon,
     component: LazyWorkflowsTool,
-    router: route.create("/", [ route.create("/instance/:instanceId"), route.create("/definition/:definitionName"), route.create("/documents/:boardDefinition"), 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" ] ]);
@@ -10267,4 +10498,4 @@ function WorkflowRootInput(props) {
     });
 }
 
-export { ActivityDetailDialog, ActivityRow, BreadcrumbTail, CautionNote, CollapsibleBand, CountedLabel, DismissablePopover, DocPreviewLink, DocRefFace, EmptyState, ForMeEmptyState, HintedMenuButton, HoverHint, InstanceSnapshotBody, InvalidDocNotice, LinkChip, LoadingRow, LogEventOnMount, MetaRow, NOTICE_PADDING, SpinnerSlot, StageFace, StaleLock, TOAST_ID, TabSwitch, TrailingHairline, UnreadableDocsNote, UserAvatar, WORKFLOW_API_VERSION, WorkflowBoardLayoutChanged, WorkflowBoardWorkflowSelected, WorkflowDefinitionDetailViewed, WorkflowInstanceDetailViewed, WorkflowTaskFiltersApplied, WorkflowTitleSeedDrifted, WorkflowToolOpened, activityRowProps, assigneeUserIdsOf, chipPadding, committedRowFace, createSubscribers, dateControlKind, dateControlValue, definitionFingerprint, definitionSnapshotOf, describeError, findActivity, findActivityNode, formatDate, formatDateTime, formatShortAgo, formatShortDateTime, formatTimeAgo, gdrLocality, hasTimeOfDay, instanceBreadcrumb, instanceTitle, isActivityAssignedTo, isDateFieldKind, isEvaluationStale, isLiveEntry, isOpenActivityStatus, mappingIssueDetail, namesNoDeployedDefinition, openActivityGone, openableSchemaType, parseDateFieldValue, parseStoredDateValue, pathSegmentTab, readDeployedDefinitions, rowAssignControlState, rowDateControlState, serializeDateFieldValue, stageTitle, stateByActivity, stopRowClick, stopRowMouseDown, useAssignmentIdentity, useAvatarSize, useBadgeCapTrim, useContainerToken, useDefinition, useDelayedFlag, useEditField, useLogEventOnMount, useProjectMembers, useRadiusToken, useSaveField, useSpaceToken, useUserDisplay, useUserDisplays, useWorkflowContext, useWorkflowInstanceEntry, useWorkflowToast, workflowDefaultDocumentNode, workflowStudioPlugin, workflowsView };
+export { ActivityDetailDialog, ActivityRow, BreadcrumbTail, CautionNote, CollapsibleBand, CountedLabel, DismissablePopover, DocPreviewLink, DocRefFace, EmptyState, ForMeEmptyState, Hairline, HintedMenuButton, HoverHint, InstanceSnapshotBody, InvalidDocNotice, LinkChip, LoadingRow, LogEventOnMount, MetaRow, SpinnerSlot, StageFace, StaleLock, TOAST_ID, TOOL_TABS, TabSwitch, TrailingHairline, UnreadableDocsNote, UserAvatar, WORKFLOW_API_VERSION, WORKFLOW_PAGE_TABS, WorkflowAbortDialogOpened, WorkflowAbortDialogSubmitted, WorkflowBoardWorkflowSelected, WorkflowDefinitionDetailViewed, WorkflowInstanceDetailViewed, WorkflowTaskFiltersApplied, WorkflowTitleSeedDrifted, WorkflowToolOpened, activityRowProps, assigneeUserIdsOf, backToTabLabel, committedRowFace, createSubscribers, datesOf, definitionFingerprint, definitionSnapshotOf, describeError, dueDatesOf, findActivity, findActivityNode, formatDate, formatDateTime, formatShortAgo, formatShortDateTime, formatTimeAgo, gdrLocality, instanceBreadcrumb, instanceState, instanceTitle, isActivityAssignedTo, isEvaluationStale, isLiveEntry, isOpenActivityStatus, landingState, mappingIssueDetail, namesNoDeployedDefinition, openActivityGone, openableSchemaType, parseStoredDateValue, readDeployedDefinitions, rowAssignControlState, rowDateControlState, stageTitle, stateByActivity, tabSelectionNavigates, toolRoute, toolTabState, useAssignmentIdentity, useAvatarSize, useBadgeCapTrim, useContainerToken, useDefinition, useDelayedFlag, useLogEventOnMount, useProjectMembers, useSpaceToken, useUserDisplay, useUserDisplays, useWorkflowContext, useWorkflowInstanceEntry, useWorkflowToast, workflowDefaultDocumentNode, workflowPageState, workflowState, workflowStudioPlugin, workflowsView };