@sanity/workflow-studio-plugin 0.27.0 → 0.28.0

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

@@ -8,9 +8,9 @@ import { useState, useEffect, useMemo, useRef, useSyncExternalStore, useCallback
 
 import { useRouter } from "sanity/router";
 
-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 { 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, NoteBanner, EmptyState, HoverHint, DismissablePopover, createSubscribers, useDelayedFlag, definitionSnapshotOf, findActivity, stageTitle, stateByActivity, findActivityNode, rowDateControlState, rowAssignControlState, isRoleAssignedTo, 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, RoleAssignedNotice, 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";
+import { entryDocRefs, startKindOf, isSubjectEntry, isInputSourced, errorMessage, latestDeployedDefinitions, terminalState, isStartableDefinition, toBareId, findOpenStageEntry } from "@sanity/workflow-engine";
 
 import { ArrowLeftIcon } from "@sanity/icons/ArrowLeft";
 
@@ -476,13 +476,45 @@ function deployedPhrase(definition) {
     return ago === "" ? formatShortDateTime(deployedAt) : `${formatShortDateTime(deployedAt)} (${ago})`;
 }
 
-const TOOL_PANEL_PADDING = 3, TOOL_HEADING_PADDING = 2;
+const TOOL_PANEL_PADDING = 3, TOOL_HEADING_PADDING = 2, logged = /* @__PURE__ */ new WeakSet;
 
-function catalogReadError(error) {
-    return `Could not load the deployed workflows: ${error}`;
+function logReadFailure(what, error) {
+    if (typeof error == "object" && error !== null) {
+        if (logged.has(error)) return;
+        logged.add(error);
+    }
+    console.error(`[workflow-studio-plugin] could not load ${what}:`, error);
+}
+
+function useReadFailureLog(what, error) {
+    useEffect(() => {
+        error !== void 0 && logReadFailure(what, error);
+    }, [ what, error ]);
 }
 
-const lastRead = /* @__PURE__ */ new WeakMap, issuedReads = /* @__PURE__ */ new WeakMap;
+const INSTANCE_CAP = 200, INSTANCES_READ_FAILED = "Couldn’t load workflow data. Try again later.";
+
+function useCappedInstances(filter) {
+    const {engine: engine} = useWorkflowContext(), capped = useMemo(() => ({
+        ...filter,
+        limit: INSTANCE_CAP
+    }), [ filter ]), {instances: instances, loading: loading, unreadable: unreadable, error: error} = useWorkflowInstances({
+        engine: engine,
+        filter: capped
+    });
+    return useReadFailureLog("workflow data", error), useMemo(() => {
+        const rows = instances ?? [];
+        return {
+            rows: rows,
+            truncated: rows.length + unreadable.length === INSTANCE_CAP,
+            loading: loading,
+            unreadable: unreadable,
+            error: error === void 0 ? void 0 : errorMessage(error)
+        };
+    }, [ instances, loading, unreadable, error ]);
+}
+
+const CATALOG_READ_FAILED = "Couldn’t load the deployed workflows. Try again later.", lastRead = /* @__PURE__ */ new WeakMap, issuedReads = /* @__PURE__ */ new WeakMap;
 
 function useDeployedDefinitions() {
     const {engine: engine} = useWorkflowContext(), [definitions, setDefinitions] = useState(() => lastRead.get(engine)?.rows), [error, setError] = useState(void 0);
@@ -497,7 +529,7 @@ function useDeployedDefinitions() {
                 rows: latest
             }), cancelled || (setDefinitions(latest), setError(void 0));
         })().catch(err => {
-            cancelled || setError(describeError(err));
+            logReadFailure("the deployed workflows", err), cancelled || setError(describeError(err));
         }), () => {
             cancelled = !0;
         };
@@ -507,46 +539,30 @@ function useDeployedDefinitions() {
     };
 }
 
