@dxos/plugin-deck 0.6.12-staging.e11e696 → 0.6.13-main.09887cd

package/dist/lib/browser/{chunk-YVHGFQQR.mjs → chunk-GVOGPULO.mjs}

@@ -9,4 +9,4 @@ export {
   DECK_PLUGIN,
   meta_default
 };
-//# sourceMappingURL=chunk-YVHGFQQR.mjs.map
+//# sourceMappingURL=chunk-GVOGPULO.mjs.map

package/dist/lib/browser/chunk-GVOGPULO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const DECK_PLUGIN = 'dxos.org/plugin/deck';\n\nexport default {\n  id: DECK_PLUGIN,\n  name: 'Deck',\n} satisfies PluginMeta;\n"],
+  "mappings": ";AAMO,IAAMA,cAAc;AAE3B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;AACR;",
+  "names": ["DECK_PLUGIN", "id", "name"]
+}

package/dist/lib/browser/index.mjs

@@ -1,14 +1,15 @@
 import {
   DECK_PLUGIN,
   meta_default
-} from "./chunk-YVHGFQQR.mjs";
+} from "./chunk-GVOGPULO.mjs";
 
 // packages/plugins/plugin-deck/src/DeckPlugin.tsx
-import { batch, effect } from "@preact/signals-core";
+import { batch } from "@preact/signals-core";
 import { setAutoFreeze } from "immer";
 import React15 from "react";
-import { IntentAction, LayoutAction as LayoutAction3, NavigationAction as NavigationAction3, parseGraphPlugin, parseIntentPlugin, resolvePlugin, Toast as ToastSchema, SLUG_PATH_SEPARATOR as SLUG_PATH_SEPARATOR4, isLayoutParts, isLayoutAdjustment, isLayoutMode, openIds as openIds2 } from "@dxos/app-framework";
+import { IntentAction, LayoutAction as LayoutAction3, NavigationAction as NavigationAction4, parseGraphPlugin, parseIntentPlugin, resolvePlugin, Toast as ToastSchema, SLUG_PATH_SEPARATOR as SLUG_PATH_SEPARATOR4, isLayoutParts, isLayoutAdjustment, isLayoutMode, openIds as openIds2 } from "@dxos/app-framework";
 import { create, getTypename, isReactiveObject } from "@dxos/echo-schema";
+import { scheduledEffect } from "@dxos/echo-signals/core";
 import { LocalStorageStore } from "@dxos/local-storage";
 import { log } from "@dxos/log";
 import { parseAttentionPlugin } from "@dxos/plugin-attention";
@@ -24,12 +25,12 @@ var SURFACE_PREFIX = "surface:";
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx
 import { Sidebar as MenuIcon } from "@phosphor-icons/react";
-import React13, { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo2, useRef as useRef2 } from "react";
+import React13, { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef2 } from "react";
 import { Surface as Surface9, firstIdInPart, usePlugin } from "@dxos/app-framework";
 import { Button as Button3, Dialog, Main as Main3, Popover as Popover2, useOnTransition, useTranslation as useTranslation5 } from "@dxos/react-ui";
 import { useAttended as useAttended3 } from "@dxos/react-ui-attention";
 import { Deck } from "@dxos/react-ui-deck";
-import { getSize } from "@dxos/react-ui-theme";
+import { getSize, mainPaddingTransitions as mainPaddingTransitions2 } from "@dxos/react-ui-theme";
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx
 import React from "react";
@@ -115,8 +116,8 @@ var ActiveNode = ({ id }) => {
 };
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx
-import React5 from "react";
-import { SLUG_PATH_SEPARATOR as SLUG_PATH_SEPARATOR2, Surface as Surface3 } from "@dxos/app-framework";
+import React5, { useMemo } from "react";
+import { 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 } from "@dxos/react-ui";
 import { useAttended } from "@dxos/react-ui-attention";
@@ -130,7 +131,7 @@ import { useGraph as useGraph2 } from "@dxos/plugin-graph";
 import { Icon, Popover, toLocalizedString, useMediaQuery, useTranslation } from "@dxos/react-ui";
 import { PlankHeading } from "@dxos/react-ui-deck";
 import { TextTooltip } from "@dxos/react-ui-text-tooltip";
