@sanity/workflow-studio-plugin 0.26.0 → 0.27.0

package/dist/_chunks-es/workflows-tool-root.js

@@ -1,20 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 
-import { Text, Dialog, Box, Stack, TextInput, Flex, Button, Menu, MenuItem, useTheme_v2, Card, Grid, Badge, MenuButton, TabPanel } from "@sanity/ui";
+import { Text, Stack, Flex, Button, Box, Card, Grid, TextInput, Dialog, Badge, useTheme_v2, MenuButton, Menu, MenuItem, TabPanel } from "@sanity/ui";
 
 import { useWorkflowTelemetry } from "@sanity/workflow-react";
 
-import { useState, useMemo, useEffect, useRef, useSyncExternalStore, useCallback } from "react";
+import { useState, useEffect, useMemo, useRef, useSyncExternalStore, useCallback } from "react";
 
 import { useRouter } from "sanity/router";
 
-import { TOAST_ID, describeError, useWorkflowContext, useDefinition, useWorkflowToast, useLogEventOnMount, WorkflowAbortDialogOpened, instanceTitle, WorkflowAbortDialogSubmitted, isLiveEntry, stageTitle, UserAvatar, useAvatarSize, HintedMenuButton, HoverHint, useUserDisplay, formatShortAgo, formatDateTime, isEvaluationStale, useSpaceToken, DocPreviewLink, SpinnerSlot, useWorkflowInstanceEntry, WorkflowInstanceDetailViewed, LoadingRow, InvalidDocNotice, useContainerToken, openActivityGone, InstanceSnapshotBody, ActivityDetailDialog, instanceBreadcrumb, namesNoDeployedDefinition, mappingIssueDetail, formatTimeAgo, formatShortDateTime, readDeployedDefinitions, EmptyState, CautionNote, DismissablePopover, createSubscribers, useDelayedFlag, definitionSnapshotOf, findActivity, stateByActivity, findActivityNode, rowDateControlState, rowAssignControlState, isActivityAssignedTo, assigneeUserIdsOf, dueDatesOf, datesOf, isOpenActivityStatus, committedRowFace, activityRowProps, gdrLocality, WORKFLOW_API_VERSION, openableSchemaType, formatDate, parseStoredDateValue, useUserDisplays, useProjectMembers, WorkflowTaskFiltersApplied, DocRefFace, CollapsibleBand, LinkChip, BreadcrumbTail, StageFace, TrailingHairline, StaleLock, ActivityRow, WorkflowTitleSeedDrifted, UnreadableDocsNote, ForMeEmptyState, useBadgeCapTrim, CountedLabel, MetaRow, TabSwitch, WORKFLOW_PAGE_TABS, definitionFingerprint, Hairline, LogEventOnMount, WorkflowBoardWorkflowSelected, WorkflowDefinitionDetailViewed, toolRoute, landingState, TOOL_TABS, tabSelectionNavigates, WorkflowToolOpened, toolTabState, workflowPageState, instanceState, backToTabLabel, useAssignmentIdentity, workflowState } from "./index.js";
-
-import { ClockIcon } from "@sanity/icons/Clock";
-
-import { CogIcon } from "@sanity/icons/Cog";
-
-import { EllipsisHorizontalIcon } from "@sanity/icons/EllipsisHorizontal";
+import { isLiveEntry, AbortWorkflowDialog, isEvaluationStale, useSpaceToken, DocPreviewLink, SpinnerSlot, useWorkflowInstanceEntry, useLogEventOnMount, WorkflowInstanceDetailViewed, LoadingRow, InvalidDocNotice, useDefinition, useContainerToken, openActivityGone, InstanceSnapshotBody, ActivityLog, ActivityDetailDialog, instanceBreadcrumb, CodeChip, instanceTitle, namesNoDeployedDefinition, mappingIssueDetail, formatTimeAgo, formatShortDateTime, useWorkflowContext, readDeployedDefinitions, describeError, EmptyState, CautionNote, HoverHint, DismissablePopover, createSubscribers, useDelayedFlag, definitionSnapshotOf, findActivity, stageTitle, stateByActivity, findActivityNode, rowDateControlState, rowAssignControlState, isActivityAssignedTo, assigneesOf, dueDatesOf, datesOf, isOpenActivityStatus, committedRowFace, activityRowProps, gdrLocality, TOAST_ID, WORKFLOW_API_VERSION, useWorkflowToast, openableSchemaType, formatDate, parseStoredDateValue, useUserDisplays, useProjectMembers, WorkflowTaskFiltersApplied, DocRefFace, Hairline, LinkChip, BreadcrumbTail, StageFace, StaleLock, ActivityRow, WorkflowTitleSeedDrifted, UnreadableDocsNote, ForMeEmptyState, useBadgeCapTrim, CountedLabel, MetaRow, TabSwitch, WORKFLOW_PAGE_TABS, definitionFingerprint, LogEventOnMount, WorkflowBoardWorkflowSelected, WorkflowDefinitionDetailViewed, toolRoute, landingState, TOOL_TABS, tabSelectionNavigates, WorkflowToolOpened, toolTabState, workflowPageState, instanceState, backToTabLabel, useAssignmentIdentity, workflowState } from "./index.js";
 
 import { entryDocRefs, startKindOf, isSubjectEntry, isInputSourced, latestDeployedDefinitions, terminalState, isStartableDefinition, toBareId, findOpenStageEntry } from "@sanity/workflow-engine";
 
