@dxos/plugin-deck 0.7.5-main.9d26e3a → 0.7.5-main.e9bb01b

package/dist/lib/browser/index.mjs

@@ -1,1135 +1,50 @@
 import {
-  DeckAction,
-  NewPlankPositions,
-  OverscrollOptions,
-  parsePanelPlugin
-} from "./chunk-ZC3K6C2W.mjs";
+  AppGraphBuilder,
+  CheckAppScheme,
+  DeckSettings,
+  DeckState,
+  LayoutIntentResolver,
+  ReactRoot,
+  ReactSurface,
+  UrlHandler
+} from "./chunk-NYZJCVAU.mjs";
+import {
+  DeckCapabilities
+} from "./chunk-YQ2GWTDU.mjs";
 import {
   DECK_PLUGIN,
-  meta_default
-} from "./chunk-GVOGPULO.mjs";
+  meta
+} from "./chunk-N7TEPFVR.mjs";
+
+// packages/plugins/plugin-deck/src/events.ts
+import { Events } from "@dxos/app-framework";
+var DeckEvents;
+(function(DeckEvents2) {
+  DeckEvents2.StateReady = Events.createStateEvent(`${DECK_PLUGIN}/state-ready`);
+})(DeckEvents || (DeckEvents = {}));
 
-// packages/plugins/plugin-deck/src/DeckPlugin.tsx
-import { batch } from "@preact/signals-core";
-import { pipe } from "effect";
+// packages/plugins/plugin-deck/src/DeckPlugin.ts
 import { setAutoFreeze } from "immer";
-import React16 from "react";
-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, ROOT_ID } from "@dxos/plugin-graph";
-import { ObservabilityAction } from "@dxos/plugin-observability/types";
+import { allOf, Capabilities, contributes, defineModule, definePlugin, Events as Events2, oneOf } from "@dxos/app-framework";
 import { translations as stackTranslations } from "@dxos/react-ui-stack";
 
-// packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts
-var NAV_ID = "NavTree";
-var SURFACE_PREFIX = "surface:";
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx
-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 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";
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx
-import React from "react";
-import { Surface } from "@dxos/app-framework";
-import { useGraph } from "@dxos/plugin-graph";
-import { useAttended } from "@dxos/react-ui-attention";
-
-// packages/plugins/plugin-deck/src/hooks/useNode.ts
-import { useEffect, useState } from "react";
-var useNode = (graph, id, timeout) => {
-  const [nodeState, setNodeState] = useState(id ? graph.findNode(id, false) : void 0);
-  useEffect(() => {
-    if (!id && nodeState) {
-      setNodeState(void 0);
-    }
-    if (nodeState?.id === id || !id) {
-      return;
-    }
-    const frame = requestAnimationFrame(async () => {
-      try {
-        const node = await graph.waitForNode(id, timeout);
-        if (node) {
-          setNodeState(node);
-        }
-      } catch {
-      }
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [
-    graph,
-    id,
-    timeout,
-    nodeState?.id
-  ]);
-  return nodeState;
-};
-
-// packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts
-import { useEffect as useEffect2 } from "react";
-import { ACTION_GROUP_TYPE, ACTION_TYPE, getGraph } from "@dxos/plugin-graph";
-var expandNodeActions = async (node) => {
-  const graph = getGraph(node);
-  await graph.expand(node, "outbound", ACTION_GROUP_TYPE);
-  await graph.expand(node, "outbound", ACTION_TYPE);
-};
-var useNodeActionExpander = (node) => {
-  useEffect2(() => {
-    if (node) {
-      const frame = requestAnimationFrame(() => {
-        void expandNodeActions(node);
-      });
-      return () => cancelAnimationFrame(frame);
-    }
-  }, [
-    node
-  ]);
-};
-
-// packages/plugins/plugin-deck/src/hooks/useMainSize.ts
-import { useMainContext } from "@dxos/react-ui";
-var useMainSize = () => {
-  const { navigationSidebarOpen, complementarySidebarOpen } = useMainContext("DeckPluginPlank");
-  return {
-    "data-sidebar-inline-start-state": navigationSidebarOpen ? "open" : "closed",
-    "data-sidebar-inline-end-state": complementarySidebarOpen ? "open" : "closed"
-  };
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx
-var ActiveNode = () => {
-  const [id] = useAttended();
-  const { graph } = useGraph();
-  const activeNode = useNode(graph, id);
-  useNodeActionExpander(activeNode);
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "sr-only"
-  }, /* @__PURE__ */ React.createElement(Surface, {
-    role: "document-title",
-    data: {
-      subject: activeNode
-    },
-    limit: 1
-  }));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx
-import React6, { useMemo as useMemo2 } from "react";
-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";
-import { railGridHorizontal, StackContext } from "@dxos/react-ui-stack";
-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 { 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";
-import { TextTooltip } from "@dxos/react-ui-text-tooltip";
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/PlankControls.tsx
-import React2, { forwardRef } from "react";
-import { Button, ButtonGroup, Icon, Tooltip, useTranslation } from "@dxos/react-ui";
-var PlankControl = ({ icon, label, ...props }) => {
-  return /* @__PURE__ */ React2.createElement(Tooltip.Root, null, /* @__PURE__ */ React2.createElement(Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(Button, {
-    variant: "ghost",
-    ...props
-  }, /* @__PURE__ */ React2.createElement("span", {
-    className: "sr-only"
-  }, label), /* @__PURE__ */ React2.createElement(Icon, {
-    icon,
-    size: 4
-  }))), /* @__PURE__ */ React2.createElement(Tooltip.Portal, null, /* @__PURE__ */ React2.createElement(Tooltip.Content, {
-    side: "bottom"
-  }, label)));
-};
-var PlankControls = /* @__PURE__ */ forwardRef(({ onClick, variant = "default", capabilities: can, isSolo, pin, close = false, children, ...props }, forwardedRef) => {
-  const { t } = useTranslation(DECK_PLUGIN);
-  const buttonClassNames = variant === "hide-disabled" ? "disabled:hidden !pli-2 !plb-3" : "!pli-2 !plb-3";
-  return /* @__PURE__ */ React2.createElement(ButtonGroup, {
-    ...props,
-    ref: forwardedRef
-  }, pin && !isSolo && [
-    "both",
-    "start"
-  ].includes(pin) && /* @__PURE__ */ React2.createElement(PlankControl, {
-    label: t("pin start label"),
-    variant: "ghost",
-    classNames: buttonClassNames,
-    onClick: () => onClick?.("pin-start"),
-    icon: "ph--caret-line-left--regular"
-  }), can.solo && /* @__PURE__ */ React2.createElement(PlankControl, {
-    label: isSolo ? t("show deck plank label") : t("show solo plank label"),
-    classNames: buttonClassNames,
-    onClick: () => onClick?.("solo"),
-    icon: isSolo ? "ph--arrow-u-down-left--regular" : "ph--arrows-out--regular"
-  }), !isSolo && can.solo && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(PlankControl, {
-    label: t("increment start label"),
-    disabled: !can.incrementStart,
-    classNames: buttonClassNames,
-    onClick: () => onClick?.("increment-start"),
-    icon: "ph--caret-left--regular"
-  }), /* @__PURE__ */ React2.createElement(PlankControl, {
-    label: t("increment end label"),
-    disabled: !can.incrementEnd,
-    classNames: buttonClassNames,
-    onClick: () => onClick?.("increment-end"),
-    icon: "ph--caret-right--regular"
-  })), pin && !isSolo && [
-    "both",
-    "end"
-  ].includes(pin) && /* @__PURE__ */ React2.createElement(PlankControl, {
-    label: t("pin end label"),
-    classNames: buttonClassNames,
-    onClick: () => onClick?.("pin-end"),
-    icon: "ph--caret-line-right--regular"
-  }), close && !isSolo && /* @__PURE__ */ React2.createElement(PlankControl, {
-    label: t(`${typeof close === "string" ? "minify" : "close"} label`),
-    classNames: buttonClassNames,
-    onClick: () => onClick?.("close"),
-    "data-testid": "plankHeading.close",
-    icon: close === "minify-start" ? "ph--caret-line-left--regular" : close === "minify-end" ? "ph--caret-line-right--regular" : "ph--x--regular"
-  }), children);
-});
-
-// packages/plugins/plugin-deck/src/components/LayoutContext.ts
-import { createContext, useContext } from "react";
-import { raise } from "@dxos/debug";
-var LayoutContext = createContext(null);
-var useLayout = () => useContext(LayoutContext) ?? raise(new Error("Missing LayoutContext"));
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx
-var NodePlankHeading = /* @__PURE__ */ memo(({ coordinate, node, canIncrementStart, canIncrementEnd, popoverAnchorId, pending, actions = [] }) => {
-  const layoutContext = useLayout();
-  const { t } = useTranslation2(DECK_PLUGIN);
-  const { graph } = useGraph2();
-  const icon = node?.properties?.icon ?? "ph--placeholder--regular";
-  const label = pending ? t("pending heading") : toLocalizedString(node?.properties?.label ?? [
-    "plank heading fallback label",
-    {
-      ns: DECK_PLUGIN
-    }
-  ], t);
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const ActionRoot = node && popoverAnchorId === `dxos.org/ui/${DECK_PLUGIN}/${node.id}` ? Popover.Anchor : Fragment;
-  const [isNotMobile] = useMediaQuery("md");
-  useEffect3(() => {
-    const frame = requestAnimationFrame(() => {
-      node && graph.actions(node);
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [
-    node
-  ]);
-  const layoutPart = coordinate.part;
-  const attendableId = coordinate.entryId.split(SLUG_PATH_SEPARATOR).at(0);
-  const capabilities = useMemo(() => ({
-    solo: (layoutPart === "solo" || layoutPart === "main") && isNotMobile,
-    incrementStart: canIncrementStart,
-    incrementEnd: canIncrementEnd
-  }), [
-    isNotMobile,
-    layoutPart,
-    canIncrementStart,
-    canIncrementEnd
-  ]);
-  return /* @__PURE__ */ React3.createElement(StackItem.Heading, {
-    classNames: "pie-1 border-be border-separator"
-  }, /* @__PURE__ */ React3.createElement(ActionRoot, null, node ? /* @__PURE__ */ React3.createElement(StackItem.Sigil, {
-    icon,
-    related: layoutPart === "complementary",
-    attendableId,
-    triggerLabel: t("actions menu label"),
-    actions: [
-      actions,
-      graph.actions(node)
-    ].filter((a) => a.length > 0),
-    onAction: (action) => typeof action.data === "function" && action.data?.({
-      node: action,
-      caller: DECK_PLUGIN
-    })
-  }, /* @__PURE__ */ React3.createElement(Surface2, {
-    role: "menu-footer",
-    data: {
-      subject: node.data
-    }
-  })) : /* @__PURE__ */ React3.createElement(StackItem.SigilButton, null, /* @__PURE__ */ React3.createElement("span", {
-    className: "sr-only"
-  }, label), /* @__PURE__ */ React3.createElement(Icon2, {
-    icon,
-    size: 5
-  }))), /* @__PURE__ */ React3.createElement(TextTooltip, {
-    text: label,
-    onlyWhenTruncating: true
-  }, /* @__PURE__ */ React3.createElement(StackItem.HeadingLabel, {
-    attendableId,
-    related: layoutPart === "complementary",
-    ...pending && {
-      classNames: "text-description"
-    }
-  }, label)), node && layoutPart !== "complementary" && // TODO(Zan): What are we doing with layout coordinate here?
-  /* @__PURE__ */ React3.createElement(Surface2, {
-    role: "navbar-end",
-    data: {
-      subject: node.data
-    }
-  }), /* @__PURE__ */ React3.createElement(PlankControls, {
-    capabilities,
-    isSolo: layoutPart === "solo",
-    classNames: "mx-1",
-    onClick: (eventType) => {
-      if (!layoutPart) {
-        return;
-      }
-      if (eventType === "solo") {
-        return dispatch(createIntent(NavigationAction.Adjust, {
-          type: eventType,
-          layoutCoordinate: {
-            part: "main",
-            entryId: coordinate.entryId
-          }
-        }));
-      } else if (eventType === "close") {
-        if (layoutPart === "complementary") {
-          return dispatch(createIntent(LayoutAction.SetLayout, {
-            element: "complementary",
-            state: false
-          }));
-        } else {
-          return dispatch(createIntent(NavigationAction.Close, {
-            activeParts: {
-              [layoutPart]: [
-                coordinate.entryId
-              ]
-            }
-          }));
-        }
-      } else {
-        return dispatch(createIntent(NavigationAction.Adjust, {
-          type: eventType,
-          layoutCoordinate: coordinate
-        }));
-      }
-    },
-    close: layoutPart === "complementary" ? "minify-end" : true
-  }, layoutPart !== "complementary" && /* @__PURE__ */ React3.createElement(IconButton, {
-    iconOnly: true,
-    onClick: () => layoutContext.complementarySidebarOpen = !layoutContext.complementarySidebarOpen,
-    variant: "ghost",
-    label: t("open complementary sidebar label"),
-    classNames: "!pli-2 !plb-3 [&>svg]:-scale-x-100",
-    icon: "ph--sidebar-simple--regular",
-    size: 4
-  })));
-});
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx
-import React5, { useEffect as useEffect4, useState as useState2 } from "react";
-import { useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { descriptionText, mx } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx
-import React4 from "react";
-var PlankLoading = () => {
-  return /* @__PURE__ */ React4.createElement("div", {
-    role: "none",
-    className: "grid place-items-center attention-surface"
-  });
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx
-var PlankContentError = ({ error }) => {
-  const { t } = useTranslation3(DECK_PLUGIN);
-  const errorString = error?.toString() ?? "";
-  return /* @__PURE__ */ React5.createElement("div", {
-    role: "none",
-    className: "overflow-auto p-8 attention-surface grid place-items-center"
-  }, /* @__PURE__ */ React5.createElement("p", {
-    role: "alert",
-    className: mx(descriptionText, "break-words border border-dashed border-separator rounded-lg p-8", errorString.length < 256 && "text-lg")
-  }, error ? errorString : t("error fallback message")));
-};
-var PlankError = ({ layoutCoordinate, node, error }) => {
-  const [timedOut, setTimedOut] = useState2(false);
-  useEffect4(() => {
-    setTimeout(() => setTimedOut(true), 5e3);
-  }, []);
-  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(NodePlankHeading, {
-    coordinate: layoutCoordinate,
-    node,
-    pending: !timedOut
-  }), timedOut ? /* @__PURE__ */ React5.createElement(PlankContentError, {
-    error
-  }) : /* @__PURE__ */ React5.createElement(PlankLoading, null));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx
-var ComplementarySidebar = ({ panels, current }) => {
-  const { popoverAnchorId } = useLayout();
-  const attended = useAttended2();
-  const panel = (panels.find((p) => p.id === current) ?? panels[0])?.id;
-  const id = attended[0] ? `${attended[0]}${SLUG_PATH_SEPARATOR2}${panel}` : void 0;
-  const { graph } = useGraph3();
-  const node = useNode(graph, id);
-  const { dispatchPromise: dispatch } = useIntentDispatcher2();
-  useNodeActionExpander(node);
-  const actions = useMemo2(() => panels.map(({ id: id2, label, icon }) => ({
-    id: `complementary-${id2}`,
-    data: () => {
-      void dispatch(createIntent2(NavigationAction2.Open, {
-        activeParts: {
-          complementary: id2
-        }
-      }));
-    },
-    properties: {
-      label,
-      icon,
-      menuItemType: "toggle",
-      isChecked: panel === id2
-    }
-  })), [
-    panel
-  ]);
-  const coordinate = useMemo2(() => ({
-    entryId: id ?? "unknown",
-    part: "complementary"
-  }), [
-    id
-  ]);
-  return /* @__PURE__ */ React6.createElement(Main.ComplementarySidebar, null, /* @__PURE__ */ React6.createElement(StackContext.Provider, {
-    value: {
-      size: "contain",
-      orientation: "horizontal",
-      rail: true
-    }
-  }, /* @__PURE__ */ React6.createElement("div", {
-    role: "none",
-    className: mx2(railGridHorizontal, "grid grid-cols-[100%] bs-full")
-  }, /* @__PURE__ */ React6.createElement(NodePlankHeading, {
-    coordinate,
-    node,
-    popoverAnchorId,
-    actions
-  }), /* @__PURE__ */ React6.createElement(ScrollArea.Root, null, /* @__PURE__ */ React6.createElement(ScrollArea.Viewport, null, node && /* @__PURE__ */ React6.createElement(Surface3, {
-    key: id,
-    role: `complementary--${panel}`,
-    limit: 1,
-    data: {
-      id,
-      subject: node.properties.object ?? node.properties.space,
-      popoverAnchorId
-    },
-    fallback: PlankContentError,
-    placeholder: /* @__PURE__ */ React6.createElement(PlankLoading, null)
-  }), /* @__PURE__ */ React6.createElement(ScrollArea.Scrollbar, {
-    orientation: "vertical"
-  }, /* @__PURE__ */ React6.createElement(ScrollArea.Thumb, null)))))));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx
-import React7 from "react";
-import { Surface as Surface4 } from "@dxos/app-framework";
-var ContentEmpty = () => {
-  return /* @__PURE__ */ React7.createElement("div", {
-    role: "none",
-    className: "min-bs-screen is-dvw sm:is-full flex items-center justify-center p-8",
-    "data-testid": "layoutPlugin.firstRunMessage"
-  }, /* @__PURE__ */ React7.createElement("div", {
-    role: "none",
-    className: "grid place-items-center grid-rows-[min-content_min-content]"
-  }, /* @__PURE__ */ React7.createElement(Surface4, {
-    role: "keyshortcuts"
-  })));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx
-import React9 from "react";
-import { Surface as Surface5 } from "@dxos/app-framework";
-import { useGraph as useGraph4 } from "@dxos/plugin-graph";
-import { fixedInsetFlexLayout } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx
-import React8 from "react";
-import { useTranslation as useTranslation4 } from "@dxos/react-ui";
-import { errorText, mx as mx3 } from "@dxos/react-ui-theme";
-var Fallback = () => {
-  const { t } = useTranslation4(DECK_PLUGIN);
-  return /* @__PURE__ */ React8.createElement("div", {
-    role: "none",
-    className: "min-bs-screen is-full flex items-center justify-center p-8"
-  }, /* @__PURE__ */ React8.createElement("p", {
-    role: "alert",
-    className: mx3(errorText, "border border-error-400/50 rounded-lg flex items-center justify-center p-8 font-normal text-lg")
-  }, t("plugin error message")));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx
-var Fullscreen = ({ id }) => {
-  const { graph } = useGraph4();
-  const fullScreenNode = useNode(graph, id);
-  return /* @__PURE__ */ React9.createElement("div", {
-    role: "none",
-    className: fixedInsetFlexLayout
-  }, /* @__PURE__ */ React9.createElement(Surface5, {
-    role: "main",
-    limit: 1,
-    fallback: Fallback,
-    data: {
-      subject: fullScreenNode?.data,
-      component: id?.startsWith(SURFACE_PREFIX) ? id.slice(SURFACE_PREFIX.length) : void 0
-    }
-  }));
-};
-
-// 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, 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";
-import { StackItem as StackItem2, railGridHorizontal as railGridHorizontal2 } from "@dxos/react-ui-stack";
-import { mainIntrinsicSize, mx as mx4 } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-deck/src/components/DeckContext.ts
-import { createContext as createContext2, useContext as useContext2 } from "react";
-import { raise as raise2 } from "@dxos/debug";
-var DeckContext = createContext2(null);
-var useDeckContext = () => useContext2(DeckContext) ?? raise2(new Error("Missing DeckContext"));
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx
-var UNKNOWN_ID = "unknown_id";
-var Plank = /* @__PURE__ */ memo2(({ entry, layoutParts, part, layoutMode, order }) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher3();
-  const coordinate = useMemo3(() => ({
-    part,
-    entryId: entry?.id ?? UNKNOWN_ID
-  }), [
-    entry?.id,
-    part
-  ]);
-  const { popoverAnchorId, scrollIntoView } = useLayout();
-  const { plankSizing } = useDeckContext();
-  const { graph } = useGraph5();
-  const node = useNode(graph, entry?.id);
-  const rootElement = useRef(null);
-  const canResize = layoutMode === "deck";
-  const Root = part === "solo" ? "article" : StackItem2.Root;
-  const attendableAttrs = useAttendableAttributes(coordinate.entryId);
-  const index = indexInPart(layoutParts, coordinate);
-  const length = partLength(layoutParts, part);
-  const canIncrementStart = part === "main" && index !== void 0 && index > 0 && length !== void 0 && length > 1;
-  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(createIntent3(DeckAction.UpdatePlankSize, {
-      id: coordinate.entryId,
-      size: nextSize
-    }));
-  }, 200), [
-    dispatch,
-    coordinate.entryId
-  ]);
-  const handleKeyDown = useCallback((event) => {
-    if (event.target === event.currentTarget && event.key === "Escape") {
-      rootElement.current?.closest("main")?.focus();
-    }
-  }, []);
-  useLayoutEffect(() => {
-    if (scrollIntoView === coordinate.entryId) {
-      const focusable = rootElement.current?.querySelector("button") || rootElement.current;
-      focusable?.focus({
-        preventScroll: true
-      });
-      layoutMode === "deck" && focusable?.scrollIntoView({
-        behavior: "smooth",
-        inline: "center"
-      });
-      void dispatch(createIntent3(LayoutAction2.ScrollIntoView, {
-        id: void 0
-      }));
-    }
-  }, [
-    coordinate.entryId,
-    scrollIntoView,
-    layoutMode
-  ]);
-  const isSolo = layoutMode === "solo" && part === "solo";
-  const isAttendable = isSolo || layoutMode === "deck" && part === "main";
-  const sizeAttrs = useMainSize();
-  const data = useMemo3(() => node && {
-    subject: node.data,
-    path: entry?.path,
-    coordinate,
-    popoverAnchorId
-  }, [
-    node,
-    node?.data,
-    entry?.path,
-    coordinate,
-    popoverAnchorId
-  ]);
-  const placeholder = useMemo3(() => /* @__PURE__ */ React10.createElement(PlankLoading, null), []);
-  const className = mx4("attention-surface relative", isSolo && mainIntrinsicSize, isSolo && railGridHorizontal2, isSolo ? "grid absolute inset-0" : "!border-separator border-li");
-  return /* @__PURE__ */ React10.createElement(Root, {
-    ref: rootElement,
-    "data-testid": "deck.plank",
-    tabIndex: 0,
-    ...part === "solo" ? {
-      ...sizeAttrs,
-      className
-    } : {
-      item: {
-        id: entry?.id ?? "never"
-      },
-      size,
-      onSizeChange: setSize,
-      classNames: className,
-      order,
-      role: "article"
-    },
-    ...isAttendable ? attendableAttrs : {},
-    onKeyDown: handleKeyDown
-  }, node ? /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(NodePlankHeading, {
-    coordinate,
-    node,
-    canIncrementStart,
-    canIncrementEnd,
-    popoverAnchorId
-  }), /* @__PURE__ */ React10.createElement(Surface6, {
-    key: node.id,
-    role: "article",
-    data,
-    limit: 1,
-    fallback: PlankContentError,
-    placeholder
-  })) : /* @__PURE__ */ React10.createElement(PlankError, {
-    layoutCoordinate: coordinate
-  }), canResize && /* @__PURE__ */ React10.createElement(StackItem2.ResizeHandle, null));
-});
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx
-import React11, { useMemo as useMemo4 } from "react";
-import { Surface as Surface7 } from "@dxos/app-framework";
-import { Main as Main2 } from "@dxos/react-ui";
-var Sidebar = ({ layoutParts }) => {
-  const { popoverAnchorId } = useLayout();
-  const navigationData = useMemo4(() => ({
-    popoverAnchorId
-  }), [
-    popoverAnchorId
-  ]);
-  return /* @__PURE__ */ React11.createElement(Main2.NavigationSidebar, null, /* @__PURE__ */ React11.createElement(Surface7, {
-    role: "navigation",
-    data: navigationData,
-    limit: 1
-  }));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/StatusBar.tsx
-import React12 from "react";
-import { Surface as Surface8 } from "@dxos/app-framework";
-import { mainPadding, mainPaddingTransitions, mx as mx5 } from "@dxos/react-ui-theme";
-var StatusBar = ({ showHints }) => {
-  const sizeAttrs = useMainSize();
-  return /* @__PURE__ */ React12.createElement("div", {
-    role: "none",
-    ...sizeAttrs,
-    className: mx5("fixed flex justify-between block-end-0 inset-inline-0 items-center border-bs border-separator z-[2]", mainPadding, mainPaddingTransitions)
-  }, /* @__PURE__ */ React12.createElement("div", {
-    role: "none"
-  }, showHints && /* @__PURE__ */ React12.createElement(Surface8, {
-    role: "hints",
-    limit: 1
-  })), /* @__PURE__ */ React12.createElement(Surface8, {
-    role: "status-bar",
-    limit: 1
-  }));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx
-import React13 from "react";
-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,
-    duration,
-    onOpenChange
-  }, /* @__PURE__ */ React13.createElement(NaturalToast.Body, null, /* @__PURE__ */ React13.createElement(NaturalToast.Title, {
-    classNames: "items-center"
-  }, icon && /* @__PURE__ */ React13.createElement(Icon3, {
-    icon,
-    size: 5,
-    classNames: "inline mr-1"
-  }), 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?.()
-  }, toLocalizedString2(actionLabel, t))), closeLabel && /* @__PURE__ */ React13.createElement(NaturalToast.Close, {
-    asChild: true
-  }, /* @__PURE__ */ React13.createElement(Button2, {
-    "data-testid": "toast.close"
-  }, toLocalizedString2(closeLabel, t)))));
-};
-
-// packages/plugins/plugin-deck/src/util/check-app-scheme.ts
-var checkAppScheme = (url) => {
-  const iframe = document.createElement("iframe");
-  iframe.style.display = "none";
-  document.body.appendChild(iframe);
-  iframe.src = url + window.location.pathname.replace(/^\/+/, "") + window.location.search;
-  const timer = setTimeout(() => {
-    document.body.removeChild(iframe);
-  }, 3e3);
-  window.addEventListener("pagehide", (event) => {
-    clearTimeout(timer);
-    document.body.removeChild(iframe);
-  });
-};
-
-// packages/plugins/plugin-deck/src/util/layout-parts.ts
-var getEffectivePart = (partName, layoutMode) => layoutMode === "solo" && partName === "main" ? "solo" : partName;
-
-// packages/plugins/plugin-deck/src/util/overscroll.ts
-var calculateOverscroll = (planksCount) => {
-  if (!planksCount) {
-    return {
-      paddingInlineStart: 0,
-      paddingInlineEnd: 0
-    };
-  }
-  if (planksCount === 1) {
-    const overscrollPadding = "max(0px, calc(((100dvw - var(--dx-main-sidebarWidth) - var(--dx-main-complementaryWidth) - (var(--dx-main-contentFirstWidth) + 1px)) / 2)))";
-    return {
-      paddingInlineStart: overscrollPadding,
-      paddingInlineEnd: overscrollPadding
-    };
-  } else {
-    return {
-      paddingInlineStart: "max(0px, calc(((100dvw - (var(--dx-main-contentFirstWidth) + 1px)) / 2) - var(--dx-main-sidebarWidth)))",
-      paddingInlineEnd: "max(0px, calc(((100dvw - (var(--dx-main-contentLastWidth) + 1px)) / 2) - var(--dx-main-complementaryWidth)))"
-    };
-  }
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx
-var PlankSeparator = ({ index }) => index > 0 ? /* @__PURE__ */ React14.createElement("span", {
-  role: "separator",
-  className: "row-span-2 bg-deck is-4",
-  style: {
-    gridColumn: index * 2
-  }
-}) : null;
-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 } = useTranslation6(DECK_PLUGIN);
-  const { plankSizing } = useDeckContext();
-  const attentionPlugin = usePlugin("dxos.org/plugin/attention");
-  const fullScreenSlug = useMemo5(() => firstIdInPart(layoutParts, "fullScreen"), [
-    layoutParts
-  ]);
-  const scrollLeftRef = useRef2();
-  const deckRef = useRef2(null);
-  const isSoloModeLoaded = layoutMode === "solo" && Boolean(layoutParts.solo?.[0]);
-  useEffect5(() => {
-    const attended = untracked(() => attentionPlugin?.provides.attention.attended ?? []);
-    const firstId = isSoloModeLoaded ? firstIdInPart(layoutParts, "solo") : firstIdInPart(layoutParts, "main");
-    if (attended.length === 0 && firstId) {
-      document.querySelector(`article[data-attendable-id="${firstId}"] button`)?.focus();
-    }
-  }, []);
-  const handleResize = useCallback2(() => {
-    scrollLeftRef.current = null;
-  }, []);
-  useEffect5(() => {
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, [
-    handleResize
-  ]);
-  const restoreScroll = useCallback2(() => {
-    if (deckRef.current && scrollLeftRef.current != null) {
-      deckRef.current.scrollLeft = scrollLeftRef.current;
-    }
-  }, []);
-  useOnTransition(layoutMode, (mode) => mode !== "deck", "deck", restoreScroll);
-  const handleScroll = useCallback2((event) => {
-    if (layoutMode === "deck" && event.currentTarget === event.target) {
-      scrollLeftRef.current = event.target.scrollLeft;
-    }
-  }, [
-    layoutMode
-  ]);
-  const isEmpty = (layoutParts.main?.length ?? 0) === 0 && (layoutParts.solo?.length ?? 0) === 0;
-  const padding = useMemo5(() => {
-    if (layoutMode === "deck" && overscroll === "centering") {
-      return calculateOverscroll(layoutParts.main?.length ?? 0);
-    }
-    return {};
-  }, [
-    layoutMode,
-    overscroll,
-    layoutParts.main
-  ]);
-  const Dialog = dialogType === "alert" ? AlertDialog : NaturalDialog;
-  return /* @__PURE__ */ React14.createElement(Popover2.Root, {
-    modal: true,
-    open: !!(popoverAnchorId && popoverOpen),
-    onOpenChange: (nextOpen) => {
-      if (nextOpen && popoverAnchorId) {
-        context.popoverOpen = true;
-      } else {
-        context.popoverOpen = false;
-        context.popoverAnchorId = void 0;
-      }
-    }
-  }, /* @__PURE__ */ React14.createElement(ActiveNode, null), layoutMode === "fullscreen" && /* @__PURE__ */ React14.createElement(Fullscreen, {
-    id: fullScreenSlug
-  }), layoutMode !== "fullscreen" && /* @__PURE__ */ React14.createElement(Main3.Root, {
-    navigationSidebarOpen: context.sidebarOpen,
-    onNavigationSidebarOpenChange: (next) => context.sidebarOpen = next,
-    complementarySidebarOpen: context.complementarySidebarOpen,
-    onComplementarySidebarOpenChange: (next) => context.complementarySidebarOpen = next
-  }, /* @__PURE__ */ React14.createElement(Main3.Notch, {
-    classNames: "z-[21]"
-  }, /* @__PURE__ */ React14.createElement(Surface9, {
-    role: "notch-start"
-  }), /* @__PURE__ */ React14.createElement(Button3, {
-    onClick: () => context.sidebarOpen = !context.sidebarOpen,
-    variant: "ghost",
-    classNames: "p-1"
-  }, /* @__PURE__ */ React14.createElement("span", {
-    className: "sr-only"
-  }, t("open navigation sidebar label")), /* @__PURE__ */ React14.createElement(MenuIcon, {
-    weight: "light",
-    className: getSize(5)
-  })), /* @__PURE__ */ React14.createElement(Surface9, {
-    role: "notch-end"
-  })), /* @__PURE__ */ React14.createElement(Sidebar, {
-    layoutParts
-  }), /* @__PURE__ */ React14.createElement(ComplementarySidebar, {
-    panels,
-    current: layoutParts.complementary?.[0].id
-  }), /* @__PURE__ */ React14.createElement(Main3.Overlay, null), isEmpty && /* @__PURE__ */ React14.createElement(Main3.Content, {
-    handlesFocus: true
-  }, /* @__PURE__ */ React14.createElement(ContentEmpty, null)), !isEmpty && /* @__PURE__ */ React14.createElement(Main3.Content, {
-    bounce: true,
-    classNames: "grid block-end-[--statusbar-size]",
-    handlesFocus: true,
-    style: {
-      "--dx-main-sidebarWidth": sidebarOpen ? "var(--nav-sidebar-size)" : "0px",
-      "--dx-main-complementaryWidth": complementarySidebarOpen ? "var(--complementary-sidebar-size)" : "0px",
-      "--dx-main-contentFirstWidth": `${plankSizing[layoutParts.main?.[0]?.id ?? "never"] ?? DEFAULT_HORIZONTAL_SIZE}rem`,
-      "--dx-main-contentLastWidth": `${plankSizing[layoutParts.main?.[(layoutParts.main?.length ?? 1) - 1]?.id ?? "never"] ?? DEFAULT_HORIZONTAL_SIZE}rem`
-    }
-  }, /* @__PURE__ */ React14.createElement("div", {
-    role: "none",
-    className: !isSoloModeLoaded ? "relative bg-deck overflow-hidden" : "sr-only",
-    ...isSoloModeLoaded && {
-      inert: ""
-    }
-  }, /* @__PURE__ */ React14.createElement(Stack, {
-    orientation: "horizontal",
-    size: "contain",
-    classNames: [
-      "absolute inset-block-0 -inset-inline-px",
-      mainPaddingTransitions2
-    ],
-    onScroll: handleScroll,
-    itemsCount: 2 * (layoutParts.main?.length ?? 0) - 1,
-    style: padding,
-    ref: deckRef
-  }, layoutParts.main?.map((layoutEntry, index) => /* @__PURE__ */ React14.createElement(Fragment2, {
-    key: layoutEntry.id
-  }, /* @__PURE__ */ React14.createElement(PlankSeparator, {
-    index
-  }), /* @__PURE__ */ React14.createElement(Plank, {
-    entry: layoutEntry,
-    layoutParts,
-    part: "main",
-    layoutMode,
-    order: index * 2 + 1
-  }))))), /* @__PURE__ */ React14.createElement("div", {
-    role: "none",
-    className: isSoloModeLoaded ? "relative bg-deck overflow-hidden" : "sr-only",
-    ...!isSoloModeLoaded && {
-      inert: ""
-    }
-  }, /* @__PURE__ */ React14.createElement(StackContext2.Provider, {
-    value: {
-      size: "contain",
-      orientation: "horizontal",
-      rail: true
-    }
-  }, /* @__PURE__ */ React14.createElement(Plank, {
-    entry: layoutParts.solo?.[0],
-    layoutParts,
-    part: "solo",
-    layoutMode
-  })))), /* @__PURE__ */ React14.createElement(StatusBar, {
-    showHints
-  })), /* @__PURE__ */ React14.createElement(Popover2.Portal, null, /* @__PURE__ */ React14.createElement(Popover2.Content, {
-    onEscapeKeyDown: () => {
-      context.popoverOpen = false;
-      context.popoverAnchorId = void 0;
-    }
-  }, /* @__PURE__ */ React14.createElement(Popover2.Viewport, null, /* @__PURE__ */ React14.createElement(Surface9, {
-    role: "popover",
-    data: popoverContent,
-    limit: 1
-  })), /* @__PURE__ */ React14.createElement(Popover2.Arrow, null))), /* @__PURE__ */ React14.createElement(Dialog.Root, {
-    open: dialogOpen,
-    onOpenChange: (nextOpen) => context.dialogOpen = nextOpen
-  }, /* @__PURE__ */ React14.createElement(Dialog.Overlay, {
-    blockAlign: dialogBlockAlign
-  }, /* @__PURE__ */ React14.createElement(Surface9, {
-    role: "dialog",
-    data: dialogContent,
-    limit: 1
-  }))), toasts?.map((toast) => /* @__PURE__ */ React14.createElement(Toast, {
-    ...toast,
-    key: toast.id,
-    onOpenChange: (open) => {
-      if (!open) {
-        onDismissToast(toast.id);
-      }
-      return open;
-    }
-  })));
-};
-
-// packages/plugins/plugin-deck/src/components/LayoutSettings.tsx
-import React15 from "react";
-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 } = 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, {
-    value: settings.newPlankPositioning ?? "start",
-    onValueChange: (value) => settings.newPlankPositioning = value
-  }, /* @__PURE__ */ React15.createElement(Select.TriggerButton, {
-    placeholder: t("select new plank positioning placeholder")
-  }), /* @__PURE__ */ React15.createElement(Select.Portal, null, /* @__PURE__ */ React15.createElement(Select.Content, null, /* @__PURE__ */ React15.createElement(Select.Viewport, null, NewPlankPositions.map((position) => /* @__PURE__ */ React15.createElement(Select.Option, {
-    key: position,
-    value: position
-  }, t(`settings new plank position ${position} label`)))))))), /* @__PURE__ */ React15.createElement(DeprecatedFormInput, {
-    label: t("settings overscroll label")
-  }, /* @__PURE__ */ React15.createElement(Select.Root, {
-    value: settings.overscroll ?? "none",
-    onValueChange: (value) => settings.overscroll = value
-  }, /* @__PURE__ */ React15.createElement(Select.TriggerButton, {
-    placeholder: t("select overscroll placeholder")
-  }), /* @__PURE__ */ React15.createElement(Select.Portal, null, /* @__PURE__ */ React15.createElement(Select.Content, null, /* @__PURE__ */ React15.createElement(Select.Viewport, null, OverscrollOptions.map((option) => /* @__PURE__ */ React15.createElement(Select.Option, {
-    key: option,
-    value: option
-  }, t(`settings overscroll ${option} label`)))))))), /* @__PURE__ */ React15.createElement(DeprecatedFormInput, {
-    label: t("settings show hints label")
-  }, /* @__PURE__ */ React15.createElement(Input.Switch, {
-    checked: settings.showHints,
-    onCheckedChange: (checked) => settings.showHints = checked
-  })), !isSocket && /* @__PURE__ */ React15.createElement(DeprecatedFormInput, {
-    label: t("settings native redirect label")
-  }, /* @__PURE__ */ React15.createElement(Input.Switch, {
-    checked: settings.enableNativeRedirect,
-    onCheckedChange: (checked) => settings.enableNativeRedirect = checked
-  })), /* @__PURE__ */ React15.createElement(DeprecatedFormInput, {
-    label: t("settings custom slots")
-  }, /* @__PURE__ */ React15.createElement(Input.Switch, {
-    checked: settings.customSlots,
-    onCheckedChange: (checked) => settings.customSlots = checked
-  })), /* @__PURE__ */ React15.createElement(DeprecatedFormInput, {
-    label: t("settings flat deck")
-  }, /* @__PURE__ */ React15.createElement(Input.Switch, {
-    checked: settings.flatDeck,
-    onCheckedChange: (checked) => settings.flatDeck = checked
-  })));
-};
-
-// packages/plugins/plugin-deck/src/layout.ts
-import { produce } from "immer";
-import { SLUG_ENTRY_SEPARATOR, SLUG_KEY_VALUE_SEPARATOR, SLUG_LIST_SEPARATOR, SLUG_PATH_SEPARATOR as SLUG_PATH_SEPARATOR3 } from "@dxos/app-framework";
-var partsThatSupportIncrement = [
-  "main"
-];
-var openEntry = (layout, part, entry, options) => {
-  return produce(layout, (draft) => {
-    const layoutPart = draft[part];
-    if (!layoutPart) {
-      draft[part] = [
-        entry
-      ];
-      return;
-    }
-    if (part === "main") {
-      if (layoutPart.find((e) => e.id === entry.id)) {
-        return;
-      }
-      const plankPositioning = options?.positioning ?? "start";
-      const pivotId = options?.pivotId;
-      if (pivotId) {
-        const pivotIndex = layoutPart.findIndex((e) => e.id === pivotId);
-        if (pivotIndex !== -1) {
-          if (plankPositioning === "start") {
-            layoutPart.splice(pivotIndex, 0, entry);
-          } else {
-            layoutPart.splice(pivotIndex + 1, 0, entry);
-          }
-          return;
-        }
-      }
-      if (plankPositioning === "start") {
-        layoutPart.unshift(entry);
-      } else {
-        layoutPart.push(entry);
-      }
-    } else {
-      draft[part] = [
-        entry
-      ];
-    }
-  });
-};
-var closeEntry = (layout, layoutCoordinate) => {
-  return produce(layout, (draft) => {
-    const { part, entryId: slugId } = layoutCoordinate;
-    const layoutPart = draft[part];
-    if (!layoutPart) {
-      return;
-    }
-    const index = layoutPart.findIndex((entry) => entry.id === slugId);
-    if (index === -1) {
-      return;
-    }
-    if (layoutPart.length === 1) {
-      delete draft[part];
-    } else {
-      layoutPart.splice(index, 1);
-    }
-  });
-};
-var incrementPlank = (layout, adjustment) => {
-  return produce(layout, (draft) => {
-    const { layoutCoordinate, type } = adjustment;
-    const { part, entryId } = layoutCoordinate;
-    if (partsThatSupportIncrement.includes(part) === false) {
-      return;
-    }
-    const layoutPart = draft[part];
-    if (!layoutPart) {
-      return;
-    }
-    const index = layoutPart.findIndex((entry) => entry.id === entryId);
-    if (index === -1 || type === "increment-start" && index === 0 || type === "increment-end" && index === layoutPart.length - 1) {
-      return;
-    }
-    if (type === "increment-start") {
-      [layoutPart[index - 1], layoutPart[index]] = [
-        layoutPart[index],
-        layoutPart[index - 1]
-      ];
-    } else if (type === "increment-end") {
-      [layoutPart[index], layoutPart[index + 1]] = [
-        layoutPart[index + 1],
-        layoutPart[index]
-      ];
-    }
-  });
-};
-var removePart = (layout, part) => {
-  return produce(layout, (draft) => {
-    delete draft[part];
-  });
-};
-var mergeLayoutParts = (...layoutParts) => {
-  return layoutParts.reduce((merged, current) => produce(merged, (draft) => {
-    Object.entries(current).forEach(([part, entries]) => {
-      const typedPart = part;
-      if (!draft[typedPart]) {
-        draft[typedPart] = [];
-      }
-      const partEntries = draft[typedPart];
-      entries.forEach((entry) => {
-        const existingIndex = partEntries.findIndex((e) => e.id === entry.id);
-        if (existingIndex !== -1) {
-          partEntries[existingIndex] = entry;
-        } else {
-          partEntries.push(entry);
-        }
-      });
-    });
-  }), {});
-};
-var parseLayoutEntry = (itemString) => {
-  const [id, path] = itemString.split(SLUG_PATH_SEPARATOR3);
-  const entry = {
-    id
-  };
-  if (path) {
-    entry.path = path;
-  }
-  return entry;
-};
-var uriToSoloPart = (uri) => {
-  const parts = uri.split("/");
-  const slug = parts[parts.length - 1];
-  if (slug.length > 0) {
-    return {
-      solo: [
-        parseLayoutEntry(slug)
-      ]
-    };
-  }
-  return void 0;
-};
-var soloPartToUri = (layout) => {
-  const soloPart = layout?.solo;
-  if (!soloPart || soloPart.length === 0) {
-    return "";
-  }
-  const entry = soloPart[0];
-  return `${entry.id}${entry.path ? SLUG_PATH_SEPARATOR3 + entry.path : ""}`;
-};
-
 // packages/plugins/plugin-deck/src/translations.ts
 var translations_default = [
   {
     "en-US": {
       [DECK_PLUGIN]: {
+        "plugin name": "Deck",
         "main header label": "Main header",
-        "open navigation sidebar label": "Open navigation sidebar",
-        "open complementary sidebar label": "Open sidebar",
+        "open navigation sidebar label": "Open sidebar",
+        "collapse navigation sidebar label": "Minimize sidebar",
+        "open complementary sidebar label": "Open context sidebar",
+        "close complementary sidebar label": "Minimize context sidebar",
         "plugin error message": "Content failed to render.",
         "content fallback message": "Unsupported",
         "content fallback description": "No plugin had a response for the address you navigated\xA0to. Double-check the URL, and ensure you\u2019ve enabled a plugin that supports the\xA0object.",
         "toggle fullscreen label": "Toggle fullscreen",
         "settings show hints label": "Show hints",
         "settings native redirect label": "Enable native url redirect (experimental)",
-        "settings custom slots": "Theme option (experimental)",
         "settings new plank position start label": "Start",
         "settings new plank position end label": "End",
         "select new plank positioning placeholder": "Select new plank positioning",
@@ -1141,7 +56,7 @@ var translations_default = [
         "error fallback message": "Unable to open this item",
         "plank heading fallback label": "Untitled",
         "actions menu label": "Options",
-        "settings deck label": "Disable Deck",
+        "settings deck label": "Disable deck",
         "reload required message": "Reload required.",
         "pending heading": "Loading\u2026",
         "insert plank label": "Open",
@@ -1154,11 +69,11 @@ var translations_default = [
         "show solo plank label": "Maximize",
         "close label": "Close",
         "minify label": "Minify",
-        "settings overscroll label": "Plank Overscrolling",
+        "settings overscroll label": "Plank overscrolling",
         "select overscroll placeholder": "Select plank overscrolling behavior",
         "settings overscroll centering label": "Centering",
         "settings overscroll none label": "None",
-        "settings flat deck": "Flatten deck appearance",
+        "settings enable ide-style statusbar label": "IDE-style statusbar",
         "close current label": "Close current plank",
         "close others label": "Close other planks",
         "close all label": "Close all planks"
@@ -1167,667 +82,67 @@ var translations_default = [
   }
 ];
 
-// packages/plugins/plugin-deck/src/DeckPlugin.tsx
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-deck/src/DeckPlugin.tsx";
-var isSocket2 = !!globalThis.__args;
-var appScheme = "composer://";
+// packages/plugins/plugin-deck/src/DeckPlugin.ts
 setAutoFreeze(false);
-var DeckPlugin = ({ observability } = {}) => {
-  let intentPlugin;
-  let attentionPlugin;
-  const unsubscriptionCallbacks = [];
-  let currentUndoId;
-  let handleNavigation;
-  const panels = [];
-  const settings = new LocalStorageStore("dxos.org/settings/layout", {
-    showHints: false,
-    customSlots: false,
-    flatDeck: false,
-    enableNativeRedirect: false,
-    disableDeck: false,
-    newPlankPositioning: "start",
-    overscroll: "centering"
-  });
-  const layout = new LocalStorageStore("dxos.org/settings/layout", {
-    layoutMode: "solo",
-    sidebarOpen: true,
-    complementarySidebarOpen: false,
-    dialogContent: null,
-    dialogOpen: false,
-    dialogBlockAlign: void 0,
-    dialogType: void 0,
-    popoverContent: null,
-    popoverAnchorId: void 0,
-    popoverOpen: false,
-    toasts: []
-  });
-  const deck = new LocalStorageStore("dxos.org/settings/deck", {
-    plankSizing: {}
-  });
-  const location = new LocalStorageStore("dxos.org/state/layout", {
-    active: {
-      sidebar: [
-        {
-          id: NAV_ID
-        }
-      ]
-    },
-    closed: []
-  });
-  const layoutModeHistory = create({
-    values: []
-  });
-  const handleSetLayout = ({ element, state, component, subject, anchorId, dialogBlockAlign, dialogType }) => {
-    switch (element) {
-      case "sidebar": {
-        layout.values.sidebarOpen = state ?? !layout.values.sidebarOpen;
-        break;
-      }
-      case "complementary": {
-        layout.values.complementarySidebarOpen = !!state;
-        break;
-      }
-      case "dialog": {
-        layout.values.dialogOpen = state ?? Boolean(component);
-        layout.values.dialogContent = component ? {
-          component,
-          subject
-        } : null;
-        layout.values.dialogBlockAlign = dialogBlockAlign ?? "center";
-        layout.values.dialogType = dialogType;
-        break;
-      }
-      case "popover": {
-        layout.values.popoverOpen = state ?? Boolean(component);
-        layout.values.popoverContent = component ? {
-          component,
-          subject
-        } : null;
-        layout.values.popoverAnchorId = anchorId;
-        break;
-      }
-      case "toast": {
-        if (S.is(ToastSchema)(subject)) {
-          layout.values.toasts = [
-            ...layout.values.toasts,
-            subject
-          ];
-        }
-        break;
-      }
-    }
-  };
-  const handleSetLocation = (next) => {
-    const part = layout.values.layoutMode === "solo" ? "solo" : "main";
-    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);
-      const isAttendedAvailable = !!attendedId && ids.includes(attendedId);
-      if (!isAttendedAvailable) {
-        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;
-        return next[part]?.[index].id;
-      }
-    }
-  };
-  return {
-    meta: meta_default,
-    ready: async ({ plugins }) => {
-      attentionPlugin = resolvePlugin(plugins, parseAttentionPlugin);
-      intentPlugin = resolvePlugin(plugins, parseIntentPlugin);
-      const dispatch = intentPlugin?.provides.intent.dispatchPromise;
-      layout.prop({
-        key: "layoutMode",
-        type: LocalStorageStore.enum()
-      }).prop({
-        key: "sidebarOpen",
-        type: LocalStorageStore.bool()
-      }).prop({
-        key: "complementarySidebarOpen",
-        type: LocalStorageStore.bool()
-      });
-      deck.prop({
-        key: "plankSizing",
-        type: LocalStorageStore.json()
-      });
-      location.prop({
-        key: "active",
-        type: LocalStorageStore.json()
-      }).prop({
-        key: "closed",
-        type: LocalStorageStore.json()
-      });
-      panels.push(...filterPlugins(plugins, parsePanelPlugin).flatMap((plugin) => plugin.provides.complementary.panels));
-      settings.prop({
-        key: "showHints",
-        type: LocalStorageStore.bool()
-      }).prop({
-        key: "customSlots",
-        type: LocalStorageStore.bool()
-      }).prop({
-        key: "flatDeck",
-        type: LocalStorageStore.bool()
-      }).prop({
-        key: "enableNativeRedirect",
-        type: LocalStorageStore.bool()
-      }).prop({
-        key: "disableDeck",
-        type: LocalStorageStore.bool()
-      }).prop({
-        key: "newPlankPositioning",
-        type: LocalStorageStore.enum()
-      }).prop({
-        key: "overscroll",
-        type: LocalStorageStore.enum()
-      });
-      if (!isSocket2 && settings.values.enableNativeRedirect) {
-        checkAppScheme(appScheme);
-      }
-      handleNavigation = async () => {
-        const pathname = window.location.pathname;
-        if (pathname === "/reset") {
-          handleSetLocation({
-            sidebar: [
-              {
-                id: NAV_ID
-              }
-            ]
-          });
-          location.values.closed = [];
-          layout.values.layoutMode = "solo";
-          window.location.pathname = "/";
-          return;
-        }
-        const startingLayout = removePart(location.values.active, "solo");
-        const layoutFromUri = uriToSoloPart(pathname);
-        if (!layoutFromUri) {
-          const toAttend2 = handleSetLocation(startingLayout);
-          layout.values.layoutMode = "deck";
-          await dispatch?.(createIntent4(LayoutAction3.ScrollIntoView, {
-            id: toAttend2
-          }));
-          return;
-        }
-        const toAttend = handleSetLocation(mergeLayoutParts(layoutFromUri, startingLayout));
-        layout.values.layoutMode = "solo";
-        await dispatch?.(createIntent4(LayoutAction3.ScrollIntoView, {
-          id: toAttend
-        }));
-      };
-      await handleNavigation();
-      window.addEventListener("popstate", handleNavigation);
-      unsubscriptionCallbacks.push(scheduledEffect(() => ({
-        selectedPath: soloPartToUri(location.values.active)
-      }), ({ selectedPath }) => {
-        history.pushState(null, "", `/${selectedPath}${window.location.search}`);
-      }));
-      layoutModeHistory.values.push(`${layout.values.layoutMode}`);
-    },
-    unload: async () => {
-      layout.close();
-      location.close();
-      unsubscriptionCallbacks.forEach((unsubscribe) => unsubscribe?.());
-      window.removeEventListener("popstate", handleNavigation);
-    },
-    provides: {
-      settings: settings.values,
-      layout: layout.values,
-      location: location.values,
-      translations: [
-        ...translations_default,
-        ...stackTranslations
-      ],
-      graph: {
-        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,
-            filter: (node) => node.id === ROOT_ID,
-            actions: () => {
-              const _fullscreen = {
-                id: `${LayoutAction3.SetLayoutMode._tag}/fullscreen`,
-                data: async () => {
-                  await dispatch(createIntent4(LayoutAction3.SetLayoutMode, {
-                    layoutMode: "fullscreen"
-                  }));
-                },
-                properties: {
-                  label: [
-                    "toggle fullscreen label",
-                    {
-                      ns: DECK_PLUGIN
-                    }
-                  ],
-                  icon: "ph--arrows-out--regular",
-                  keyBinding: {
-                    macos: "ctrl+meta+f",
-                    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
-              ] : [];
-            }
-          });
-        }
-      },
-      context: (props) => /* @__PURE__ */ React16.createElement(LayoutContext.Provider, {
-        value: layout.values
-      }, /* @__PURE__ */ React16.createElement(DeckContext.Provider, {
-        value: deck.values
-      }, props.children)),
-      root: () => {
-        return /* @__PURE__ */ React16.createElement(DeckLayout, {
-          layoutParts: location.values.active,
-          showHints: settings.values.showHints,
-          overscroll: settings.values.overscroll,
-          toasts: layout.values.toasts,
-          panels,
-          onDismissToast: (id) => {
-            const index = layout.values.toasts.findIndex((toast) => toast.id === id);
-            if (index !== -1) {
-              setTimeout(() => {
-                if (layout.values.toasts[index].id === currentUndoId) {
-                  currentUndoId = void 0;
-                }
-                layout.values.toasts.splice(index, 1);
-              }, 1e3);
-            }
-          }
-        });
-      },
-      surface: {
-        definitions: () => createSurface({
-          id: DECK_PLUGIN,
-          role: "settings",
-          filter: (data) => data.subject === DECK_PLUGIN,
-          component: () => /* @__PURE__ */ React16.createElement(LayoutSettings, {
-            settings: settings.values
-          })
-        })
-      },
-      intent: {
-        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 = openIds(location.values.active, [
-                  "main"
-                ]);
-                const solo = openIds(location.values.active, [
-                  "solo"
-                ]);
-                const current = layout.values.layoutMode === "solo" ? solo : main;
-                const next = mode === "solo" ? solo : [
-                  ...main,
-                  ...solo
-                ];
-                const removed = current.filter((id) => !next.includes(id));
-                const closed = Array.from(/* @__PURE__ */ new Set([
-                  ...location.values.closed.filter((id) => !next.includes(id)),
-                  ...removed
-                ]));
-                location.values.closed = closed;
-                layout.values.layoutMode = mode;
-              };
-              return batch(() => {
-                if ("layoutMode" in data) {
-                  layoutModeHistory.values.push(layout.values.layoutMode);
-                  setMode(data.layoutMode);
-                } else if (data.revert) {
-                  setMode(layoutModeHistory.values.pop() ?? "solo");
-                } else {
-                  log.warn("Invalid layout mode", data, {
-                    F: __dxlog_file,
-                    L: 460,
-                    S: void 0,
-                    C: (f, a) => f(...a)
-                  });
-                }
-              });
-            }),
-            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;
-              const toAttend = batch(() => {
-                const processLayoutEntry = (partName, entryString, currentLayout) => {
-                  const toggle = false;
-                  const [id, path] = entryString.split(SLUG_PATH_SEPARATOR4);
-                  const layoutEntry = {
-                    id,
-                    ...path ? {
-                      path
-                    } : {}
-                  };
-                  const effectivePart = getEffectivePart(partName, layoutMode);
-                  if (toggle && layoutMode === "deck" && effectivePart === "main" && currentLayout[effectivePart]?.some((entry) => entry.id === id) && !data?.noToggle) {
-                    return closeEntry(currentLayout, {
-                      part: effectivePart,
-                      entryId: id
-                    });
-                  } else {
-                    return openEntry(currentLayout, effectivePart, layoutEntry, {
-                      positioning: settings.values.newPlankPositioning
-                    });
-                  }
-                };
-                let newLayout = location.values.active;
-                Object.entries(data.activeParts).forEach(([partName, layoutEntries]) => {
-                  if (Array.isArray(layoutEntries)) {
-                    layoutEntries.forEach((activePartEntry) => {
-                      newLayout = processLayoutEntry(partName, activePartEntry, newLayout);
-                    });
-                  } else if (typeof layoutEntries === "string") {
-                    newLayout = processLayoutEntry(partName, layoutEntries, newLayout);
-                  }
-                });
-                return handleSetLocation(newLayout);
-              });
-              const ids = openIds(location.values.active);
-              const newlyOpen = ids.filter((i) => !previouslyOpenIds.has(i));
-              return {
-                data: {
-                  open: ids
-                },
-                intents: [
-                  createIntent4(LayoutAction3.ScrollIntoView, {
-                    id: newlyOpen[0] ?? toAttend
-                  }),
-                  ...toAttend ? [
-                    createIntent4(NavigationAction3.Expose, {
-                      id: toAttend
-                    })
-                  ] : [],
-                  ...observability ? newlyOpen.map((id) => {
-                    const active = graph?.findNode(id)?.data;
-                    const typename = isReactiveObject(active) ? getTypename(active) : void 0;
-                    return createIntent4(ObservabilityAction.SendEvent, {
-                      name: "navigation.activate",
-                      properties: {
-                        id,
-                        typename
-                      }
-                    });
-                  }) : []
-                ]
-              };
-            }),
-            createResolver(NavigationAction3.AddToActive, (data) => {
-              const layoutEntry = {
-                id: data.id
-              };
-              const effectivePart = getEffectivePart(data.part, layout.values.layoutMode);
-              handleSetLocation(openEntry(location.values.active, effectivePart, layoutEntry, {
-                positioning: data.positioning ?? settings.values.newPlankPositioning,
-                pivotId: data.pivotId
-              }));
-              const intents = [];
-              if (data.scrollIntoView && layout.values.layoutMode === "deck") {
-                intents.push(createIntent4(LayoutAction3.ScrollIntoView, {
-                  id: data.id
-                }));
-              }
-              return {
-                intents
-              };
-            }),
-            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: id
-                    });
-                  });
-                } else {
-                  newLayout = closeEntry(newLayout, {
-                    part: effectivePart,
-                    entryId: ids
-                  });
-                }
-              });
-              const toAttend = handleSetLocation(newLayout);
-              return {
-                intents: [
-                  createIntent4(LayoutAction3.ScrollIntoView, {
-                    id: toAttend
-                  })
-                ]
-              };
-            }),
-            createResolver(NavigationAction3.Set, (data) => {
-              return batch(() => {
-                const toAttend = handleSetLocation(data.activeParts);
-                return {
-                  intents: [
-                    createIntent4(LayoutAction3.ScrollIntoView, {
-                      id: toAttend
-                    })
-                  ]
-                };
-              });
-            }),
-            createResolver(NavigationAction3.Adjust, (adjustment) => {
-              return batch(() => {
-                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
-                        }))
-                      ]
-                    };
-                  }
-                }
-              });
-            })
-          ];
-        }
-      }
-    }
-  };
-};
-
-// packages/plugins/plugin-deck/src/index.ts
-var src_default = DeckPlugin;
+var DeckPlugin = () => definePlugin(meta, [
+  defineModule({
+    id: `${meta.id}/module/check-app-scheme`,
+    activatesOn: Events2.SettingsReady,
+    activate: CheckAppScheme
+  }),
+  defineModule({
+    id: `${meta.id}/module/settings`,
+    activatesOn: Events2.SetupSettings,
+    activate: DeckSettings
+  }),
+  defineModule({
+    id: `${meta.id}/module/layout`,
+    activatesOn: oneOf(Events2.Startup, Events2.SetupAppGraph),
+    activatesAfter: [
+      Events2.LayoutReady,
+      DeckEvents.StateReady
+    ],
+    activate: DeckState
+  }),
+  defineModule({
+    id: `${meta.id}/module/translations`,
+    activatesOn: Events2.SetupTranslations,
+    activate: () => contributes(Capabilities.Translations, [
+      ...translations_default,
+      ...stackTranslations
+    ])
+  }),
+  defineModule({
+    id: `${meta.id}/module/react-root`,
+    activatesOn: Events2.Startup,
+    activate: ReactRoot
+  }),
+  defineModule({
+    id: `${meta.id}/module/react-surface`,
+    activatesOn: Events2.SetupSurfaces,
+    activate: ReactSurface
+  }),
+  defineModule({
+    id: `${meta.id}/module/layout-intent-resolver`,
+    activatesOn: Events2.SetupIntents,
+    activate: LayoutIntentResolver
+  }),
+  defineModule({
+    id: `${meta.id}/module/app-graph-builder`,
+    activatesOn: Events2.SetupAppGraph,
+    activate: AppGraphBuilder
+  }),
+  defineModule({
+    id: `${meta.id}/module/url`,
+    activatesOn: allOf(Events2.DispatcherReady, DeckEvents.StateReady),
+    activate: UrlHandler
+  })
+]);
 export {
+  DECK_PLUGIN,
+  DeckCapabilities,
+  DeckEvents,
   DeckPlugin,
-  src_default as default
+  meta
 };
 //# sourceMappingURL=index.mjs.map