-var NodePlankHeading = ({ node, id, layoutParts, layoutPart, popoverAnchorId, pending, flatDeck }) => {
+var NodePlankHeading = ({ node, id, layoutParts, layoutPart, popoverAnchorId, pending, flatDeck, actions = [] }) => {
   const { t } = useTranslation(DECK_PLUGIN);
   const { graph } = useGraph2();
   const icon = node?.properties?.icon ?? "ph--placeholder--regular";
@@ -167,7 +168,10 @@ var NodePlankHeading = ({ node, id, layoutParts, layoutPart, popoverAnchorId, pe
     related: layoutPart === "complementary",
     attendableId,
     triggerLabel: t("actions menu label"),
-    actions: graph.actions(node),
+    actions: [
+      actions,
+      graph.actions(node)
+    ].filter((a) => a.length > 0),
     onAction: (action) => typeof action.data === "function" && action.data?.({
       node: action,
       caller: DECK_PLUGIN
@@ -307,13 +311,67 @@ var LayoutContext = createContext(null);
 var useLayout = () => useContext(LayoutContext) ?? raise(new Error("Missing LayoutContext"));
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx
-var ComplementarySidebar = ({ context, layoutParts, flatDeck }) => {
+var panels = [
+  "comments",
+  "settings",
+  "debug"
+];
+var nodes = [
+  {
+    id: "comments",
+    icon: "ph--chat-text--regular"
+  },
+  {
+    id: "settings",
+    icon: "ph--gear--regular"
+  },
+  {
+    id: "debug",
+    icon: "ph--bug--regular"
+  }
+];
+var getPanel = (part) => {
+  if (part && panels.findIndex((panel) => panel === part) !== -1) {
+    return part;
+  } else {
+    return "settings";
+  }
+};
+var ComplementarySidebar = ({ layoutParts, flatDeck }) => {
   const { popoverAnchorId } = useLayout();
   const attended = useAttended();
-  const id = attended[0] ? `${attended[0]}${SLUG_PATH_SEPARATOR2}${context}` : void 0;
+  const part = getPanel(layoutParts.complementary?.[0].id);
+  const id = attended[0] ? `${attended[0]}${SLUG_PATH_SEPARATOR2}${part}` : void 0;
   const { graph } = useGraph3();
   const node = useNode(graph, id);
+  const dispatch = useIntentDispatcher2();
   useNodeActionExpander(node);
+  const actions = useMemo(() => nodes.map(({ id: id2, icon }) => ({
+    id: `complementary-${id2}`,
+    data: () => {
+      void dispatch({
+        action: NavigationAction2.OPEN,
+        data: {
+          activeParts: {
+            complementary: id2
+          }
+        }
+      });
+    },
+    properties: {
+      label: [
+        `${id2} label`,
+        {
+          ns: DECK_PLUGIN
+        }
+      ],
+      icon,
+      menuItemType: "toggle",
+      isChecked: part === id2
+    }
+  })), [
+    part
+  ]);
   return /* @__PURE__ */ React5.createElement(Main.ComplementarySidebar, null, /* @__PURE__ */ React5.createElement("div", {
     role: "none",
     className: mx2(deckGrid, "grid-cols-1 bs-full")
@@ -323,12 +381,12 @@ var ComplementarySidebar = ({ context, layoutParts, flatDeck }) => {
     layoutParts,
     layoutPart: "complementary",
     popoverAnchorId,
-    flatDeck
+    flatDeck,
+    actions
   }), node && /* @__PURE__ */ React5.createElement(Surface3, {
-    role: "article",
+    role: `complementary--${part}`,
     data: {
       subject: node.properties.object,
-      part: "complementary",
       popoverAnchorId
     },
     limit: 1,
@@ -395,7 +453,7 @@ var Fullscreen = ({ id }) => {
 // packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx
 import { Plus } from "@phosphor-icons/react";
 import React9, { useCallback, useLayoutEffect, useRef } from "react";
-import { LayoutAction as LayoutAction2, NavigationAction as NavigationAction2, Surface as Surface6, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
+import { LayoutAction as LayoutAction2, NavigationAction as NavigationAction3, Surface as Surface6, useIntentDispatcher as useIntentDispatcher3 } from "@dxos/app-framework";
 import { debounce } from "@dxos/async";
 import { useGraph as useGraph5 } from "@dxos/plugin-graph";
 import { Button, Tooltip, useTranslation as useTranslation4 } from "@dxos/react-ui";
@@ -412,7 +470,7 @@ var useDeckContext = () => useContext2(DeckContext) ?? raise2(new Error("Missing
 // packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx
 var Plank = ({ entry, layoutParts, part, flatDeck, searchEnabled, layoutMode }) => {
   const { t } = useTranslation4(DECK_PLUGIN);
-  const dispatch = useIntentDispatcher2();
+  const dispatch = useIntentDispatcher3();
   const { popoverAnchorId, scrollIntoView } = useLayout();
   const { plankSizing } = useDeckContext();
   const { graph } = useGraph5();
@@ -457,7 +515,7 @@ var Plank = ({ entry, layoutParts, part, flatDeck, searchEnabled, layoutMode })
     layoutMode
   ]);
   const isSolo = layoutMode === "solo" && part === "solo";
-  const isSuppressed = layoutMode === "solo" && part !== "solo";
+  const isSuppressed = layoutMode === "solo" && part !== "solo" || layoutMode === "deck" && part === "solo";
   const sizeAttrs = useMainSize();
   return /* @__PURE__ */ React9.createElement(NaturalPlank.Root, {
     size,
@@ -523,7 +581,7 @@ var Plank = ({ entry, layoutParts, part, flatDeck, searchEnabled, layoutMode })
           component: "dxos.org/plugin/search/Dialog",
           dialogBlockAlign: "start",
           subject: {
-            action: NavigationAction2.SET,
+            action: NavigationAction3.SET,
             position: "add-after",
             coordinate
           }
@@ -543,14 +601,14 @@ var Plank = ({ entry, layoutParts, part, flatDeck, searchEnabled, layoutMode })
 };
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx
-import React10, { useMemo } from "react";
+import React10, { useMemo as useMemo2 } from "react";
 import { openIds, Surface as Surface7 } from "@dxos/app-framework";
 import { Main as Main2 } from "@dxos/react-ui";
 import { useAttended as useAttended2 } from "@dxos/react-ui-attention";
 var Sidebar = ({ layoutParts }) => {
   const { layoutMode, popoverAnchorId } = useLayout();
   const attended = useAttended2();
-  const activeIds = useMemo(() => {
+  const activeIds = useMemo2(() => {
     if (layoutMode === "solo") {
       return new Set(layoutParts?.solo?.map((e) => e.id) ?? []);
     } else if (layoutMode === "deck") {
@@ -561,7 +619,7 @@ var Sidebar = ({ layoutParts }) => {
     layoutParts,
     layoutMode
   ]);
-  const navigationData = useMemo(() => ({
+  const navigationData = useMemo2(() => ({
     popoverAnchorId,
     activeIds,
     attended
@@ -582,14 +640,19 @@ var Sidebar = ({ layoutParts }) => {
 // packages/plugins/plugin-deck/src/components/DeckLayout/StatusBar.tsx
 import React11 from "react";
 import { Surface as Surface8 } from "@dxos/app-framework";
-import { mainPadding, mx as mx4 } from "@dxos/react-ui-theme";
-var StatusBar = () => {
+import { mainPadding, mainPaddingTransitions, mx as mx4 } from "@dxos/react-ui-theme";
+var StatusBar = ({ showHints }) => {
   const sizeAttrs = useMainSize();
   return /* @__PURE__ */ React11.createElement("div", {
     role: "none",
     ...sizeAttrs,
-    className: mx4("fixed block-end-0 inset-inline-0 z-[2]", mainPadding)
-  }, /* @__PURE__ */ React11.createElement(Surface8, {
+    className: mx4("fixed flex justify-between block-end-0 inset-inline-0 items-center border-bs border-separator z-[2]", mainPadding, mainPaddingTransitions)
+  }, /* @__PURE__ */ React11.createElement("div", {
+    role: "none"
+  }, showHints && /* @__PURE__ */ React11.createElement(Surface8, {
+    role: "hints",
+    limit: 1
+  })), /* @__PURE__ */ React11.createElement(Surface8, {
     role: "status-bar",
     limit: 1
   }));
@@ -642,7 +705,10 @@ var getEffectivePart = (partName, layoutMode) => layoutMode === "solo" && partNa
 import { PLANK_DEFAULTS } from "@dxos/react-ui-deck";
 var calculateOverscroll = (planks, plankSizing, sidebarOpen, complementarySidebarOpen) => {
   if (!planks?.length) {
-    return;
+    return {
+      paddingInlineStart: 0,
+      paddingInlineEnd: 0
+    };
   }
   const sidebarWidth = sidebarOpen ? "270px" : "0px";
   const complementarySidebarWidth = complementarySidebarOpen ? "360px" : "0px";
@@ -652,8 +718,8 @@ var calculateOverscroll = (planks, plankSizing, sidebarOpen, complementarySideba
     const plankSize = getPlankSize(plank.id);
     const overscrollPadding = `max(0px, calc(((100dvw - ${sidebarWidth} - ${complementarySidebarWidth} - (${plankSize} + 20px)) / 2)))`;
     return {
-      paddingLeft: overscrollPadding,
-      paddingRight: overscrollPadding
+      paddingInlineStart: overscrollPadding,
+      paddingInlineEnd: overscrollPadding
     };
   } else {
     const first = planks[0];
@@ -661,21 +727,21 @@ var calculateOverscroll = (planks, plankSizing, sidebarOpen, complementarySideba
     const last = planks[planks.length - 1];
     const lastSize = getPlankSize(last.id);
     return {
-      paddingLeft: `max(0px, calc(((100dvw - (${firstSize} + 20px)) / 2) - ${sidebarWidth}))`,
-      paddingRight: `max(0px, calc(((100dvw - (${lastSize} + 20px)) / 2) - ${complementarySidebarWidth}))`
+      paddingInlineStart: `max(0px, calc(((100dvw - (${firstSize} + 20px)) / 2) - ${sidebarWidth}))`,
+      paddingInlineEnd: `max(0px, calc(((100dvw - (${lastSize} + 20px)) / 2) - ${complementarySidebarWidth}))`
     };
   }
 };
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx
-var DeckLayout = ({ layoutParts, toasts, flatDeck, overscroll, showHintsFooter, slots, onDismissToast }) => {
+var DeckLayout = ({ layoutParts, toasts, flatDeck, overscroll, showHints, slots, onDismissToast }) => {
   const context = useLayout();
   const { layoutMode, sidebarOpen, complementarySidebarOpen, dialogOpen, dialogContent, dialogBlockAlign, popoverOpen, popoverContent, popoverAnchorId } = context;
   const { t } = useTranslation5(DECK_PLUGIN);
   const { plankSizing } = useDeckContext();
   const attended = useAttended3();
   const searchPlugin = usePlugin("dxos.org/plugin/search");
-  const fullScreenSlug = useMemo2(() => firstIdInPart(layoutParts, "fullScreen"), [
+  const fullScreenSlug = useMemo3(() => firstIdInPart(layoutParts, "fullScreen"), [
     layoutParts
   ]);
   const scrollLeftRef = useRef2();
@@ -716,21 +782,8 @@ var DeckLayout = ({ layoutParts, toasts, flatDeck, overscroll, showHintsFooter,
     layoutMode,
     firstAttendedId
   ]);
-  const parts = useMemo2(() => {
-    const parts2 = [
-      ...layoutParts.main ?? []
-    ];
-    for (const part of layoutParts.solo ?? []) {
-      if (!parts2.find((entry) => entry.id === part.id)) {
-        parts2.push(part);
-      }
-    }
-    return parts2;
-  }, [
-    layoutParts.main,
-    layoutParts.solo
-  ]);
-  const padding = useMemo2(() => {
+  const isEmpty = layoutParts.main?.length === 0 && layoutParts.solo?.length === 0;
+  const padding = useMemo3(() => {
     if (layoutMode === "deck" && overscroll === "centering") {
       return calculateOverscroll(layoutParts.main, plankSizing, sidebarOpen, complementarySidebarOpen);
     }
@@ -797,9 +850,9 @@ var DeckLayout = ({ layoutParts, toasts, flatDeck, overscroll, showHintsFooter,
     context: "comments",
     layoutParts,
     flatDeck
-  }), /* @__PURE__ */ React13.createElement(Main3.Overlay, null), parts.length === 0 && /* @__PURE__ */ React13.createElement(Main3.Content, {
+  }), /* @__PURE__ */ React13.createElement(Main3.Overlay, null), isEmpty && /* @__PURE__ */ React13.createElement(Main3.Content, {
     handlesFocus: true
-  }, /* @__PURE__ */ React13.createElement(ContentEmpty, null)), parts.length !== 0 && /* @__PURE__ */ React13.createElement(Main3.Content, {
+  }, /* @__PURE__ */ React13.createElement(ContentEmpty, null)), !isEmpty && /* @__PURE__ */ React13.createElement(Main3.Content, {
     bounce: true,
     classNames: "grid block-end-[--statusbar-size]",
     handlesFocus: true
@@ -810,26 +863,33 @@ var DeckLayout = ({ layoutParts, toasts, flatDeck, overscroll, showHintsFooter,
     style: padding,
     classNames: [
       !flatDeck && "bg-deck",
+      mainPaddingTransitions2,
       "absolute inset-0",
       slots?.wallpaper?.classNames
     ],
     solo: layoutMode === "solo",
     onScroll: handleScroll,
     ref: deckRef
-  }, parts.map((layoutEntry) => /* @__PURE__ */ React13.createElement(Plank, {
+  }, /* @__PURE__ */ React13.createElement(Plank, {
+    entry: layoutParts.solo?.[0] ?? {
+      id: "unknown-solo"
+    },
+    layoutParts,
+    part: "solo",
+    layoutMode,
+    flatDeck,
+    searchEnabled: !!searchPlugin
+  }), layoutParts.main?.map((layoutEntry) => /* @__PURE__ */ React13.createElement(Plank, {
     key: layoutEntry.id,
     entry: layoutEntry,
     layoutParts,
-    part: layoutMode === "solo" && layoutEntry.id === layoutParts.solo?.[0]?.id ? "solo" : "main",
+    part: "main",
     layoutMode,
     flatDeck,
     searchEnabled: !!searchPlugin
-  }))))), /* @__PURE__ */ React13.createElement(StatusBar, null), showHintsFooter && /* @__PURE__ */ React13.createElement("div", {
-    className: "fixed bottom-0 left-0 right-0 h-[32px] z-[1] flex justify-center"
-  }, /* @__PURE__ */ React13.createElement(Surface9, {
-    role: "hints",
-    limit: 1
-  })), /* @__PURE__ */ React13.createElement(Popover2.Portal, null, /* @__PURE__ */ React13.createElement(Popover2.Content, {
+  }))))), /* @__PURE__ */ React13.createElement(StatusBar, {
+    showHints
+  }), /* @__PURE__ */ React13.createElement(Popover2.Portal, null, /* @__PURE__ */ React13.createElement(Popover2.Content, {
     classNames: "z-[60]",
     onEscapeKeyDown: () => {
       context.popoverOpen = false;
@@ -898,25 +958,25 @@ var LayoutSettings = ({ settings }) => {
     key: option,
     value: option
   }, t(`settings overscroll ${option} label`)))))))), /* @__PURE__ */ React14.createElement(SettingsValue, {
-    label: t("settings show footer label")
+    label: t("settings show hints label")
   }, /* @__PURE__ */ React14.createElement(Input.Switch, {
-    checked: settings.showFooter,
-    onCheckedChange: (checked) => settings.showFooter = !!checked
+    checked: settings.showHints,
+    onCheckedChange: (checked) => settings.showHints = checked
   })), !isSocket && /* @__PURE__ */ React14.createElement(SettingsValue, {
     label: t("settings native redirect label")
   }, /* @__PURE__ */ React14.createElement(Input.Switch, {
     checked: settings.enableNativeRedirect,
-    onCheckedChange: (checked) => settings.enableNativeRedirect = !!checked
+    onCheckedChange: (checked) => settings.enableNativeRedirect = checked
   })), /* @__PURE__ */ React14.createElement(SettingsValue, {
     label: t("settings custom slots")
   }, /* @__PURE__ */ React14.createElement(Input.Switch, {
     checked: settings.customSlots,
-    onCheckedChange: (checked) => settings.customSlots = !!checked
+    onCheckedChange: (checked) => settings.customSlots = checked
   })), /* @__PURE__ */ React14.createElement(SettingsValue, {
     label: t("settings flat deck")
   }, /* @__PURE__ */ React14.createElement(Input.Switch, {
     checked: settings.flatDeck,
-    onCheckedChange: (checked) => settings.flatDeck = !!checked
+    onCheckedChange: (checked) => settings.flatDeck = checked
   })));
 };
 
@@ -1078,7 +1138,7 @@ var translations_default = [
         "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 footer label": "Show footer (experimental)",
+        "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",
@@ -1102,7 +1162,9 @@ 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",
+        "comments label": "Show Comments",
+        "settings label": "Show Settings"
       }
     }
   }
@@ -1132,7 +1194,7 @@ var DeckPlugin = ({ observability } = {}) => {
   let currentUndoId;
   let handleNavigation;
   const settings = new LocalStorageStore("dxos.org/settings/layout", {
-    showFooter: false,
+    showHints: true,
     customSlots: false,
     flatDeck: false,
     enableNativeRedirect: false,
@@ -1224,9 +1286,11 @@ var DeckPlugin = ({ observability } = {}) => {
       const ids = (layout.values.layoutMode === "deck" ? next.main : next.solo)?.map(({ id }) => id) ?? [];
       const isAttendedAvailable = !!attendedId && ids.includes(attendedId);
       if (!isAttendedAvailable) {
-        const nextAttended = next.main?.[0]?.id;
-        const article = document.querySelector(`article[data-attendable-id="${nextAttended}"]`);
-        article?.focus();
+        requestAnimationFrame(() => {
+          const nextAttended = layout.values.layoutMode === "solo" ? next.solo?.[0].id : next.main?.[0]?.id;
+          const article = document.querySelector(`article[data-attendable-id="${nextAttended}"]`);
+          article?.focus();
+        });
       }
     }
     location.values.active = next;
@@ -1271,8 +1335,8 @@ var DeckPlugin = ({ observability } = {}) => {
         deck.expunge();
       }));
       settings.prop({
-        key: "showFooter",
-        storageKey: "show-footer",
+        key: "showHints",
+        storageKey: "show-hints",
         type: LocalStorageStore.bool()
       }).prop({
         key: "customSlots",
@@ -1327,21 +1391,11 @@ var DeckPlugin = ({ observability } = {}) => {
       };
       await handleNavigation();
       window.addEventListener("popstate", handleNavigation);
-      unsubscriptionCallbacks.push(effect(() => {
-        const selectedPath = soloPartToUri(location.values.active);
+      unsubscriptionCallbacks.push(scheduledEffect(() => ({
+        selectedPath: soloPartToUri(location.values.active)
+      }), ({ selectedPath }) => {
         history.pushState(null, "", `/${selectedPath}${window.location.search}`);
       }));
-      unsubscriptionCallbacks.push(effect(() => {
-        const soloId = location.values.active.solo?.[0].id;
-        if (layout.values.layoutMode === "solo" && soloId && layout.values.scrollIntoView !== soloId) {
-          void intentPlugin?.provides.intent.dispatch({
-            action: LayoutAction3.SCROLL_INTO_VIEW,
-            data: {
-              id: soloId
-            }
-          });
-        }
-      }));
       layoutModeHistory.values.push(`${layout.values.layoutMode}`);
     },
     unload: async () => {
@@ -1403,7 +1457,7 @@ var DeckPlugin = ({ observability } = {}) => {
       root: () => {
         return /* @__PURE__ */ React15.createElement(DeckLayout, {
           layoutParts: location.values.active,
-          showHintsFooter: settings.values.showFooter,
+          showHints: settings.values.showHints,
           overscroll: settings.values.overscroll,
           flatDeck: settings.values.flatDeck,
           slots: settings.values.customSlots ? customSlots : void 0,
@@ -1455,7 +1509,7 @@ var DeckPlugin = ({ observability } = {}) => {
                 } else {
                   log.warn("Invalid layout mode", intent?.data?.layoutMode, {
                     F: __dxlog_file,
-                    L: 410,
+                    L: 404,
                     S: void 0,
                     C: (f, a) => f(...a)
                   });
@@ -1501,7 +1555,7 @@ var DeckPlugin = ({ observability } = {}) => {
                 data: true
               };
             }
-            case NavigationAction3.OPEN: {
+            case NavigationAction4.OPEN: {
               const previouslyOpenIds = new Set(openIds2(location.values.active));
               const layoutMode = layout.values.layoutMode;
               batch(() => {
@@ -1558,7 +1612,7 @@ var DeckPlugin = ({ observability } = {}) => {
                   ] : [],
                   intent.data?.object ? [
                     {
-                      action: NavigationAction3.EXPOSE,
+                      action: NavigationAction4.EXPOSE,
                       data: {
                         id: fullyQualifiedId(intent.data.object)
                       }
@@ -1581,7 +1635,7 @@ var DeckPlugin = ({ observability } = {}) => {
                 ]
               };
             }
-            case NavigationAction3.ADD_TO_ACTIVE: {
+            case NavigationAction4.ADD_TO_ACTIVE: {
               const data = intent.data;
               const layoutEntry = {
                 id: data.id
@@ -1607,7 +1661,7 @@ var DeckPlugin = ({ observability } = {}) => {
                 intents
               };
             }
-            case NavigationAction3.CLOSE: {
+            case NavigationAction4.CLOSE: {
               return batch(() => {
                 if (!intent.data) {
                   return;
@@ -1639,7 +1693,7 @@ var DeckPlugin = ({ observability } = {}) => {
               });
             }
             // TODO(wittjosiah): Factor out.
-            case NavigationAction3.SET: {
+            case NavigationAction4.SET: {
               return batch(() => {
                 if (isLayoutParts(intent.data?.activeParts)) {
                   handleSetLocation(intent.data.activeParts);
@@ -1649,7 +1703,7 @@ var DeckPlugin = ({ observability } = {}) => {
                 };
               });
             }
-            case NavigationAction3.ADJUST: {
+            case NavigationAction4.ADJUST: {
               return batch(() => {
                 if (isLayoutAdjustment(intent.data)) {
                   const adjustment = intent.data;
@@ -1673,7 +1727,7 @@ var DeckPlugin = ({ observability } = {}) => {
                               }
                             },
                             {
-                              action: NavigationAction3.OPEN,
+                              action: NavigationAction4.OPEN,
                               data: {
                                 activeParts: {
                                   solo: [
@@ -1697,7 +1751,7 @@ var DeckPlugin = ({ observability } = {}) => {
                               }
                             },
                             {
-                              action: NavigationAction3.CLOSE,
+                              action: NavigationAction4.CLOSE,
                               data: {
                                 activeParts: {
                                   solo: [
@@ -1707,7 +1761,7 @@ var DeckPlugin = ({ observability } = {}) => {
                               }
                             },
                             {
-                              action: NavigationAction3.OPEN,
+                              action: NavigationAction4.OPEN,
                               data: {
                                 noToggle: true,
                                 activeParts: {