-const INSTANCE_CAP = 200;
-
-function useCappedInstances(filter) {
-    const {engine: engine} = useWorkflowContext(), capped = useMemo(() => ({
-        ...filter,
-        limit: INSTANCE_CAP
-    }), [ filter ]), {instances: instances, loading: loading, unreadable: unreadable} = useWorkflowInstances({
-        engine: engine,
-        filter: capped
-    });
-    return useMemo(() => {
-        const rows = instances ?? [];
-        return {
-            rows: rows,
-            truncated: rows.length + unreadable.length === INSTANCE_CAP,
-            loading: loading,
-            unreadable: unreadable
-        };
-    }, [ instances, loading, unreadable ]);
-}
-
 const INSTANCE_CAP_COUNT_NOTE = `Counts from the latest ${INSTANCE_CAP} workflows — older ones aren’t counted.`, NEWEST_INSTANCES = {
     includeCompleted: !0
 };
 
 function useToolInstances() {
-    const {rows: rows, truncated: truncated, loading: loading, unreadable: unreadable} = useCappedInstances(NEWEST_INSTANCES);
+    const {rows: rows, truncated: truncated, loading: loading, unreadable: unreadable, error: error} = useCappedInstances(NEWEST_INSTANCES);
     return useMemo(() => ({
         inFlight: rows.filter(instance => terminalState(instance) === "in-flight"),
         settled: rows.filter(instance => terminalState(instance) !== "in-flight"),
         truncated: truncated,
         loading: loading,
-        unreadable: unreadable
-    }), [ rows, truncated, loading, unreadable ]);
+        unreadable: unreadable,
+        error: error
+    }), [ rows, truncated, loading, unreadable, error ]);
 }
 
 function activeSummary(active) {
     return active === 0 ? "No active instances" : pluralize("active instance", active, !0);
 }
 
+function activeHeadline(args) {
+    if (args.error === void 0) return args.loading ? "counting active instances…" : activeSummary(args.active);
+}
+
 const CARD_MIN_WIDTH = 280, CARD_RADIUS$1 = 3, CARD_PADDING = 4, CARD_MIN_HEIGHT = 180;
 
 function OverviewTab({onOpenWorkflow: onOpenWorkflow}) {
@@ -556,13 +572,9 @@ function OverviewTab({onOpenWorkflow: onOpenWorkflow}) {
             titleOf: name => schema.get(name)?.title
         })
     });
-    if (error !== void 0) /* @__PURE__ */
-    return jsx(TabStatusRow, {
-        children: /* @__PURE__ */ jsx(Text, {
-            muted: !0,
-            size: 1,
-            children: catalogReadError(error)
-        })
+    if (error !== void 0) /* @__PURE__ */ return jsx(NoteBanner, {
+        label: CATALOG_READ_FAILED,
+        tone: "critical"
     });
     if (definitions === void 0) /* @__PURE__ */
     return jsx(TabStatusRow, {
@@ -589,13 +601,20 @@ function OverviewTab({onOpenWorkflow: onOpenWorkflow}) {
         mappings: mappings,
         inFlight: instances.inFlight,
         issues: mappingIssues
-    }), active = rows.reduce((sum, row) => sum + row.activeCount, 0);
+    }), active = rows.reduce((sum, row) => sum + row.activeCount, 0), activity = activeHeadline({
+        active: active,
+        error: instances.error,
+        loading: instances.loading
+    });
     /* @__PURE__ */
     return jsxs(Stack, {
         gap: 3,
         paddingBottom: 4,
         paddingTop: 3,
-        children: [ undeployed, 
+        children: [ undeployed, instances.error === void 0 ? null : /* @__PURE__ */ jsx(NoteBanner, {
+            label: INSTANCES_READ_FAILED,
+            tone: "critical"
+        }), 
         /* @__PURE__ */ jsxs(Flex, {
             align: "center",
             gap: 2,
@@ -605,11 +624,10 @@ function OverviewTab({onOpenWorkflow: onOpenWorkflow}) {
                 size: 1,
                 weight: "semibold",
                 children: pluralize("workflow", rows.length, !0)
-            }), 
-            /* @__PURE__ */ jsx(Text, {
+            }), activity === void 0 ? null : /* @__PURE__ */ jsx(Text, {
                 muted: !0,
                 size: 1,
-                children: instances.loading ? "counting active instances…" : activeSummary(active)
+                children: activity
             }) ]
         }), 
         /* @__PURE__ */ jsx(Grid, {
@@ -619,7 +637,7 @@ function OverviewTab({onOpenWorkflow: onOpenWorkflow}) {
                 gridTemplateColumns: `repeat(auto-fill, minmax(${CARD_MIN_WIDTH}px, 1fr))`
             },
             children: rows.map(row => /* @__PURE__ */ jsx(WorkflowCard, {
-                countPending: instances.loading,
+                countKnown: instances.error === void 0 && !instances.loading,
                 onOpen: () => onOpenWorkflow(row.name),
                 row: row
             }, row.name))
@@ -636,13 +654,13 @@ function UndeployedWorkflows({notices: notices}) {
     /* @__PURE__ */ jsx(Stack, {
         gap: 2,
         paddingBottom: 1,
-        children: notices.map(notice => /* @__PURE__ */ jsx(CautionNote, {
+        children: notices.map(notice => /* @__PURE__ */ jsx(NoteBanner, {
             label: notice
         }, notice))
     });
 }
 
-function WorkflowCard({countPending: countPending, onOpen: onOpen, row: row}) {
+function WorkflowCard({countKnown: countKnown, onOpen: onOpen, row: row}) {
     const flagged = row.brokenBindings.length > 0, card = /* @__PURE__ */ jsx(Card, {
         as: "button",
         onClick: onOpen,
@@ -677,11 +695,11 @@ function WorkflowCard({countPending: countPending, onOpen: onOpen, row: row}) {
                     size: 1,
                     weight: "semibold",
                     children: row.title
-                }), countPending ? null : /* @__PURE__ */ jsx(Text, {
+                }), countKnown ? /* @__PURE__ */ jsx(Text, {
                     muted: !0,
                     size: 1,
                     children: activeSummary(row.activeCount)
-                }) ]
+                }) : null ]
             }) ]
         })
     });
