@dxos/plugin-deck 0.7.4 → 0.7.5-main.499c70c

package/dist/lib/browser/index.mjs

@@ -1,27 +1,29 @@
 import {
-  DECK_PLUGIN,
-  meta_default
-} from "./chunk-GVOGPULO.mjs";
-import {
+  DeckAction,
   NewPlankPositions,
   OverscrollOptions,
   parsePanelPlugin
-} from "./chunk-NIRHDTX4.mjs";
+} from "./chunk-ZC3K6C2W.mjs";
+import {
+  DECK_PLUGIN,
+  meta_default
+} from "./chunk-GVOGPULO.mjs";
 
 // packages/plugins/plugin-deck/src/DeckPlugin.tsx
 import { batch } from "@preact/signals-core";
+import { pipe } from "effect";
 import { setAutoFreeze } from "immer";
 import React16 from "react";
-import { filterPlugins, IntentAction, isLayoutAdjustment, isLayoutMode, isLayoutParts, LayoutAction as LayoutAction3, NavigationAction as NavigationAction3, openIds as openIds2, parseGraphPlugin, parseIntentPlugin, resolvePlugin, SLUG_PATH_SEPARATOR as SLUG_PATH_SEPARATOR4, Toast as ToastSchema } from "@dxos/app-framework";
-import { getTypename } from "@dxos/echo-schema";
+import { chain, createIntent as createIntent4, createResolver, createSurface, filterPlugins, IntentAction, LayoutAction as LayoutAction3, NavigationAction as NavigationAction3, openIds, parseGraphPlugin, parseIntentPlugin, resolvePlugin, SLUG_PATH_SEPARATOR as SLUG_PATH_SEPARATOR4, Toast as ToastSchema } from "@dxos/app-framework";
+import { getTypename, S } from "@dxos/echo-schema";
 import { scheduledEffect } from "@dxos/echo-signals/core";
+import { invariant } from "@dxos/invariant";
 import { create, isReactiveObject } from "@dxos/live-object";
 import { LocalStorageStore } from "@dxos/local-storage";
 import { log } from "@dxos/log";
 import { parseAttentionPlugin } from "@dxos/plugin-attention";
-import { createExtension } from "@dxos/plugin-graph";
-import { ObservabilityAction } from "@dxos/plugin-observability/meta";
-import { fullyQualifiedId } from "@dxos/react-client/echo";
+import { createExtension, ROOT_ID } from "@dxos/plugin-graph";
+import { ObservabilityAction } from "@dxos/plugin-observability/types";
 import { translations as stackTranslations } from "@dxos/react-ui-stack";
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts
@@ -33,7 +35,7 @@ import { Sidebar as MenuIcon } from "@phosphor-icons/react";
 import { untracked } from "@preact/signals-core";
 import React14, { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo5, useRef as useRef2, Fragment as Fragment2 } from "react";
 import { Surface as Surface9, firstIdInPart, usePlugin } from "@dxos/app-framework";
-import { AlertDialog, Button as Button3, Dialog as NaturalDialog, Main as Main3, Popover as Popover2, useOnTransition, useTranslation as useTranslation5 } from "@dxos/react-ui";
+import { AlertDialog, Button as Button3, Dialog as NaturalDialog, Main as Main3, Popover as Popover2, useOnTransition, useTranslation as useTranslation6 } from "@dxos/react-ui";
 import { Stack, StackContext as StackContext2, DEFAULT_HORIZONTAL_SIZE } from "@dxos/react-ui-stack";
 import { getSize, mainPaddingTransitions as mainPaddingTransitions2 } from "@dxos/react-ui-theme";
 
@@ -116,7 +118,7 @@ var ActiveNode = () => {
   }, /* @__PURE__ */ React.createElement(Surface, {
     role: "document-title",
     data: {
-      activeNode
+      subject: activeNode
     },
     limit: 1
   }));