@@ -46,24 +40,16 @@ import { endOfDay } from "date-fns/endOfDay";
 
 import { createPortal } from "react-dom";
 
+import { ChevronDownIcon } from "@sanity/icons/ChevronDown";
+
+import { ChevronRightIcon } from "@sanity/icons/ChevronRight";
+
 import { isReferenceSchemaType } from "@sanity/types";
 
 import { WorkflowDiagram } from "@sanity/workflow-diagram";
 
-import { ChevronDownIcon } from "@sanity/icons/ChevronDown";
-
 import { useReducedMotion, motion, useSpring, useMotionValueEvent } from "motion/react";
 
-function CodeChip({value: value}) {
-    /* @__PURE__ */
-    return jsx("code", {
-        style: {
-            overflowWrap: "anywhere"
-        },
-        children: value
-    });
-}
-
 function SectionHeading({children: children}) {
     /* @__PURE__ */
     return jsx(Text, {
@@ -73,146 +59,6 @@ function SectionHeading({children: children}) {
     });
 }
 
-function normalizeAbortReason(raw) {
-    const trimmed = raw.trim();
-    return trimmed === "" ? void 0 : trimmed;
-}
-
-function abortCommitReport(args) {
-    return args.changed ? {
-        outcome: "aborted",
-        toast: abortedToast(args.title)
-    } : {
-        outcome: "already-settled",
-        toast: abortAlreadySettledToast(args.title)
-    };
-}
-
-function abortedToast(title) {
-    return {
-        id: TOAST_ID.abort,
-        status: "info",
-        title: `Aborted “${title}”`
-    };
-}
-
-function abortAlreadySettledToast(title) {
-    return {
-        id: TOAST_ID.abort,
-        status: "info",
-        title: `“${title}” had already finished`,
-        description: "Nothing was aborted — the workflow reached a terminal state first."
-    };
-}
-
-function abortUnconfirmedToast(args) {
-    return {
-        id: TOAST_ID.abort,
-        status: "warning",
-        title: `Couldn’t confirm “${args.title}” was aborted`,
-        description: `${describeError(args.err)} — the abort may still have committed, so check the workflow’s state before trying again.`
-    };
-}
-
-function AbortWorkflowDialog({entry: entry, onClose: onClose}) {
-    const {engine: engine} = useWorkflowContext(), definition = useDefinition(entry), toast = useWorkflowToast(), telemetry = useWorkflowTelemetry(), [typedReason, setTypedReason] = useState(""), [pending, setPending] = useState(!1), {instance: instance} = entry, title = instanceTitle(instance, definition), reason = normalizeAbortReason(typedReason), reasonInputId = `abort-workflow-reason-${instance._id}`;
-    useLogEventOnMount(WorkflowAbortDialogOpened, {
-        instanceId: instance._id
-    });
-    const confirm = async () => {
-        if (reason === void 0) return;
-        const log = outcome => telemetry.log(WorkflowAbortDialogSubmitted, {
-            instanceId: instance._id,
-            outcome: outcome
-        });
-        setPending(!0);
-        try {
-            const {changed: changed} = await engine.abortInstance({
-                instanceId: instance._id,
-                reason: reason
-            }), report = abortCommitReport({
-                title: title,
-                changed: changed
-            });
-            toast.push(report.toast), log(report.outcome), onClose();
-        } catch (err) {
-            toast.push(abortUnconfirmedToast({
-                title: title,
-                err: err
-            })), log("unconfirmed"), setPending(!1);
-        }
-    };
-    /* @__PURE__ */
-    return jsx(Dialog, {
-        footer: /* @__PURE__ */ jsx(Box, {
-            padding: 3,
-            children: /* @__PURE__ */ jsxs(Flex, {
-                gap: 2,
-                justify: "flex-end",
-                children: [ 
-                /* @__PURE__ */ jsx(Button, {
-                    disabled: pending,
-                    fontSize: 1,
-                    mode: "bleed",
-                    onClick: onClose,
-                    padding: 2,
-                    text: "Cancel"
-                }), 
-                /* @__PURE__ */ jsx(Button, {
-                    disabled: reason === void 0,
-                    fontSize: 1,
-                    loading: pending,
-                    onClick: () => {
-                        confirm();
-                    },
-                    padding: 2,
-                    text: "Abort workflow",
-                    tone: "critical"
-                }) ]
-            })
-        }),
-        header: "Abort workflow",
-        id: `abort-workflow-${instance._id}`,
-        onClose: () => {
-            pending || onClose();
-        },
-        width: 0,
-        children: /* @__PURE__ */ jsx(Box, {
-            padding: 4,
-            children: /* @__PURE__ */ jsxs(Stack, {
-                gap: 5,
-                children: [ 
-                /* @__PURE__ */ jsxs(Text, {
-                    size: 1,
-                    children: [ "Abort the ", 
-                    /* @__PURE__ */ jsx("strong", {
-                        children: title
-                    }), " workflow? This cannot be undone." ]
-                }), 
-                /* @__PURE__ */ jsxs(Stack, {
-                    gap: 3,
-                    children: [ 
-                    /* @__PURE__ */ jsx(Text, {
-                        as: "label",
-                        htmlFor: reasonInputId,
-                        size: 1,
-                        weight: "medium",
-                        children: "Reason"
-                    }), 
-                    /* @__PURE__ */ jsx(TextInput, {
-                        autoFocus: !0,
-                        fontSize: 1,
-                        id: reasonInputId,
-                        onChange: event => setTypedReason(event.currentTarget.value),
-                        placeholder: "Why is this workflow being stopped?",
-                        value: typedReason
-                    }) ]
-                }) ]
-            })
-        })
-    });
-}
-
 function AbortWorkflowSection({entry: entry}) {
     const [aborting, setAborting] = useState(!1);
     return isLiveEntry(entry) ? /* @__PURE__ */ jsxs(Stack, {
@@ -237,361 +83,6 @@ function AbortWorkflowSection({entry: entry}) {
     }) : null;
 }
 
-function makeTitleResolver(definition) {
-    const activities = (definition?.stages ?? []).flatMap(s => s.activities ?? []);
-    return {
-        action: (activityName, actionName) => activities.find(t => t.name === activityName)?.actions?.find(a => a.name === actionName)?.title ?? actionName,
-        activity: name => activities.find(t => t.name === name)?.title ?? name,
-        stage: name => stageTitle(definition, name)
-    };
-}
-
-function attributed(actor, ...parts) {
-    if (actor) return {
-        actorId: actor.id,
-        parts: parts
-    };
-    const [first, ...rest] = parts;
-    return typeof first != "string" ? {
-        actorId: void 0,
-        parts: parts
-    } : {
-        actorId: void 0,
-        parts: [ first.charAt(0).toUpperCase() + first.slice(1), ...rest ]
-    };
-}
-
-function standalone(...parts) {
-    return {
-        actorId: void 0,
-        parts: parts
-    };
-}
-
-const historyLiner = {
-    stageEntered: (h, titles) => attributed(h.actor, `entered ${titles.stage(h.stage)}${h.fromStage ? ` from ${titles.stage(h.fromStage)}` : ""}`),
-    stageExited: (h, titles) => attributed(h.actor, `left ${titles.stage(h.stage)} for ${titles.stage(h.toStage)}`),
-    activityStatusChanged: (h, titles) => attributed(h.actor, `changed ${titles.activity(h.activity)}: ${h.from} → ${h.to}`),
-    actionFired: (h, titles) => {
-        const phrase = `fired ${titles.action(h.activity, h.action)} on ${titles.activity(h.activity)}`;
-        return h.triggered ? standalone(`The workflow ${phrase}`) : attributed(h.actor, phrase);
-    },
-    transitionFired: (h, titles) => attributed(h.actor, `moved ${titles.stage(h.fromStage)} → ${titles.stage(h.toStage)}`),
-    effectQueued: h => standalone("Effect ", {
-        code: h.effect
-    }, " queued"),
-    effectCompleted: h => {
-        const detail = h.detail ? ` — ${h.detail}` : "";
-        return h.actor ? attributed(h.actor, "resolved effect ", {
-            code: h.effect
-        }, ` — ${h.status}${detail}`) : standalone("Effect ", {
-            code: h.effect
-        }, ` ${h.status}${detail}`);
-    },
-    effectClaimReleased: h => attributed(h.actor, "released a stale claim on effect ", {
-        code: h.effect
-    }, ` ${h.via === "sweep" ? "via the sweeper" : "via a drain takeover"}`),
-    spawned: (h, titles) => attributed(h.actor, `spawned a child workflow from ${titles.activity(h.activity)}`),
-    subworkflowAdopted: (h, titles) => standalone(`Re-adopted child workflow into ${titles.activity(h.activity)} on re-entering ${titles.stage(h.stage)}`),
-    subworkflowResolved: (h, titles) => standalone(`Child workflow of ${titles.activity(h.activity)} ${h.status === "done" ? "completed" : "was aborted"}`),
-    subworkflowOrphaned: h => standalone(`Orphaned child workflow reached terminal — ${h.detail}`),
-    aborted: (h, titles) => attributed(h.actor, `aborted the workflow at ${titles.stage(h.stage)}${h.reason ? ` — ${h.reason}` : ""}`),
-    opApplied: (h, titles) => h.action ? attributed(h.actor, `changed state via action ${titles.action(h.activity ?? "", h.action)}`) : h.activity ? attributed(h.actor, `changed state via activity ${titles.activity(h.activity)}`) : attributed(h.actor, "changed state via ", {
-        code: h.opType
-    }),
-    fieldQueryDiscarded: h => standalone({
-        code: JSON.stringify(h)
-    })
-};
-
-function historyLine(h, titles) {
-    return historyLiner[h._type](h, titles);
-}
-
-function historyWindow(args) {
-    const {entries: entries, expanded: expanded} = args;
-    return {
-        overflows: entries.length > 6,
-        shown: expanded ? entries : entries.slice(0, 6)
-    };
-}
-
-function PendingEffectRows({instance: instance, now: now}) {
-    const {drainEffectsFor: drainEffectsFor, completeEffectFor: completeEffectFor, effectHandlers: effectHandlers} = useWorkflowContext(), toast = useWorkflowToast(), [busy, setBusy] = useState(!1), pending = instance.pendingEffects ?? [];
-    if (pending.length === 0) return null;
-    const runRegistered = async () => {
-        setBusy(!0);
-        try {
-            await drainEffectsFor(instance._id), toast.push({
-                id: TOAST_ID.effectsDrain,
-                status: "info",
-                title: "Ran the registered handlers"
-            });
-        } catch (err) {
-            toast.push({
-                id: TOAST_ID.effectsDrain,
-                status: "error",
-                title: "Failed to run pending effects",
-                description: describeError(err)
-            });
-        } finally {
-            setBusy(!1);
-        }
-    }, resolve = async (effectKey, status) => {
-        setBusy(!0);
-        try {
-            await completeEffectFor(instance._id, {
-                effectKey: effectKey,
-                status: status,
-                detail: "Resolved in Studio"
-            }), toast.push({
-                id: TOAST_ID.effectResolve,
-                status: "info",
-                title: `Effect marked as ${status}`
-            });
-        } catch (err) {
-            toast.push({
-                id: TOAST_ID.effectResolve,
-                status: "error",
-                title: "Failed to resolve the effect",
-                description: describeError(err)
-            });
-        } finally {
-            setBusy(!1);
-        }
-    };
-    /* @__PURE__ */
-    return jsx(Fragment, {
-        children: pending.map(fx => /* @__PURE__ */ jsx(PendingEffectRow, {
-            busy: busy,
-            effect: fx,
-            instanceId: instance._id,
-            now: now,
-            onResolve: status => resolve(fx._key, status),
-            onRunHandlers: runRegistered,
-            registered: fx.name in effectHandlers
-        }, fx._key))
-    });
-}
-
-function PendingEffectRow({busy: busy, effect: effect, instanceId: instanceId, now: now, onResolve: onResolve, onRunHandlers: onRunHandlers, registered: registered}) {
-    const label = effect.title ?? effect.name, avatarSize = useAvatarSize();
-    /* @__PURE__ */
-    return jsxs(Flex, {
-        align: "center",
-        gap: 2,
-        children: [ 
-        /* @__PURE__ */ jsx(FeedGlyph, {
-            hint: "Waiting to run",
-            icon: /* @__PURE__ */ jsx(ClockIcon, {})
-        }), 
-        /* @__PURE__ */ jsxs(Flex, {
-            align: "center",
-            flex: 1,
-            gap: 1,
-            style: {
-                minWidth: 0
-            },
-            children: [ 
-            /* @__PURE__ */ jsx(Box, {
-                style: {
-                    minWidth: 0
-                },
-                children: /* @__PURE__ */ jsxs(Text, {
-                    size: 1,
-                    textOverflow: "ellipsis",
-                    children: [ effect.title ?? /* @__PURE__ */ jsx(CodeChip, {
-                        value: effect.name
-                    }), registered ? " — ready to run in Studio" : " — waiting for the runtime" ]
-                })
-            }), 
-            /* @__PURE__ */ jsx(FeedStamp, {
-                at: effect.queuedAt,
-                now: now
-            }) ]
-        }), 
-        /* @__PURE__ */ jsx(Flex, {
-            align: "center",
-            flex: "none",
-            style: {
-                height: avatarSize
-            },
-            children: /* @__PURE__ */ jsx(HintedMenuButton, {
-                button: /* @__PURE__ */ jsx(Button, {
-                    "aria-label": `Resolve ${label}`,
-                    disabled: busy,
-                    fontSize: 1,
-                    icon: EllipsisHorizontalIcon,
-                    mode: "bleed",
-                    padding: 2
-                }),
-                hint: "Resolve",
-                id: `pending-effect-menu-${instanceId}-${effect._key}`,
-                menu: /* @__PURE__ */ jsxs(Menu, {
-                    children: [ registered ? /* @__PURE__ */ jsx(MenuItem, {
-                        onClick: onRunHandlers,
-                        text: "Run registered handlers"
-                    }) : null, 
-                    /* @__PURE__ */ jsx(MenuItem, {
-                        onClick: () => onResolve("done"),
-                        text: "Mark done"
-                    }), 
-                    /* @__PURE__ */ jsx(MenuItem, {
-                        onClick: () => onResolve("failed"),
-                        text: "Mark failed",
-                        tone: "critical"
-                    }) ]
-                }),
-                popover: {
-                    placement: "bottom-end",
-                    portal: !0
-                }
-            })
-        }) ]
-    });
-}
-
-function ActivityLog({instance: instance, definition: definition}) {
-    const titles = useMemo(() => makeTitleResolver(definition), [ definition ]), entries = useMemo(() => instance.history.toReversed(), [ instance.history ]), [now, setNow] = useState(() => /* @__PURE__ */ new Date), [expanded, setExpanded] = useState(!1);
-    useEffect(() => {
-        const timer = setInterval(() => setNow(/* @__PURE__ */ new Date), 6e4);
-        return () => clearInterval(timer);
-    }, []);
-    const history = historyWindow({
-        entries: entries,
-        expanded: expanded
-    });
-    return entries.length === 0 && (instance.pendingEffects ?? []).length === 0 ? /* @__PURE__ */ jsx(Text, {
-        muted: !0,
-        size: 1,
-        children: "No activity yet"
-    }) : /* @__PURE__ */ jsxs(Stack, {
-        gap: 3,
-        children: [ 
-        /* @__PURE__ */ jsx(PendingEffectRows, {
-            instance: instance,
-            now: now
-        }), history.shown.map(h => /* @__PURE__ */ jsx(HistoryRow, {
-            entry: h,
-            now: now,
-            titles: titles
-        }, h._key)), history.overflows ? /* @__PURE__ */ jsx(Flex, {
-            children: /* @__PURE__ */ jsx(Button, {
-                fontSize: 1,
-                mode: "bleed",
-                onClick: () => setExpanded(!expanded),
-                padding: 2,
-                text: expanded ? "Show less history" : "Show all history"
-            })
-        }) : null ]
-    });
-}
-
-function FeedStamp({at: at, now: now}) {
-    /* @__PURE__ */
-    return jsxs(Flex, {
-        align: "center",
-        flex: "none",
-        gap: 1,
-        children: [ 
-        /* @__PURE__ */ jsx(Text, {
-            muted: !0,
-            size: 1,
-            children: "·"
-        }), 
-        /* @__PURE__ */ jsx(HoverHint, {
-            text: formatDateTime(at),
-            children: /* @__PURE__ */ jsx(Text, {
-                muted: !0,
-                size: 1,
-                style: {
-                    whiteSpace: "nowrap"
-                },
-                children: formatShortAgo(at, now)
-            })
-        }) ]
-    });
-}
-
-function HistoryRow({entry: entry, now: now, titles: titles}) {
-    const line = historyLine(entry, titles);
-    /* @__PURE__ */
-    return jsxs(Flex, {
-        align: "center",
-        gap: 2,
-        children: [ line.actorId === void 0 ? /* @__PURE__ */ jsx(FeedGlyph, {
-            hint: "The workflow",
-            icon: /* @__PURE__ */ jsx(CogIcon, {})
-        }) : /* @__PURE__ */ jsx(UserAvatar, {
-            id: line.actorId
-        }), 
-        /* @__PURE__ */ jsxs(Flex, {
-            align: "center",
-            flex: 1,
-            gap: 1,
-            style: {
-                minWidth: 0
-            },
-            children: [ 
-            /* @__PURE__ */ jsx(Box, {
-                style: {
-                    minWidth: 0
-                },
-                children: /* @__PURE__ */ jsxs(Text, {
-                    muted: !0,
-                    size: 1,
-                    textOverflow: "ellipsis",
-                    children: [ line.actorId === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, {
-                        children: [ 
-                        /* @__PURE__ */ jsx(ActorNameSpan, {
-                            id: line.actorId
-                        }), " " ]
-                    }), line.parts.map((part, index) => typeof part == "string" ? part : /* @__PURE__ */ jsx(CodeChip, {
-                        value: part.code
-                    }, index)) ]
-                })
-            }), 
-            /* @__PURE__ */ jsx(FeedStamp, {
-                at: entry.at,
-                now: now
-            }) ]
-        }) ]
-    });
-}
-
-function ActorNameSpan({id: id}) {
-    const {name: name} = useUserDisplay(id), {font: font} = useTheme_v2();
-    /* @__PURE__ */
-    return jsx("span", {
-        style: {
-            fontWeight: font.text.weights.medium
-        },
-        children: name
-    });
-}
-
-function FeedGlyph({hint: hint, icon: icon}) {
-    const size = useAvatarSize();
-    /* @__PURE__ */
-    return jsx(HoverHint, {
-        text: hint,
-        children: /* @__PURE__ */ jsx(Flex, {
-            align: "center",
-            flex: "none",
-            justify: "center",
-            style: {
-                height: size,
-                width: size
-            },
-            children: /* @__PURE__ */ jsx(Text, {
-                muted: !0,
-                size: 1,
-                children: icon
-            })
-        })
-    });
-}
-
 function documentRefsOf(instance) {
     const seen = /* @__PURE__ */ new Map;
     for (const ref of entryDocRefs(instance.fields)) seen.has(ref.id) || seen.set(ref.id, ref);
@@ -1593,7 +1084,7 @@ function taskRowsOf(args) {
             open: isOpenActivityStatus(activity.status),
             dates: datesOf(fields),
             dueDates: dueDatesOf(fields),
-            assigneeIds: assigneeUserIdsOf(fields),
+            assignees: assigneesOf(fields),
             assignedToMe: identity !== void 0 && isActivityAssignedTo({
                 state: fields,
                 who: identity
@@ -1690,7 +1181,7 @@ function taskRowRender(row, entry) {
     return entry?.evaluation === void 0 || activityEval === void 0 ? {
         face: committedRowFace(row),
         assignState: row.assignControl,
-        assigneeIds: row.assigneeIds,
+        assignees: row.assignees,
         dateState: row.dateControl,
         dueDates: row.dueDates,
         terminalActions: [],
@@ -2127,7 +1618,7 @@ function statusArm(row, statuses) {
 
 function assigneeArm(row, assigneeIds) {
     const arm = activeArm(assigneeIds);
-    return arm ? arm.some(id => row.assigneeIds.includes(id)) : !0;
+    return arm ? row.assignees.some(item => item.type === "user" && arm.includes(item.id)) : !0;
 }
 
 function rowMatches(args) {
@@ -2651,6 +2142,55 @@ function FilterRowPortal({filters: filters, onChange: onChange, options: options
     }), slot) : null;
 }
 
+function CollapsibleBand({header: header, children: children, background: background = !1, defaultOpen: defaultOpen = !0, onToggle: onToggle, open: controlledOpen, sticky: sticky = !1, title: title}) {
+    const [heldOpen, setHeldOpen] = useState(defaultOpen), open = controlledOpen ?? heldOpen, toggle = onToggle ?? (() => setHeldOpen(value => !value)), verb = open ? "Collapse" : "Expand";
+    /* @__PURE__ */
+    return jsxs(Stack, {
+        gap: 1,
+        children: [ 
+        /* @__PURE__ */ jsx(Card, {
+            onDoubleClick: event => {
+                event.target instanceof Element && event.target.closest("a, button") || toggle();
+            },
+            padding: 1,
+            radius: 3,
+            style: {
+                userSelect: "none",
+                ...sticky ? {
+                    position: "sticky",
+                    top: 0,
+                    zIndex: 1
+                } : {}
+            },
+            tone: background ? "transparent" : "inherit",
+            children: /* @__PURE__ */ jsxs(Flex, {
+                align: "center",
+                children: [ 
+                /* @__PURE__ */ jsx(Button, {
+                    "aria-label": `${verb} ${title}`,
+                    fontSize: 1,
+                    icon: open ? ChevronDownIcon : ChevronRightIcon,
+                    mode: "bleed",
+                    onClick: toggle,
+                    padding: 2
+                }), header ]
+            })
+        }), open ? children : null ]
+    });
+}
+
+function TrailingHairline() {
+    /* @__PURE__ */
+    return jsx(Box, {
+        flex: 1,
+        paddingLeft: 1,
+        paddingRight: 1,
+        children: /* @__PURE__ */ jsx(Hairline, {
+            weight: .5
+        })
+    });
+}
+
 function isPlainClick(event) {
     return !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey;
 }
@@ -2856,7 +2396,7 @@ function TaskActivityRow({row: row, onOpen: onOpen, showTerminalActions: showTer
             stale: render.stale,
             children: /* @__PURE__ */ jsx(ActivityRow, {
                 assignState: render.assignState,
-                assigneeIds: render.assigneeIds,
+                assignees: render.assignees,
                 dateState: render.dateState,
                 dueDates: render.dueDates,
                 face: render.face,