@@ -735,7 +753,7 @@ function DefinitionPickerPanel({onPick: onPick}) {
     const {definitions: definitions, error: error} = useStartableDefinitions(), [query, setQuery] = useState(""), visible = useMemo(() => {
         const q = query.trim().toLowerCase();
         return definitions ? q ? definitions.filter(d => `${d.title} ${d.name}`.toLowerCase().includes(q)) : definitions : [];
-    }, [ definitions, query ]);
+    }, [ definitions, query ]), settled = error === void 0 ? definitions : void 0;
     /* @__PURE__ */
     return jsx(Box, {
         padding: 2,
@@ -752,13 +770,14 @@ function DefinitionPickerPanel({onPick: onPick}) {
                 onChange: event => setQuery(event.currentTarget.value),
                 placeholder: "Filter workflows…",
                 value: query
-            }), error ? /* @__PURE__ */ jsx(MutedNote, {
-                text: catalogReadError(error)
+            }), error ? /* @__PURE__ */ jsx(NoteBanner, {
+                label: CATALOG_READ_FAILED,
+                tone: "critical"
             }) : null, !definitions && !error ? /* @__PURE__ */ jsx(LoadingRow, {
                 label: "Loading workflows…"
-            }) : null, definitions && definitions.length === 0 ? /* @__PURE__ */ jsx(MutedNote, {
+            }) : null, settled?.length === 0 ? /* @__PURE__ */ jsx(MutedNote, {
                 text: "No startable workflows are deployed"
-            }) : null, definitions && definitions.length > 0 && visible.length === 0 ? /* @__PURE__ */ jsx(MutedNote, {
+            }) : null, settled !== void 0 && settled.length > 0 && visible.length === 0 ? /* @__PURE__ */ jsx(MutedNote, {
                 text: "No workflows match"
             }) : null, 
             /* @__PURE__ */ jsx(Stack, {
@@ -1089,6 +1108,10 @@ function taskRowsOf(args) {
                 state: fields,
                 who: identity
             }),
+            roleMatched: identity !== void 0 && isRoleAssignedTo({
+                state: fields,
+                who: identity
+            }),
             assignControl: rowAssignControlState(controlArgs),
             dateControl: rowDateControlState(controlArgs)
         };
@@ -1171,6 +1194,11 @@ function onlyMyTasks(groups) {
     });
 }
 