@@ -124,7 +126,7 @@ var ActiveNode = () => {
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx
 import React6, { useMemo as useMemo2 } from "react";
-import { NavigationAction as NavigationAction2, SLUG_PATH_SEPARATOR as SLUG_PATH_SEPARATOR2, Surface as Surface3, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
+import { createIntent as createIntent2, NavigationAction as NavigationAction2, SLUG_PATH_SEPARATOR as SLUG_PATH_SEPARATOR2, Surface as Surface3, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
 import { useGraph as useGraph3 } from "@dxos/plugin-graph";
 import { Main, ScrollArea } from "@dxos/react-ui";
 import { useAttended as useAttended2 } from "@dxos/react-ui-attention";
@@ -133,7 +135,7 @@ import { mx as mx2 } from "@dxos/react-ui-theme";
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx
 import React3, { Fragment, memo, useEffect as useEffect3, useMemo } from "react";
-import { LayoutAction, NavigationAction, SLUG_PATH_SEPARATOR, Surface as Surface2, useIntentDispatcher } from "@dxos/app-framework";
+import { createIntent, LayoutAction, NavigationAction, SLUG_PATH_SEPARATOR, Surface as Surface2, useIntentDispatcher } from "@dxos/app-framework";
 import { useGraph as useGraph2 } from "@dxos/plugin-graph";
 import { Icon as Icon2, Popover, toLocalizedString, useMediaQuery, useTranslation as useTranslation2, IconButton } from "@dxos/react-ui";
 import { StackItem } from "@dxos/react-ui-stack";
@@ -154,8 +156,7 @@ var PlankControl = ({ icon, label, ...props }) => {
     icon,
     size: 4
   }))), /* @__PURE__ */ React2.createElement(Tooltip.Portal, null, /* @__PURE__ */ React2.createElement(Tooltip.Content, {
-    side: "bottom",
-    classNames: "z-[70]"
+    side: "bottom"
   }, label)));
 };
 var PlankControls = /* @__PURE__ */ forwardRef(({ onClick, variant = "default", capabilities: can, isSolo, pin, close = false, children, ...props }, forwardedRef) => {
@@ -225,7 +226,7 @@ var NodePlankHeading = /* @__PURE__ */ memo(({ coordinate, node, canIncrementSta
       ns: DECK_PLUGIN
     }
   ], t);
-  const dispatch = useIntentDispatcher();
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
   const ActionRoot = node && popoverAnchorId === `dxos.org/ui/${DECK_PLUGIN}/${node.id}` ? Popover.Anchor : Fragment;
   const [isNotMobile] = useMediaQuery("md");
   useEffect3(() => {
@@ -266,7 +267,7 @@ var NodePlankHeading = /* @__PURE__ */ memo(({ coordinate, node, canIncrementSta
   }, /* @__PURE__ */ React3.createElement(Surface2, {
     role: "menu-footer",
     data: {
-      object: node.data
+      subject: node.data
     }
   })) : /* @__PURE__ */ React3.createElement(StackItem.SigilButton, null, /* @__PURE__ */ React3.createElement("span", {
     className: "sr-only"
@@ -285,9 +286,8 @@ var NodePlankHeading = /* @__PURE__ */ memo(({ coordinate, node, canIncrementSta
   }, label)), node && layoutPart !== "complementary" && // TODO(Zan): What are we doing with layout coordinate here?
   /* @__PURE__ */ React3.createElement(Surface2, {
     role: "navbar-end",
-    direction: "inline-reverse",
     data: {
-      object: node.data
+      subject: node.data
     }
   }), /* @__PURE__ */ React3.createElement(PlankControls, {
     capabilities,
@@ -298,47 +298,33 @@ var NodePlankHeading = /* @__PURE__ */ memo(({ coordinate, node, canIncrementSta
         return;
       }
       if (eventType === "solo") {
-        return dispatch([
-          {
-            action: NavigationAction.ADJUST,
-            data: {
-              type: eventType,
-              layoutCoordinate: {
-                part: "main",
-                entryId: coordinate.entryId
-              }
-            }
+        return dispatch(createIntent(NavigationAction.Adjust, {
+          type: eventType,
+          layoutCoordinate: {
+            part: "main",
+            entryId: coordinate.entryId
           }
-        ]);
+        }));
       } else if (eventType === "close") {
         if (layoutPart === "complementary") {
-          return dispatch({
-            action: LayoutAction.SET_LAYOUT,
-            data: {
-              element: "complementary",
-              state: false
-            }
-          });
+          return dispatch(createIntent(LayoutAction.SetLayout, {
+            element: "complementary",
+            state: false
+          }));
         } else {
-          return dispatch({
-            action: NavigationAction.CLOSE,
-            data: {
-              activeParts: {
-                [layoutPart]: [
-                  coordinate.entryId
-                ]
-              }
+          return dispatch(createIntent(NavigationAction.Close, {
+            activeParts: {
+              [layoutPart]: [
+                coordinate.entryId
+              ]
             }
-          });
+          }));
         }
       } else {
-        return dispatch({
-          action: NavigationAction.ADJUST,
-          data: {
-            type: eventType,
-            layoutCoordinate: coordinate
-          }
-        });
+        return dispatch(createIntent(NavigationAction.Adjust, {
+          type: eventType,
+          layoutCoordinate: coordinate
+        }));
       }
     },
     close: layoutPart === "complementary" ? "minify-end" : true
@@ -349,8 +335,7 @@ var NodePlankHeading = /* @__PURE__ */ memo(({ coordinate, node, canIncrementSta
     label: t("open complementary sidebar label"),
     classNames: "!pli-2 !plb-3 [&>svg]:-scale-x-100",
     icon: "ph--sidebar-simple--regular",
-    size: 4,
-    tooltipZIndex: "70"
+    size: 4
   })));
 });
 
@@ -402,19 +387,16 @@ var ComplementarySidebar = ({ panels, current }) => {
   const id = attended[0] ? `${attended[0]}${SLUG_PATH_SEPARATOR2}${panel}` : void 0;
   const { graph } = useGraph3();
   const node = useNode(graph, id);
-  const dispatch = useIntentDispatcher2();
+  const { dispatchPromise: dispatch } = useIntentDispatcher2();
   useNodeActionExpander(node);
   const actions = useMemo2(() => panels.map(({ id: id2, label, icon }) => ({
     id: `complementary-${id2}`,
     data: () => {
-      void dispatch({
-        action: NavigationAction2.OPEN,
-        data: {
-          activeParts: {
-            complementary: id2
-          }
+      void dispatch(createIntent2(NavigationAction2.Open, {
+        activeParts: {
+          complementary: id2
         }
-      });
+      }));
     },
     properties: {
       label,
@@ -435,7 +417,6 @@ var ComplementarySidebar = ({ panels, current }) => {
     value: {
       size: "contain",
       orientation: "horizontal",
-      separators: false,
       rail: true
     }
   }, /* @__PURE__ */ React6.createElement("div", {
@@ -511,7 +492,7 @@ var Fullscreen = ({ id }) => {
     limit: 1,
     fallback: Fallback,
     data: {
-      active: fullScreenNode?.data,
+      subject: fullScreenNode?.data,
       component: id?.startsWith(SURFACE_PREFIX) ? id.slice(SURFACE_PREFIX.length) : void 0
     }
   }));
@@ -519,7 +500,7 @@ var Fullscreen = ({ id }) => {
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx
 import React10, { memo as memo2, useCallback, useLayoutEffect, useMemo as useMemo3, useRef } from "react";
-import { Surface as Surface6, useIntentDispatcher as useIntentDispatcher3, indexInPart, partLength, LayoutAction as LayoutAction2 } from "@dxos/app-framework";
+import { Surface as Surface6, useIntentDispatcher as useIntentDispatcher3, indexInPart, partLength, LayoutAction as LayoutAction2, createIntent as createIntent3 } from "@dxos/app-framework";
 import { debounce } from "@dxos/async";
 import { useGraph as useGraph5 } from "@dxos/plugin-graph";
 import { useAttendableAttributes } from "@dxos/react-ui-attention";
@@ -535,7 +516,7 @@ var useDeckContext = () => useContext2(DeckContext) ?? raise2(new Error("Missing
 // packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx
 var UNKNOWN_ID = "unknown_id";
 var Plank = /* @__PURE__ */ memo2(({ entry, layoutParts, part, layoutMode, order }) => {
-  const dispatch = useIntentDispatcher3();
+  const { dispatchPromise: dispatch } = useIntentDispatcher3();
   const coordinate = useMemo3(() => ({
     part,
     entryId: entry?.id ?? UNKNOWN_ID
@@ -557,13 +538,10 @@ var Plank = /* @__PURE__ */ memo2(({ entry, layoutParts, part, layoutMode, order
   const canIncrementEnd = part === "main" && index !== void 0 && index < length - 1 && length !== void 0;
   const size = plankSizing?.[coordinate.entryId];
   const setSize = useCallback(debounce((nextSize) => {
-    return dispatch({
-      action: DeckAction.UPDATE_PLANK_SIZE,
-      data: {
-        id: coordinate.entryId,
-        size: nextSize
-      }
-    });
+    return dispatch(createIntent3(DeckAction.UpdatePlankSize, {
+      id: coordinate.entryId,
+      size: nextSize
+    }));
   }, 200), [
     dispatch,
     coordinate.entryId
@@ -583,12 +561,9 @@ var Plank = /* @__PURE__ */ memo2(({ entry, layoutParts, part, layoutMode, order
         behavior: "smooth",
         inline: "center"
       });
-      void dispatch({
-        action: LayoutAction2.SCROLL_INTO_VIEW,
-        data: {
-          id: void 0
-        }
-      });
+      void dispatch(createIntent3(LayoutAction2.ScrollIntoView, {
+        id: void 0
+      }));
     }
   }, [
     coordinate.entryId,
@@ -599,12 +574,8 @@ var Plank = /* @__PURE__ */ memo2(({ entry, layoutParts, part, layoutMode, order
   const isAttendable = isSolo || layoutMode === "deck" && part === "main";
   const sizeAttrs = useMainSize();
   const data = useMemo3(() => node && {
-    ...entry?.path ? {
-      subject: node.data,
-      path: entry.path
-    } : {
-      object: node.data
-    },
+    subject: node.data,
+    path: entry?.path,
     coordinate,
     popoverAnchorId
   }, [
@@ -655,33 +626,18 @@ var Plank = /* @__PURE__ */ memo2(({ entry, layoutParts, part, layoutMode, order
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx
 import React11, { useMemo as useMemo4 } from "react";
-import { openIds, Surface as Surface7 } from "@dxos/app-framework";
+import { Surface as Surface7 } from "@dxos/app-framework";
 import { Main as Main2 } from "@dxos/react-ui";
 var Sidebar = ({ layoutParts }) => {
-  const { layoutMode, popoverAnchorId } = useLayout();
-  const activeIds = useMemo4(() => {
-    if (layoutMode === "solo") {
-      return Array.from(new Set(layoutParts?.solo?.map((e) => e.id) ?? []));
-    } else if (layoutMode === "deck") {
-      return Array.from(new Set(layoutParts?.main?.map((e) => e.id) ?? []));
-    }
-    return Array.from(new Set(openIds(layoutParts)));
-  }, [
-    layoutParts,
-    layoutMode
-  ]);
+  const { popoverAnchorId } = useLayout();
   const navigationData = useMemo4(() => ({
-    popoverAnchorId,
-    activeIds
+    popoverAnchorId
   }), [
-    popoverAnchorId,
-    activeIds
+    popoverAnchorId
   ]);
   return /* @__PURE__ */ React11.createElement(Main2.NavigationSidebar, null, /* @__PURE__ */ React11.createElement(Surface7, {
     role: "navigation",
-    data: {
-      ...navigationData
-    },
+    data: navigationData,
     limit: 1
   }));
 };
@@ -709,8 +665,9 @@ var StatusBar = ({ showHints }) => {
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx
 import React13 from "react";
-import { Button as Button2, Icon as Icon3, Toast as NaturalToast } from "@dxos/react-ui";
+import { Button as Button2, Icon as Icon3, Toast as NaturalToast, toLocalizedString as toLocalizedString2, useTranslation as useTranslation5 } from "@dxos/react-ui";
 var Toast = ({ id, title, description, icon, duration, actionLabel, actionAlt, closeLabel, onAction, onOpenChange }) => {
+  const { t } = useTranslation5(DECK_PLUGIN);
   return /* @__PURE__ */ React13.createElement(NaturalToast.Root, {
     "data-testid": id,
     defaultOpen: true,
@@ -722,18 +679,18 @@ var Toast = ({ id, title, description, icon, duration, actionLabel, actionAlt, c
     icon,
     size: 5,
     classNames: "inline mr-1"
-  }), /* @__PURE__ */ React13.createElement("span", null, title)), description && /* @__PURE__ */ React13.createElement(NaturalToast.Description, null, description)), /* @__PURE__ */ React13.createElement(NaturalToast.Actions, null, onAction && actionAlt && actionLabel && /* @__PURE__ */ React13.createElement(NaturalToast.Action, {
-    altText: actionAlt,
+  }), title && /* @__PURE__ */ React13.createElement("span", null, toLocalizedString2(title, t))), description && /* @__PURE__ */ React13.createElement(NaturalToast.Description, null, description && toLocalizedString2(description, t))), /* @__PURE__ */ React13.createElement(NaturalToast.Actions, null, onAction && actionAlt && actionLabel && /* @__PURE__ */ React13.createElement(NaturalToast.Action, {
+    altText: toLocalizedString2(actionAlt, t),
     asChild: true
   }, /* @__PURE__ */ React13.createElement(Button2, {
     "data-testid": "toast.action",
     variant: "primary",
     onClick: () => onAction?.()
-  }, actionLabel)), closeLabel && /* @__PURE__ */ React13.createElement(NaturalToast.Close, {
+  }, toLocalizedString2(actionLabel, t))), closeLabel && /* @__PURE__ */ React13.createElement(NaturalToast.Close, {
     asChild: true
   }, /* @__PURE__ */ React13.createElement(Button2, {
     "data-testid": "toast.close"
-  }, closeLabel))));
+  }, toLocalizedString2(closeLabel, t)))));
 };
 
 // packages/plugins/plugin-deck/src/util/check-app-scheme.ts
@@ -787,7 +744,7 @@ var PlankSeparator = ({ index }) => index > 0 ? /* @__PURE__ */ React14.createEl
 var DeckLayout = ({ layoutParts, toasts, overscroll, showHints, panels, onDismissToast }) => {
   const context = useLayout();
   const { layoutMode, sidebarOpen, complementarySidebarOpen, dialogOpen, dialogContent, dialogBlockAlign, dialogType, popoverOpen, popoverContent, popoverAnchorId } = context;
-  const { t } = useTranslation5(DECK_PLUGIN);
+  const { t } = useTranslation6(DECK_PLUGIN);
   const { plankSizing } = useDeckContext();
   const attentionPlugin = usePlugin("dxos.org/plugin/attention");
   const fullScreenSlug = useMemo5(() => firstIdInPart(layoutParts, "fullScreen"), [
@@ -894,7 +851,6 @@ var DeckLayout = ({ layoutParts, toasts, overscroll, showHints, panels, onDismis
       inert: ""
     }
   }, /* @__PURE__ */ React14.createElement(Stack, {
-    separators: false,
     orientation: "horizontal",
     size: "contain",
     classNames: [
@@ -925,7 +881,6 @@ var DeckLayout = ({ layoutParts, toasts, overscroll, showHints, panels, onDismis
     value: {
       size: "contain",
       orientation: "horizontal",
-      separators: false,
       rail: true
     }
   }, /* @__PURE__ */ React14.createElement(Plank, {
@@ -936,14 +891,14 @@ var DeckLayout = ({ layoutParts, toasts, overscroll, showHints, panels, onDismis
   })))), /* @__PURE__ */ React14.createElement(StatusBar, {
     showHints
   })), /* @__PURE__ */ React14.createElement(Popover2.Portal, null, /* @__PURE__ */ React14.createElement(Popover2.Content, {
-    classNames: "z-[60]",
     onEscapeKeyDown: () => {
       context.popoverOpen = false;
       context.popoverAnchorId = void 0;
     }
   }, /* @__PURE__ */ React14.createElement(Popover2.Viewport, null, /* @__PURE__ */ React14.createElement(Surface9, {
     role: "popover",
-    data: popoverContent
+    data: popoverContent,
+    limit: 1
   })), /* @__PURE__ */ React14.createElement(Popover2.Arrow, null))), /* @__PURE__ */ React14.createElement(Dialog.Root, {
     open: dialogOpen,
     onOpenChange: (nextOpen) => context.dialogOpen = nextOpen
@@ -951,7 +906,8 @@ var DeckLayout = ({ layoutParts, toasts, overscroll, showHints, panels, onDismis
     blockAlign: dialogBlockAlign
   }, /* @__PURE__ */ React14.createElement(Surface9, {
     role: "dialog",
-    data: dialogContent
+    data: dialogContent,
+    limit: 1
   }))), toasts?.map((toast) => /* @__PURE__ */ React14.createElement(Toast, {
     ...toast,
     key: toast.id,
@@ -966,11 +922,11 @@ var DeckLayout = ({ layoutParts, toasts, overscroll, showHints, panels, onDismis
 
 // packages/plugins/plugin-deck/src/components/LayoutSettings.tsx
 import React15 from "react";
-import { Input, Select, useTranslation as useTranslation6 } from "@dxos/react-ui";
+import { Input, Select, useTranslation as useTranslation7 } from "@dxos/react-ui";
 import { DeprecatedFormInput } from "@dxos/react-ui-form";
 var isSocket = !!globalThis.__args;
 var LayoutSettings = ({ settings }) => {
-  const { t } = useTranslation6(DECK_PLUGIN);
+  const { t } = useTranslation7(DECK_PLUGIN);
   return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(DeprecatedFormInput, {
     label: t("select new plank positioning label")
   }, /* @__PURE__ */ React15.createElement(Select.Root, {
@@ -1202,7 +1158,10 @@ var translations_default = [
         "select overscroll placeholder": "Select plank overscrolling behavior",
         "settings overscroll centering label": "Centering",
         "settings overscroll none label": "None",
-        "settings flat deck": "Flatten deck appearance"
+        "settings flat deck": "Flatten deck appearance",
+        "close current label": "Close current plank",
+        "close others label": "Close other planks",
+        "close all label": "Close all planks"
       }
     }
   }
@@ -1213,13 +1172,7 @@ var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-deck/src
 var isSocket2 = !!globalThis.__args;
 var appScheme = "composer://";
 setAutoFreeze(false);
-var DECK_ACTION = "dxos.org/plugin/deck";
-var DeckAction;
-(function(DeckAction2) {
-  DeckAction2[DeckAction2["UPDATE_PLANK_SIZE"] = `${DECK_ACTION}/update-plank-size`] = "UPDATE_PLANK_SIZE";
-})(DeckAction || (DeckAction = {}));
 var DeckPlugin = ({ observability } = {}) => {
-  let graphPlugin;
   let intentPlugin;
   let attentionPlugin;
   const unsubscriptionCallbacks = [];
@@ -1268,15 +1221,11 @@ var DeckPlugin = ({ observability } = {}) => {
     switch (element) {
       case "sidebar": {
         layout.values.sidebarOpen = state ?? !layout.values.sidebarOpen;
-        return {
-          data: true
-        };
+        break;
       }
       case "complementary": {
         layout.values.complementarySidebarOpen = !!state;
-        return {
-          data: true
-        };
+        break;
       }
       case "dialog": {
         layout.values.dialogOpen = state ?? Boolean(component);
@@ -1286,9 +1235,7 @@ var DeckPlugin = ({ observability } = {}) => {
         } : null;
         layout.values.dialogBlockAlign = dialogBlockAlign ?? "center";
         layout.values.dialogType = dialogType;
-        return {
-          data: true
-        };
+        break;
       }
       case "popover": {
         layout.values.popoverOpen = state ?? Boolean(component);
@@ -1297,28 +1244,34 @@ var DeckPlugin = ({ observability } = {}) => {
           subject
         } : null;
         layout.values.popoverAnchorId = anchorId;
-        return {
-          data: true
-        };
+        break;
       }
       case "toast": {
-        if (ToastSchema.safeParse(subject).success) {
+        if (S.is(ToastSchema)(subject)) {
           layout.values.toasts = [
             ...layout.values.toasts,
             subject
           ];
-          return {
-            data: true
-          };
         }
+        break;
       }
     }
   };
   const handleSetLocation = (next) => {
     const part = layout.values.layoutMode === "solo" ? "solo" : "main";
-    const ids = openIds2(next, [
+    const ids = openIds(next, [
       part
     ]);
+    const current = openIds(location.values.active, [
+      part
+    ]);
+    const removed = current.filter((id) => !ids.includes(id));
+    const closed = Array.from(/* @__PURE__ */ new Set([
+      ...location.values.closed.filter((id) => !ids.includes(id)),
+      ...removed
+    ]));
+    location.values.closed = closed;
+    location.values.active = next;
     if (attentionPlugin) {
       const attended = attentionPlugin.provides.attention.attended;
       const [attendedId] = Array.from(attended);
@@ -1327,32 +1280,16 @@ var DeckPlugin = ({ observability } = {}) => {
         const currentIds = location.values.active[part]?.map(({ id }) => id) ?? [];
         const attendedIndex = currentIds.indexOf(attendedId);
         const index = attendedIndex === -1 ? 0 : attendedIndex >= ids.length ? ids.length - 1 : attendedIndex;
-        const nextAttended = next[part]?.[index].id;
-        void intentPlugin?.provides.intent.dispatch({
-          action: LayoutAction3.SCROLL_INTO_VIEW,
-          data: {
-            id: nextAttended
-          }
-        });
+        return next[part]?.[index].id;
       }
     }
-    const current = openIds2(location.values.active, [
-      part
-    ]);
-    const removed = current.filter((id) => !ids.includes(id));
-    const closed = Array.from(/* @__PURE__ */ new Set([
-      ...location.values.closed.filter((id) => !ids.includes(id)),
-      ...removed
-    ]));
-    location.values.closed = closed;
-    location.values.active = next;
   };
   return {
     meta: meta_default,
-    ready: async (plugins) => {
-      intentPlugin = resolvePlugin(plugins, parseIntentPlugin);
-      graphPlugin = resolvePlugin(plugins, parseGraphPlugin);
+    ready: async ({ plugins }) => {
       attentionPlugin = resolvePlugin(plugins, parseAttentionPlugin);
+      intentPlugin = resolvePlugin(plugins, parseIntentPlugin);
+      const dispatch = intentPlugin?.provides.intent.dispatchPromise;
       layout.prop({
         key: "layoutMode",
         type: LocalStorageStore.enum()
@@ -1418,12 +1355,18 @@ var DeckPlugin = ({ observability } = {}) => {
         const startingLayout = removePart(location.values.active, "solo");
         const layoutFromUri = uriToSoloPart(pathname);
         if (!layoutFromUri) {
-          handleSetLocation(startingLayout);
+          const toAttend2 = handleSetLocation(startingLayout);
           layout.values.layoutMode = "deck";
+          await dispatch?.(createIntent4(LayoutAction3.ScrollIntoView, {
+            id: toAttend2
+          }));
           return;
         }
-        handleSetLocation(mergeLayoutParts(layoutFromUri, startingLayout));
+        const toAttend = handleSetLocation(mergeLayoutParts(layoutFromUri, startingLayout));
         layout.values.layoutMode = "solo";
+        await dispatch?.(createIntent4(LayoutAction3.ScrollIntoView, {
+          id: toAttend
+        }));
       };
       await handleNavigation();
       window.addEventListener("popstate", handleNavigation);
@@ -1449,23 +1392,37 @@ var DeckPlugin = ({ observability } = {}) => {
         ...stackTranslations
       ],
       graph: {
-        builder: () => {
+        builder: (plugins) => {
+          const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatchPromise;
+          const attention = resolvePlugin(plugins, parseAttentionPlugin)?.provides.attention;
+          invariant(dispatch, "Intent plugin is required for deck plugin.", {
+            F: __dxlog_file,
+            L: 295,
+            S: void 0,
+            A: [
+              "dispatch",
+              "'Intent plugin is required for deck plugin.'"
+            ]
+          });
+          invariant(attention, "Attention plugin is required for deck plugin.", {
+            F: __dxlog_file,
+            L: 296,
+            S: void 0,
+            A: [
+              "attention",
+              "'Attention plugin is required for deck plugin.'"
+            ]
+          });
           return createExtension({
             id: DECK_PLUGIN,
-            // NOTE(Zan): This is currently disabled.
-            // TODO(Zan): Fullscreen needs to know the active node and provide that to the layout part.
-            filter: (node) => false,
-            actions: () => [
-              {
-                id: `${LayoutAction3.SET_LAYOUT_MODE}/fullscreen`,
+            filter: (node) => node.id === ROOT_ID,
+            actions: () => {
+              const _fullscreen = {
+                id: `${LayoutAction3.SetLayoutMode._tag}/fullscreen`,
                 data: async () => {
-                  await intentPlugin?.provides.intent.dispatch({
-                    plugin: DECK_PLUGIN,
-                    action: LayoutAction3.SET_LAYOUT_MODE,
-                    data: {
-                      layoutMode: "fullscreen"
-                    }
-                  });
+                  await dispatch(createIntent4(LayoutAction3.SetLayoutMode, {
+                    layoutMode: "fullscreen"
+                  }));
                 },
                 properties: {
                   label: [
@@ -1480,8 +1437,81 @@ var DeckPlugin = ({ observability } = {}) => {
                     windows: "shift+ctrl+f"
                   }
                 }
-              }
-            ]
+              };
+              const closeCurrent = {
+                id: `${NavigationAction3.Close._tag}/current`,
+                data: async () => {
+                  const attended = attention.attended.at(-1);
+                  if (attended) {
+                    await dispatch(createIntent4(NavigationAction3.Close, {
+                      activeParts: {
+                        main: [
+                          attended
+                        ]
+                      }
+                    }));
+                  }
+                },
+                properties: {
+                  label: [
+                    "close current label",
+                    {
+                      ns: DECK_PLUGIN
+                    }
+                  ],
+                  icon: "ph--x--regular"
+                }
+              };
+              const closeOthers = {
+                id: `${NavigationAction3.Close._tag}/others`,
+                data: async () => {
+                  const attended = attention.attended.at(-1);
+                  const ids = openIds(location.values.active, [
+                    "main"
+                  ]).filter((id) => id !== attended);
+                  await dispatch(createIntent4(NavigationAction3.Close, {
+                    activeParts: {
+                      main: ids
+                    }
+                  }));
+                },
+                properties: {
+                  label: [
+                    "close others label",
+                    {
+                      ns: DECK_PLUGIN
+                    }
+                  ],
+                  icon: "ph--x-square--regular"
+                }
+              };
+              const closeAll = {
+                id: `${NavigationAction3.Close._tag}/all`,
+                data: async () => {
+                  await dispatch(createIntent4(NavigationAction3.Close, {
+                    activeParts: {
+                      main: openIds(location.values.active, [
+                        "main"
+                      ])
+                    }
+                  }));
+                },
+                properties: {
+                  label: [
+                    "close all label",
+                    {
+                      ns: DECK_PLUGIN
+                    }
+                  ],
+                  icon: "ph--x-circle--regular"
+                }
+              };
+              return layout.values.layoutMode === "deck" ? [
+                closeCurrent,
+                closeOthers,
+                closeAll
+              ] : [];
+            }
           });
         }
       },
@@ -1511,28 +1541,67 @@ var DeckPlugin = ({ observability } = {}) => {
         });
       },
       surface: {
-        component: ({ data, role }) => {
-          switch (role) {
-            case "settings":
-              return data.plugin === meta_default.id ? /* @__PURE__ */ React16.createElement(LayoutSettings, {
-                settings: settings.values
-              }) : null;
-          }
-          return null;
-        }
+        definitions: () => createSurface({
+          id: DECK_PLUGIN,
+          role: "settings",
+          filter: (data) => data.subject === DECK_PLUGIN,
+          component: () => /* @__PURE__ */ React16.createElement(LayoutSettings, {
+            settings: settings.values
+          })
+        })
       },
       intent: {
-        resolver: (intent) => {
-          switch (intent.action) {
-            case LayoutAction3.SET_LAYOUT: {
-              return intent.data && handleSetLayout(intent.data);
-            }
-            case LayoutAction3.SET_LAYOUT_MODE: {
+        resolvers: ({ plugins }) => {
+          const graph = resolvePlugin(plugins, parseGraphPlugin)?.provides.graph;
+          return [
+            createResolver(DeckAction.UpdatePlankSize, (data) => {
+              deck.values.plankSizing[data.id] = data.size;
+            }),
+            createResolver(IntentAction.ShowUndo, (data) => {
+              if (currentUndoId) {
+                layout.values.toasts = layout.values.toasts.filter((toast) => toast.id !== currentUndoId);
+              }
+              currentUndoId = `${IntentAction.ShowUndo._tag}-${Date.now()}`;
+              layout.values.toasts = [
+                ...layout.values.toasts,
+                {
+                  id: currentUndoId,
+                  title: data.message ?? [
+                    "undo available label",
+                    {
+                      ns: DECK_PLUGIN
+                    }
+                  ],
+                  duration: 1e4,
+                  actionLabel: [
+                    "undo action label",
+                    {
+                      ns: DECK_PLUGIN
+                    }
+                  ],
+                  actionAlt: [
+                    "undo action alt",
+                    {
+                      ns: DECK_PLUGIN
+                    }
+                  ],
+                  closeLabel: [
+                    "undo close label",
+                    {
+                      ns: DECK_PLUGIN
+                    }
+                  ],
+                  onAction: () => intentPlugin?.provides.intent.undoPromise?.()
+                }
+              ];
+            }),
+            createResolver(LayoutAction3.SetLayout, handleSetLayout),
+            createResolver(LayoutAction3.SetLayoutMode, (data) => {
               const setMode = (mode) => {
-                const main = openIds2(location.values.active, [
+                const main = openIds(location.values.active, [
                   "main"
                 ]);
-                const solo = openIds2(location.values.active, [
+                const solo = openIds(location.values.active, [
                   "solo"
                 ]);
                 const current = layout.values.layoutMode === "solo" ? solo : main;
@@ -1549,76 +1618,29 @@ var DeckPlugin = ({ observability } = {}) => {
                 layout.values.layoutMode = mode;
               };
               return batch(() => {
-                if (!intent.data) {
-                  return;
-                }
-                if (intent.data?.revert) {
-                  setMode(layoutModeHistory.values.pop() ?? "solo");
-                  return {
-                    data: true
-                  };
-                }
-                if (isLayoutMode(intent?.data?.layoutMode)) {
+                if ("layoutMode" in data) {
                   layoutModeHistory.values.push(layout.values.layoutMode);
-                  setMode(intent.data.layoutMode);
+                  setMode(data.layoutMode);
+                } else if (data.revert) {
+                  setMode(layoutModeHistory.values.pop() ?? "solo");
                 } else {
-                  log.warn("Invalid layout mode", intent?.data?.layoutMode, {
+                  log.warn("Invalid layout mode", data, {
                     F: __dxlog_file,
-                    L: 412,
+                    L: 460,
                     S: void 0,
                     C: (f, a) => f(...a)
                   });
                 }
-                return {
-                  data: true
-                };
               });
-            }
-            case LayoutAction3.SCROLL_INTO_VIEW: {
-              layout.values.scrollIntoView = intent.data?.id ?? void 0;
-              return {
-                data: true
-              };
-            }
-            case DeckAction.UPDATE_PLANK_SIZE: {
-              const { id, size } = intent.data;
-              deck.values.plankSizing[id] = size;
-              return {
-                data: true
-              };
-            }
-            case IntentAction.SHOW_UNDO: {
-              if (currentUndoId) {
-                layout.values.toasts = layout.values.toasts.filter((toast) => toast.id !== currentUndoId);
-              }
-              currentUndoId = `${IntentAction.SHOW_UNDO}-${Date.now()}`;
-              const title = (
-                // TODO(wittjosiah): How to handle chains better?
-                intent.data?.results?.[0]?.result?.undoable?.message ?? translations_default[0]["en-US"]["dxos.org/plugin/deck"]["undo available label"]
-              );
-              layout.values.toasts = [
-                ...layout.values.toasts,
-                {
-                  id: currentUndoId,
-                  title,
-                  duration: 1e4,
-                  actionLabel: translations_default[0]["en-US"]["dxos.org/plugin/deck"]["undo action label"],
-                  actionAlt: translations_default[0]["en-US"]["dxos.org/plugin/deck"]["undo action alt"],
-                  closeLabel: translations_default[0]["en-US"]["dxos.org/plugin/deck"]["undo close label"],
-                  onAction: () => intentPlugin?.provides.intent.undo?.()
-                }
-              ];
-              return {
-                data: true
-              };
-            }
-            case NavigationAction3.OPEN: {
-              const previouslyOpenIds = new Set(openIds2(location.values.active));
+            }),
+            createResolver(LayoutAction3.ScrollIntoView, ({ id }) => {
+              layout.values.scrollIntoView = id;
+            }),
+            // TODO(wittjosiah): Factor out navgiation from deck plugin.
+            createResolver(NavigationAction3.Open, (data) => {
+              const previouslyOpenIds = new Set(openIds(location.values.active));
               const layoutMode = layout.values.layoutMode;
-              batch(() => {
-                if (!intent.data || !intent.data?.activeParts) {
-                  return;
-                }
+              const toAttend = batch(() => {
                 const processLayoutEntry = (partName, entryString, currentLayout) => {
                   const toggle = false;
                   const [id, path] = entryString.split(SLUG_PATH_SEPARATOR4);
@@ -1629,7 +1651,7 @@ var DeckPlugin = ({ observability } = {}) => {
                     } : {}
                   };
                   const effectivePart = getEffectivePart(partName, layoutMode);
-                  if (toggle && layoutMode === "deck" && effectivePart === "main" && currentLayout[effectivePart]?.some((entry) => entry.id === id) && !intent.data?.noToggle) {
+                  if (toggle && layoutMode === "deck" && effectivePart === "main" && currentLayout[effectivePart]?.some((entry) => entry.id === id) && !data?.noToggle) {
                     return closeEntry(currentLayout, {
                       part: effectivePart,
                       entryId: id
@@ -1641,7 +1663,7 @@ var DeckPlugin = ({ observability } = {}) => {
                   }
                 };
                 let newLayout = location.values.active;
-                Object.entries(intent.data.activeParts).forEach(([partName, layoutEntries]) => {
+                Object.entries(data.activeParts).forEach(([partName, layoutEntries]) => {
                   if (Array.isArray(layoutEntries)) {
                     layoutEntries.forEach((activePartEntry) => {
                       newLayout = processLayoutEntry(partName, activePartEntry, newLayout);
@@ -1650,50 +1672,38 @@ var DeckPlugin = ({ observability } = {}) => {
                     newLayout = processLayoutEntry(partName, layoutEntries, newLayout);
                   }
                 });
-                handleSetLocation(newLayout);
+                return handleSetLocation(newLayout);
               });
-              const ids = openIds2(location.values.active);
+              const ids = openIds(location.values.active);
               const newlyOpen = ids.filter((i) => !previouslyOpenIds.has(i));
               return {
                 data: {
-                  ids
+                  open: ids
                 },
                 intents: [
-                  newlyOpen.length > 0 ? [
-                    {
-                      action: LayoutAction3.SCROLL_INTO_VIEW,
-                      data: {
-                        id: newlyOpen[0]
-                      }
-                    }
-                  ] : [],
-                  intent.data?.object ? [
-                    {
-                      action: NavigationAction3.EXPOSE,
-                      data: {
-                        id: fullyQualifiedId(intent.data.object)
-                      }
-                    }
+                  createIntent4(LayoutAction3.ScrollIntoView, {
+                    id: newlyOpen[0] ?? toAttend
+                  }),
+                  ...toAttend ? [
+                    createIntent4(NavigationAction3.Expose, {
+                      id: toAttend
+                    })
                   ] : [],
-                  observability ? newlyOpen.map((id) => {
-                    const active = graphPlugin?.provides.graph.findNode(id)?.data;
+                  ...observability ? newlyOpen.map((id) => {
+                    const active = graph?.findNode(id)?.data;
                     const typename = isReactiveObject(active) ? getTypename(active) : void 0;
-                    return {
-                      action: ObservabilityAction.SEND_EVENT,
-                      data: {
-                        name: "navigation.activate",
-                        properties: {
-                          id,
-                          typename
-                        }
+                    return createIntent4(ObservabilityAction.SendEvent, {
+                      name: "navigation.activate",
+                      properties: {
+                        id,
+                        typename
                       }
-                    };
+                    });
                   }) : []
                 ]
               };
-            }
-            case NavigationAction3.ADD_TO_ACTIVE: {
-              const data = intent.data;
+            }),
+            createResolver(NavigationAction3.AddToActive, (data) => {
               const layoutEntry = {
                 id: data.id
               };
@@ -1704,147 +1714,110 @@ var DeckPlugin = ({ observability } = {}) => {
               }));
               const intents = [];
               if (data.scrollIntoView && layout.values.layoutMode === "deck") {
-                intents.push([
-                  {
-                    action: LayoutAction3.SCROLL_INTO_VIEW,
-                    data: {
-                      id: data.id
-                    }
-                  }
-                ]);
+                intents.push(createIntent4(LayoutAction3.ScrollIntoView, {
+                  id: data.id
+                }));
               }
               return {
-                data: true,
                 intents
               };
-            }
-            case NavigationAction3.CLOSE: {
-              return batch(() => {
-                if (!intent.data) {
-                  return;
-                }
-                let newLayout = location.values.active;
-                const layoutMode = layout.values.layoutMode;
-                const intentParts = intent.data.activeParts;
-                Object.keys(intentParts).forEach((partName) => {
-                  const effectivePart = getEffectivePart(partName, layoutMode);
-                  const ids = intentParts[partName];
-                  if (Array.isArray(ids)) {
-                    ids.forEach((id) => {
-                      newLayout = closeEntry(newLayout, {
-                        part: effectivePart,
-                        entryId: id
-                      });
-                    });
-                  } else {
+            }),
+            createResolver(NavigationAction3.Close, (data) => {
+              let newLayout = location.values.active;
+              const layoutMode = layout.values.layoutMode;
+              const intentParts = data.activeParts;
+              Object.keys(intentParts).forEach((partName) => {
+                const effectivePart = getEffectivePart(partName, layoutMode);
+                const ids = intentParts[partName];
+                if (Array.isArray(ids)) {
+                  ids.forEach((id) => {
                     newLayout = closeEntry(newLayout, {
                       part: effectivePart,
-                      entryId: ids
+                      entryId: id
                     });
-                  }
-                });
-                handleSetLocation(newLayout);
-                return {
-                  data: true
-                };
+                  });
+                } else {
+                  newLayout = closeEntry(newLayout, {
+                    part: effectivePart,
+                    entryId: ids
+                  });
+                }
               });
-            }
-            // TODO(wittjosiah): Factor out.
-            case NavigationAction3.SET: {
+              const toAttend = handleSetLocation(newLayout);
+              return {
+                intents: [
+                  createIntent4(LayoutAction3.ScrollIntoView, {
+                    id: toAttend
+                  })
+                ]
+              };
+            }),
+            createResolver(NavigationAction3.Set, (data) => {
               return batch(() => {
-                if (isLayoutParts(intent.data?.activeParts)) {
-                  handleSetLocation(intent.data.activeParts);
-                }
+                const toAttend = handleSetLocation(data.activeParts);
                 return {
-                  data: true
+                  intents: [
+                    createIntent4(LayoutAction3.ScrollIntoView, {
+                      id: toAttend
+                    })
+                  ]
                 };
               });
-            }
-            case NavigationAction3.ADJUST: {
+            }),
+            createResolver(NavigationAction3.Adjust, (adjustment) => {
               return batch(() => {
-                if (isLayoutAdjustment(intent.data)) {
-                  const adjustment = intent.data;
-                  if (adjustment.type === "increment-end" || adjustment.type === "increment-start") {
-                    handleSetLocation(incrementPlank(location.values.active, {
-                      type: adjustment.type,
-                      layoutCoordinate: adjustment.layoutCoordinate
-                    }));
-                  }
-                  if (adjustment.type === "solo") {
-                    const entryId = adjustment.layoutCoordinate.entryId;
-                    if (layout.values.layoutMode !== "solo") {
-                      return {
-                        data: true,
-                        intents: [
-                          // NOTE: The order of these is important.
-                          [
-                            {
-                              action: NavigationAction3.OPEN,
-                              data: {
-                                activeParts: {
-                                  solo: [
-                                    entryId
-                                  ]
-                                }
-                              }
-                            },
-                            {
-                              action: LayoutAction3.SET_LAYOUT_MODE,
-                              data: {
-                                layoutMode: "solo"
-                              }
-                            }
-                          ]
-                        ]
-                      };
-                    } else {
-                      return {
-                        data: true,
-                        intents: [
-                          // NOTE: The order of these is important.
-                          [
-                            {
-                              action: LayoutAction3.SET_LAYOUT_MODE,
-                              data: {
-                                layoutMode: "deck"
-                              }
-                            },
-                            {
-                              action: NavigationAction3.CLOSE,
-                              data: {
-                                activeParts: {
-                                  solo: [
-                                    entryId
-                                  ]
-                                }
-                              }
-                            },
-                            {
-                              action: NavigationAction3.OPEN,
-                              data: {
-                                noToggle: true,
-                                activeParts: {
-                                  main: [
-                                    entryId
-                                  ]
-                                }
-                              }
-                            },
-                            {
-                              action: LayoutAction3.SCROLL_INTO_VIEW,
-                              data: {
-                                id: entryId
-                              }
-                            }
-                          ]
-                        ]
-                      };
-                    }
+                if (adjustment.type === "increment-end" || adjustment.type === "increment-start") {
+                  handleSetLocation(incrementPlank(location.values.active, {
+                    type: adjustment.type,
+                    layoutCoordinate: adjustment.layoutCoordinate
+                  }));
+                }
+                if (adjustment.type === "solo") {
+                  const entryId = adjustment.layoutCoordinate.entryId;
+                  if (layout.values.layoutMode !== "solo") {
+                    return {
+                      intents: [
+                        // NOTE: The order of these is important.
+                        pipe(createIntent4(NavigationAction3.Open, {
+                          activeParts: {
+                            solo: [
+                              entryId
+                            ]
+                          }
+                        }), chain(LayoutAction3.SetLayoutMode, {
+                          layoutMode: "solo"
+                        }))
+                      ]
+                    };
+                  } else {
+                    return {
+                      intents: [
+                        // NOTE: The order of these is important.
+                        pipe(createIntent4(LayoutAction3.SetLayoutMode, {
+                          layoutMode: "deck"
+                        }), chain(NavigationAction3.Close, {
+                          activeParts: {
+                            solo: [
+                              entryId
+                            ]
+                          }
+                        }), chain(NavigationAction3.Open, {
+                          activeParts: {
+                            main: [
+                              entryId
+                            ]
+                          },
+                          noToggle: true
+                        }), chain(LayoutAction3.ScrollIntoView, {
+                          id: entryId
+                        }))
+                      ]
+                    };
                   }
                 }
               });
-            }
-          }
+            })
+          ];
         }
       }
     }
@@ -1854,7 +1827,6 @@ var DeckPlugin = ({ observability } = {}) => {
 // packages/plugins/plugin-deck/src/index.ts
 var src_default = DeckPlugin;
 export {
-  DeckAction,
   DeckPlugin,
   src_default as default
 };