+function hasRoleMatchedTasks(groups) {
+    const bandHasOne = band => band.rows.some(row => row.roleMatched);
+    return groups.withDocuments.some(group => group.instances.some(bandHasOne)) || groups.withoutDocuments.some(bandHasOne);
+}
+
 function rowActivityEval(entry, row) {
     const evaluation = entry?.evaluation;
     if (!(evaluation === void 0 || evaluation.currentStage.stage.name !== row.stage)) return evaluation.currentStage.activities.find(a => a.activity.name === row.activityName);
@@ -1314,7 +1342,7 @@ function OrphanedWorkflowsNote({orphans: orphans}) {
     /* @__PURE__ */
     return jsxs(Fragment, {
         children: [ 
-        /* @__PURE__ */ jsx(CautionNote, {
+        /* @__PURE__ */ jsx(NoteBanner, {
             action: /* @__PURE__ */ jsx(Button, {
                 fontSize: 1,
                 mode: "ghost",
@@ -2650,7 +2678,7 @@ function useOrphanedWorkflows(groups) {
     }), [ groups, contentResource, missing ]);
 }
 
-function TasksTab({filterSlot: filterSlot, instances: instances, loading: loading, identity: identity, onOpenInstance: onOpenInstance, onOpenTask: onOpenTask, tab: tab, truncated: truncated, unreadable: unreadable}) {
+function TasksTab({error: error, filterSlot: filterSlot, instances: instances, loading: loading, identity: identity, onOpenInstance: onOpenInstance, onOpenTask: onOpenTask, tab: tab, truncated: truncated, unreadable: unreadable}) {
     const mineOnly = tab === "for-me", {binding: binding} = useWorkflowContext(), bands = useBandOpenState({
         segment: TASK_BAND_SEGMENTS[tab],
         scope: binding.engineResource.id
@@ -2668,6 +2696,10 @@ function TasksTab({filterSlot: filterSlot, instances: instances, loading: loadin
         }), cut = mineOnly ? onlyMyTasks(filtered) : filtered;
         return orderGroupsByPreviewTitle(cut, titles.titles);
     }, [ listed, filters, mineOnly, titles ]);
+    if (error !== void 0) /* @__PURE__ */ return jsx(NoteBanner, {
+        label: INSTANCES_READ_FAILED,
+        tone: "critical"
+    });
     if (loading || !revealed) /* @__PURE__ */
     return jsx(TabStatusRow, {
         children: /* @__PURE__ */ jsx(LoadingRow, {
@@ -2707,7 +2739,7 @@ function TasksTab({filterSlot: filterSlot, instances: instances, loading: loadin
             }), 
             /* @__PURE__ */ jsx(OrphanedWorkflowsNote, {
                 orphans: orphans
-            }), body, truncated ? /* @__PURE__ */ jsx(MutedNote, {
+            }), mineOnly && hasRoleMatchedTasks(visible) ? /* @__PURE__ */ jsx(RoleAssignedNotice, {}) : null, body, truncated ? /* @__PURE__ */ jsx(MutedNote, {
                 text: `Tasks from the latest ${INSTANCE_CAP} workflows — older ones aren’t listed.`
             }) : null ]
         }) ]
@@ -3085,6 +3117,16 @@ function useBoardInstances(definitionName) {
     return useCappedInstances(filter);
 }
 
+function activeCountFace(args) {
+    return args.error !== void 0 || args.loading ? {
+        count: void 0,
+        note: void 0
+    } : {
+        count: args.count,
+        note: args.truncated ? INSTANCE_CAP_COUNT_NOTE : void 0
+    };
+}
+
 function DefinitionPanel({definition: definition}) {
     /* @__PURE__ */
     return jsx(Box, {
@@ -3147,6 +3189,23 @@ function SetupIssues({bindings: bindings}) {
     });
 }
 
+function ActiveCount({face: face}) {
+    /* @__PURE__ */
+    return jsxs(Stack, {
+        gap: 2,
+        children: [ 
+        /* @__PURE__ */ jsx(Text, {
+            muted: face.count === void 0,
+            size: 1,
+            children: face.count ?? "—"
+        }), face.note === void 0 ? null : /* @__PURE__ */ jsx(Text, {
+            muted: !0,
+            size: 1,
+            children: face.note
+        }) ]
+    });
+}
+
 function DefinitionFacts({definition: definition}) {
     const {mappingIssues: mappingIssues, mappings: mappings} = useWorkflowContext(), schema = useSchema(), instances = useToolInstances(), snapshotWidth = useContainerToken(2), [row] = definitionCatalog({
         definitions: [ definition ],
@@ -3164,6 +3223,12 @@ function DefinitionFacts({definition: definition}) {
             children: /* @__PURE__ */ jsx(SetupIssues, {
                 bindings: row.brokenBindings
             })
+        }), instances.error === void 0 ? null : /* @__PURE__ */ jsx(Box, {
+            flex: "none",
+            children: /* @__PURE__ */ jsx(NoteBanner, {
+                label: INSTANCES_READ_FAILED,
+                tone: "critical"
+            })
         }), 
         /* @__PURE__ */ jsx(Box, {
             flex: "none",
@@ -3182,21 +3247,13 @@ function DefinitionFacts({definition: definition}) {
                 }), 
                 /* @__PURE__ */ jsx(MetaRow, {
                     label: "Active instances",
-                    children: instances.loading ? /* @__PURE__ */ jsx(Text, {
-                        muted: !0,
-                        size: 1,
-                        children: "—"
-                    }) : /* @__PURE__ */ jsxs(Stack, {
-                        gap: 2,
-                        children: [ 
-                        /* @__PURE__ */ jsx(Text, {
-                            size: 1,
-                            children: row?.activeCount ?? 0
-                        }), instances.truncated ? /* @__PURE__ */ jsx(Text, {
-                            muted: !0,
-                            size: 1,
-                            children: INSTANCE_CAP_COUNT_NOTE
-                        }) : null ]
+                    children: /* @__PURE__ */ jsx(ActiveCount, {
+                        face: activeCountFace({
+                            count: row?.activeCount ?? 0,
+                            error: instances.error,
+                            loading: instances.loading,
+                            truncated: instances.truncated
+                        })
                     })
                 }), 
                 /* @__PURE__ */ jsx(MetaRow, {
@@ -3733,11 +3790,11 @@ function usePageSelection(page) {
 }
 
 function WorkflowPage({onOpenWorkflow: onOpenWorkflow, onSelectPage: onSelectPage, page: page, workflowName: workflowName}) {
-    const {definitions: definitions, error: error} = useDeployedDefinitions(), selection = resolveWorkflowSelection({
+    const {definitions: definitions, error: catalogError} = useDeployedDefinitions(), selection = resolveWorkflowSelection({
         definitions: definitions,
         routeName: workflowName
     }), selected = resolvedDefinition(selection), view = workflowPageView({
-        error: error,
+        error: catalogError,
         page: page,
         selection: selection
     }), instances = useBoardInstances(view.streamName), {board: board, ready: ready, titles: titles} = useBoard({
@@ -3749,9 +3806,9 @@ function WorkflowPage({onOpenWorkflow: onOpenWorkflow, onSelectPage: onSelectPag
     })), revealed = useRevealGate({
         loading: instances.loading,
         ready: ready
-    }), waiting = useDelayedFlag(selection.kind === "loading" && error === void 0, WAIT_CUE_DELAY_MS);
+    }), waiting = useDelayedFlag(selection.kind === "loading" && catalogError === void 0, WAIT_CUE_DELAY_MS);
     if (selection.kind === "loading") /* @__PURE__ */ return jsx(UnresolvedPage, {
-        error: error,
+        error: catalogError,
         waiting: waiting
     });
     const wiring = {
@@ -3810,7 +3867,8 @@ function WorkflowPage({onOpenWorkflow: onOpenWorkflow, onSelectPage: onSelectPag
                 /* @__PURE__ */ jsx(PageBody, {
                     board: board,
                     catalogEmpty: (definitions ?? []).length === 0,
-                    error: error,
+                    catalogError: catalogError,
+                    instancesError: instances.error,
                     loading: !revealed,
                     page: page,
                     selection: selection,
@@ -3848,8 +3906,8 @@ function UnresolvedPage({error: error, waiting: waiting}) {
         overflow: "hidden",
         children: error === void 0 ? /* @__PURE__ */ jsx(WaitingFace, {
             waiting: waiting
-        }) : /* @__PURE__ */ jsx(CatalogErrorFace, {
-            error: error
+        }) : /* @__PURE__ */ jsx(ReadErrorFace, {
+            text: CATALOG_READ_FAILED
         })
     });
 }
@@ -3865,18 +3923,24 @@ function WaitingFace({waiting: waiting}) {
     });
 }
 
-function CatalogErrorFace({error: error}) {
+const BANNER_LANE_INSET = 2;
+
+function ReadErrorFace({text: text}) {
     /* @__PURE__ */
     return jsx(StatusBox, {
-        children: /* @__PURE__ */ jsx(MutedNote, {
-            text: catalogReadError(error)
+        children: /* @__PURE__ */ jsx(Box, {
+            paddingTop: BANNER_LANE_INSET,
+            children: /* @__PURE__ */ jsx(NoteBanner, {
+                label: text,
+                tone: "critical"
+            })
         })
     });
 }
 
-function PageBody({board: board, catalogEmpty: catalogEmpty, error: error, loading: loading, page: page, selection: selection, wiring: wiring}) {
-    if (error !== void 0) /* @__PURE__ */ return jsx(CatalogErrorFace, {
-        error: error
+function PageBody({board: board, catalogEmpty: catalogEmpty, catalogError: catalogError, instancesError: instancesError, loading: loading, page: page, selection: selection, wiring: wiring}) {
+    if (catalogError !== void 0) /* @__PURE__ */ return jsx(ReadErrorFace, {
+        text: CATALOG_READ_FAILED
     });
     if (selection.kind === "unknown") {
         const face = unknownWorkflowFace({
@@ -3894,6 +3958,8 @@ function PageBody({board: board, catalogEmpty: catalogEmpty, error: error, loadi
     }
     return page === "definition" ? /* @__PURE__ */ jsx(DefinitionPanel, {
         definition: selection.definition
+    }) : instancesError !== void 0 ? /* @__PURE__ */ jsx(ReadErrorFace, {
+        text: INSTANCES_READ_FAILED
     }) : loading || board === void 0 ? /* @__PURE__ */ jsx(StatusBox, {
         children: /* @__PURE__ */ jsx(Box, {
             paddingTop: LANE_PADDING,
@@ -4060,6 +4126,7 @@ function HomePanel({filterSlot: filterSlot, identity: identity, instances: insta
     return tab === "overview" ? /* @__PURE__ */ jsx(OverviewTab, {
         onOpenWorkflow: onOpenWorkflow
     }) : /* @__PURE__ */ jsx(TasksTab, {
+        error: instances.error,
         filterSlot: filterSlot,
         identity: identity,
         instances: [ ...instances.inFlight, ...instances.settled ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/workflow-studio-plugin",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "description": "Sanity Studio plugin for @sanity/workflow-engine: the form strip, a Workflows document view, stage badges, and the document-action lock.",
   "keywords": [
     "sanity",
@@ -66,12 +66,12 @@
     "sanity": "^6",
     "styled-components": "^6.4.2",
     "vitest": "^4.1.8",
-    "@sanity/workflow-components": "0.27.0",
-    "@sanity/workflow-diagram": "0.27.0",
-    "@sanity/workflow-engine": "0.27.0",
-    "@sanity/workflow-engine-test": "0.27.0",
-    "@sanity/workflow-react": "0.27.0",
-    "@sanity/workflow-studio": "0.27.0"
+    "@sanity/workflow-components": "0.28.0",
+    "@sanity/workflow-diagram": "0.28.0",
+    "@sanity/workflow-engine": "0.28.0",
+    "@sanity/workflow-engine-test": "0.28.0",
+    "@sanity/workflow-react": "0.28.0",
+    "@sanity/workflow-studio": "0.28.0"
   },
   "peerDependencies": {
     "@sanity/sdk": "^2.12.0",
@@ -79,11 +79,11 @@
     "react-dom": "^19.2.7",
     "sanity": "^6.3.0",
     "styled-components": "^6.4.2",
-    "@sanity/workflow-components": "0.27.0",
-    "@sanity/workflow-diagram": "0.27.0",
-    "@sanity/workflow-react": "0.27.0",
-    "@sanity/workflow-studio": "0.27.0",
-    "@sanity/workflow-engine": "0.27.0"
+    "@sanity/workflow-diagram": "0.28.0",
+    "@sanity/workflow-engine": "0.28.0",
+    "@sanity/workflow-react": "0.28.0",
+    "@sanity/workflow-studio": "0.28.0",
+    "@sanity/workflow-components": "0.28.0"
   },
   "engines": {
     "node": ">=20"