@dxos/plugin-deck 0.8.4-main.406dc2a → 0.8.4-main.548089c

package/dist/lib/browser/{app-graph-builder-YYP67JHW.mjs → app-graph-builder-2DE73K5P.mjs}

@@ -1,12 +1,12 @@
 import {
   DeckCapabilities
-} from "./chunk-HUWUYTOI.mjs";
+} from "./chunk-5KMJPIQC.mjs";
 import {
   meta
-} from "./chunk-MHP4GPX5.mjs";
+} from "./chunk-UXLU6CMW.mjs";
 
 // src/capabilities/app-graph-builder.ts
-import { Rx } from "@effect-rx/rx-react";
+import { Atom } from "@effect-atom/atom-react";
 import * as Function from "effect/Function";
 import * as Option from "effect/Option";
 import { Capabilities, LayoutAction, contributes, createIntent } from "@dxos/app-framework";
@@ -14,33 +14,8 @@ import { AttentionCapabilities } from "@dxos/plugin-attention";
 import { ROOT_ID, createExtension, rxFromSignal } from "@dxos/plugin-graph";
 var app_graph_builder_default = ((context) => contributes(Capabilities.AppGraphBuilder, createExtension({
   id: meta.id,
-  actions: (node) => Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map(() => {
+  actions: (node) => Atom.make((get) => Function.pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map(() => {
     const state = context.getCapability(DeckCapabilities.MutableDeckState);
-    const _fullscreen = {
-      id: `${LayoutAction.UpdateLayout._tag}/fullscreen`,
-      data: async () => {
-        const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-        await dispatch(createIntent(LayoutAction.SetLayoutMode, {
-          part: "mode",
-          options: {
-            mode: "fullscreen"
-          }
-        }));
-      },
-      properties: {
-        label: [
-          "toggle fullscreen label",
-          {
-            ns: meta.id
-          }
-        ],
-        icon: "ph--arrows-out--regular",
-        keyBinding: {
-          macos: "ctrl+meta+f",
-          windows: "shift+ctrl+f"
-        }
-      }
-    };
     const closeCurrent = {
       id: `${LayoutAction.Close._tag}/current`,
       data: async () => {
@@ -150,4 +125,4 @@ var app_graph_builder_default = ((context) => contributes(Capabilities.AppGraphB
 export {
   app_graph_builder_default as default
 };
-//# sourceMappingURL=app-graph-builder-YYP67JHW.mjs.map
+//# sourceMappingURL=app-graph-builder-2DE73K5P.mjs.map

package/dist/lib/browser/app-graph-builder-2DE73K5P.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom-react';\nimport * as Function from 'effect/Function';\nimport * as Option from 'effect/Option';\n\nimport { Capabilities, LayoutAction, type PluginContext, contributes, createIntent } from '@dxos/app-framework';\nimport { AttentionCapabilities } from '@dxos/plugin-attention';\nimport { ROOT_ID, createExtension, rxFromSignal } from '@dxos/plugin-graph';\n\nimport { meta } from '../meta';\n\nimport { DeckCapabilities } from './capabilities';\n\nexport default (context: PluginContext) =>\n  contributes(\n    Capabilities.AppGraphBuilder,\n    createExtension({\n      id: meta.id,\n      actions: (node) =>\n        Atom.make((get) =>\n          Function.pipe(\n            get(node),\n            Option.flatMap((node) => (node.id === ROOT_ID ? Option.some(node) : Option.none())),\n            Option.map(() => {\n              const state = context.getCapability(DeckCapabilities.MutableDeckState);\n\n              // NOTE(Zan): This is currently disabled.\n              // TODO(Zan): Fullscreen needs to know the active node and provide that to the layout part.\n              // const _fullscreen = {\n              //   id: `${LayoutAction.UpdateLayout._tag}/fullscreen`,\n              //   data: async () => {\n              //     const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n              //     await dispatch(\n              //       createIntent(LayoutAction.SetLayoutMode, { part: 'mode', options: { mode: 'fullscreen' } }),\n              //     );\n              //   },\n              //   properties: {\n              //     label: ['toggle fullscreen label', { ns: meta.id }],\n              //     icon: 'ph--arrows-out--regular',\n              //     keyBinding: {\n              //       macos: 'ctrl+meta+f',\n              //       windows: 'shift+ctrl+f',\n              //     },\n              //   },\n              // };\n\n              const closeCurrent = {\n                id: `${LayoutAction.Close._tag}/current`,\n                data: async () => {\n                  const attention = context.getCapability(AttentionCapabilities.Attention);\n                  const attended = attention.current.at(-1);\n                  if (attended) {\n                    const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n                    await dispatch(\n                      createIntent(LayoutAction.Close, {\n                        part: 'main',\n                        subject: [attended],\n                        options: { state: false },\n                      }),\n                    );\n                  }\n                },\n                properties: {\n                  label: ['close current label', { ns: meta.id }],\n                  icon: 'ph--x--regular',\n                },\n              };\n\n              const closeOthers = {\n                id: `${LayoutAction.Close._tag}/others`,\n                data: async () => {\n                  const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n                  const attention = context.getCapability(AttentionCapabilities.Attention);\n                  const attended = attention.current.at(-1);\n                  const ids = state.deck.active.filter((id) => id !== attended) ?? [];\n                  await dispatch(\n                    createIntent(LayoutAction.Close, { part: 'main', subject: ids, options: { state: false } }),\n                  );\n                },\n                properties: {\n                  label: ['close others label', { ns: meta.id }],\n                  icon: 'ph--x-square--regular',\n                },\n              };\n\n              const closeAll = {\n                id: `${LayoutAction.Close._tag}/all`,\n                data: async () => {\n                  const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n                  await dispatch(\n                    createIntent(LayoutAction.Close, {\n                      part: 'main',\n                      subject: state.deck.active,\n                      options: { state: false },\n                    }),\n                  );\n                },\n                properties: {\n                  label: ['close all label', { ns: meta.id }],\n                  icon: 'ph--x-circle--regular',\n                },\n              };\n\n              const toggleSidebar = {\n                id: `${LayoutAction.UpdateSidebar._tag}/nav`,\n                data: async () => {\n                  state.sidebarState = state.sidebarState === 'expanded' ? 'collapsed' : 'expanded';\n                },\n                properties: {\n                  label: [\n                    get(\n                      rxFromSignal(() =>\n                        state.sidebarState === 'expanded'\n                          ? 'collapse navigation sidebar label'\n                          : 'open navigation sidebar label',\n                      ),\n                    ),\n                    { ns: meta.id },\n                  ],\n                  icon: 'ph--sidebar--regular',\n                  keyBinding: {\n                    macos: \"meta+'\",\n                  },\n                  disposition: 'pin-end',\n                  position: 'hoist',\n                  l0Breakpoint: 'lg',\n                },\n              };\n\n              return get(\n                rxFromSignal(() =>\n                  !state.deck.solo ? [closeCurrent, closeOthers, closeAll, toggleSidebar] : [toggleSidebar],\n                ),\n              );\n            }),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n  );\n"],
+  "mappings": "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",
+  "names": ["Atom", "Function", "Option", "Capabilities", "LayoutAction", "contributes", "createIntent", "AttentionCapabilities", "ROOT_ID", "createExtension", "rxFromSignal", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "meta", "actions", "node", "Atom", "make", "get", "pipe", "flatMap", "ROOT_ID", "some", "none", "map", "state", "getCapability", "DeckCapabilities", "MutableDeckState", "closeCurrent", "LayoutAction", "Close", "_tag", "data", "attention", "AttentionCapabilities", "Attention", "attended", "current", "at", "dispatchPromise", "dispatch", "IntentDispatcher", "createIntent", "part", "subject", "options", "properties", "label", "ns", "icon", "closeOthers", "ids", "deck", "active", "filter", "closeAll", "toggleSidebar", "UpdateSidebar", "sidebarState", "rxFromSignal", "keyBinding", "macos", "disposition", "position", "l0Breakpoint", "solo", "getOrElse"]
+}

package/dist/lib/browser/{check-app-scheme-GCOL6YDT.mjs → check-app-scheme-HIEVFAAX.mjs}

@@ -1,6 +1,6 @@
 import {
   meta
-} from "./chunk-MHP4GPX5.mjs";
+} from "./chunk-UXLU6CMW.mjs";
 
 // src/capabilities/check-app-scheme.ts
 import { Capabilities, contributes } from "@dxos/app-framework";
@@ -29,4 +29,4 @@ var check_app_scheme_default = (async (context) => {
 export {
   check_app_scheme_default as default
 };
-//# sourceMappingURL=check-app-scheme-GCOL6YDT.mjs.map
+//# sourceMappingURL=check-app-scheme-HIEVFAAX.mjs.map

package/dist/lib/browser/{chunk-VX7MMQOW.mjs → chunk-27I7DJUG.mjs}

@@ -1,13 +1,13 @@
 import {
   DeckCapabilities
-} from "./chunk-HUWUYTOI.mjs";
+} from "./chunk-5KMJPIQC.mjs";
 import {
   defaultDeck,
   getMode
-} from "./chunk-7I6H3N4Q.mjs";
+} from "./chunk-F3VCCHVL.mjs";
 import {
   meta
-} from "./chunk-MHP4GPX5.mjs";
+} from "./chunk-UXLU6CMW.mjs";
 
 // src/capabilities/state.ts
 import { Capabilities, contributes } from "@dxos/app-framework";
@@ -126,4 +126,4 @@ export {
   DeckStateFactory,
   state_default
 };
-//# sourceMappingURL=chunk-VX7MMQOW.mjs.map
+//# sourceMappingURL=chunk-27I7DJUG.mjs.map

package/dist/lib/browser/{chunk-JQKOS2HB.mjs → chunk-2YHPKFFA.mjs}

@@ -6,7 +6,7 @@ import {
   useHoistStatusbar,
   useMainSize,
   useNodeActionExpander
-} from "./chunk-RJP5R7PY.mjs";
+} from "./chunk-ABGD5GHY.mjs";
 import {
   calculateOverscroll,
   layoutAppliesTopbar,
@@ -14,36 +14,39 @@ import {
 } from "./chunk-CNTGBCMK.mjs";
 import {
   DeckCapabilities
-} from "./chunk-HUWUYTOI.mjs";
+} from "./chunk-5KMJPIQC.mjs";
 import {
   DeckAction,
   NewPlankPositions,
   OverscrollOptions,
   PLANK_COMPANION_TYPE,
   getMode
-} from "./chunk-7I6H3N4Q.mjs";
+} from "./chunk-F3VCCHVL.mjs";
 import {
   meta
-} from "./chunk-MHP4GPX5.mjs";
+} from "./chunk-UXLU6CMW.mjs";
 
 // src/components/DeckLayout/Banner.tsx
 import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
 import React9 from "react";
-import { Surface as Surface5 } from "@dxos/app-framework";
+import { Surface as Surface5 } from "@dxos/app-framework/react";
 import { useTranslation as useTranslation6 } from "@dxos/react-ui";
 import { mx as mx4 } from "@dxos/react-ui-theme";
 
 // src/components/Sidebar/ComplementarySidebar.tsx
 import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
 import React7, { Fragment as Fragment2, useCallback as useCallback5, useEffect as useEffect3, useMemo as useMemo3, useState as useState2 } from "react";
-import { LayoutAction as LayoutAction4, Surface as Surface3, createIntent as createIntent5, useCapability as useCapability3, useIntentDispatcher as useIntentDispatcher5 } from "@dxos/app-framework";
+import { LayoutAction as LayoutAction4, createIntent as createIntent5 } from "@dxos/app-framework";
+import { Surface as Surface3, useCapability as useCapability3, useIntentDispatcher as useIntentDispatcher5 } from "@dxos/app-framework/react";
 import { IconButton as IconButton4, Main, toLocalizedString as toLocalizedString2, useTranslation as useTranslation5 } from "@dxos/react-ui";
 import { Tabs } from "@dxos/react-ui-tabs";
 
 // src/components/Plank/Plank.tsx
 import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
+import { useFocusFinders } from "@fluentui/react-tabster";
 import React5, { memo as memo2, useCallback as useCallback3, useLayoutEffect, useMemo as useMemo2, useRef } from "react";
-import { LayoutAction as LayoutAction2, Surface as Surface2, createIntent as createIntent3, useAppGraph as useAppGraph2, useCapability, useIntentDispatcher as useIntentDispatcher3 } from "@dxos/app-framework";
+import { LayoutAction as LayoutAction2, createIntent as createIntent3 } from "@dxos/app-framework";
+import { Surface as Surface2, useAppGraph as useAppGraph2, useCapability, useIntentDispatcher as useIntentDispatcher3 } from "@dxos/app-framework/react";
 import { debounce } from "@dxos/async";
 import { useNode } from "@dxos/plugin-graph";
 import { ATTENDABLE_PATH_SEPARATOR, useAttentionAttributes } from "@dxos/react-ui-attention";
@@ -59,7 +62,8 @@ import { descriptionMessage, mx as mx2 } from "@dxos/react-ui-theme";
 // src/components/Plank/PlankHeading.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import React2, { Fragment, memo, useCallback as useCallback2, useEffect, useMemo } from "react";
-import { LayoutAction, Surface, createIntent as createIntent2, useAppGraph, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
+import { LayoutAction, createIntent as createIntent2 } from "@dxos/app-framework";
+import { Surface, useAppGraph, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework/react";
 import { Icon, IconButton as IconButton2, Popover, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { StackItem } from "@dxos/react-ui-stack";
 import { TextTooltip } from "@dxos/react-ui-text-tooltip";
@@ -75,7 +79,8 @@ var fixedComplementarySidebarToggleStyles = mx(sidebarToggleStyles, "inline-end-
 // src/components/Plank/PlankControls.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React, { forwardRef, useCallback } from "react";
-import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
+import { createIntent } from "@dxos/app-framework";
+import { useIntentDispatcher } from "@dxos/app-framework/react";
 import { invariant } from "@dxos/invariant";
 import { ButtonGroup, IconButton, useTranslation } from "@dxos/react-ui";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-deck/src/components/Plank/PlankControls.tsx";
@@ -83,10 +88,9 @@ var PlankControl = ({ icon, label: label3, ...props }) => {
   var _effect = _useSignals();
   try {
     return /* @__PURE__ */ React.createElement(IconButton, {
-      iconOnly: true,
       label: label3,
       icon,
-      size: 5,
+      iconOnly: true,
       variant: "ghost",
       tooltipSide: "bottom",
       ...props
@@ -104,7 +108,7 @@ var PlankCompanionControls = /* @__PURE__ */ forwardRef(({ primary }, forwardedR
     const handleCloseCompanion = useCallback(() => {
       invariant(primary, void 0, {
         F: __dxlog_file,
-        L: 49,
+        L: 50,
         S: void 0,
         A: [
           "primary",
@@ -318,7 +322,8 @@ var PlankHeading = /* @__PURE__ */ memo(({ id, part, node, deckEnabled, canIncre
         ...layoutMode === "solo--fullscreen" ? [
           hoverableControls,
           hoverableFocusedWithinControls,
-          "*:transition-opacity *:opacity-[--controls-opacity] bg-transparent border-transparent transition-[background-color,border-color] hover-hover:hover:bg-headerSurface focus-within:bg-headerSurface hover-hover:hover:border-subduedSeparator focus-within:border-subduedSeparator"
+          "*:transition-opacity *:opacity-[--controls-opacity] bg-transparent border-transparent transition-[background-color,border-color]",
+          "hover-hover:hover:bg-headerSurface focus-within:bg-headerSurface hover-hover:hover:border-subduedSeparator focus-within:border-subduedSeparator"
         ] : []
       ],
       "data-plank-heading": true
@@ -333,7 +338,6 @@ var PlankHeading = /* @__PURE__ */ memo(({ id, part, node, deckEnabled, canIncre
         icon: icon2,
         iconOnly: companions.length > MAX_COMPANIONS && node?.id !== id2,
         label: toLocalizedString(label4, t),
-        size: 5,
         variant: node?.id === id2 ? "primary" : "ghost",
         onClick: handleTabClick
       })))
@@ -352,8 +356,7 @@ var PlankHeading = /* @__PURE__ */ memo(({ id, part, node, deckEnabled, canIncre
     })) : /* @__PURE__ */ React2.createElement(StackItem.SigilButton, null, /* @__PURE__ */ React2.createElement("span", {
       className: "sr-only"
     }, label3), /* @__PURE__ */ React2.createElement(Icon, {
-      icon,
-      size: 5
+      icon
     }))), /* @__PURE__ */ React2.createElement(TextTooltip, {
       text: label3,
       onlyWhenTruncating: true
@@ -482,6 +485,7 @@ var PlankContainer = ({ children, solo, companion, encapsulate }) => {
     }
     return /* @__PURE__ */ React5.createElement("div", {
       role: "none",
+      "data-popover-collision-boundary": true,
       className: mx3("absolute inset-[--main-spacing] grid", encapsulate && "border border-separator rounded overflow-hidden", companion && "grid-cols-[6fr_4fr]", railGridHorizontal, mainIntrinsicSize),
       ...sizeAttrs
     }, children);
@@ -494,6 +498,7 @@ var PlankComponent = /* @__PURE__ */ memo2(({ layoutMode, id, part, path, order,
   try {
     const { dispatchPromise: dispatch } = useIntentDispatcher3();
     const { deck, popoverAnchorId, scrollIntoView } = useCapability(DeckCapabilities.DeckState);
+    const { findFirstFocusable } = useFocusFinders();
     const canResize = layoutMode === "deck";
     const attentionAttrs = useAttentionAttributes(primary?.id ?? id);
     const index = active ? active.findIndex((entryId) => entryId === id) : 0;
@@ -514,8 +519,15 @@ var PlankComponent = /* @__PURE__ */ memo2(({ layoutMode, id, part, path, order,
       sizeKey
     ]);
     const handleKeyDown = useCallback3((event) => {
-      if (event.target === event.currentTarget && event.key === "Escape") {
-        rootElement.current?.closest("main")?.focus();
+      if (event.target === event.currentTarget) {
+        switch (event.key) {
+          case "Escape":
+            rootElement.current?.closest("main")?.focus();
+            break;
+          case "Enter":
+            rootElement.current && findFirstFocusable(rootElement.current)?.focus();
+            break;
+        }
       }
     }, []);
     useLayoutEffect(() => {
@@ -556,10 +568,12 @@ var PlankComponent = /* @__PURE__ */ memo2(({ layoutMode, id, part, path, order,
     ]);
     const placeholder = useMemo2(() => /* @__PURE__ */ React5.createElement(PlankLoading, null), []);
     const Root = part.startsWith("solo") ? "article" : StackItem2.Root;
-    const className = mx3("attention-surface relative dx-focus-ring-inset-over-all density-coarse", isSolo && mainIntrinsicSize, isSolo && railGridHorizontal, isSolo && "absolute inset-0", part.startsWith("solo") && "grid", part === "deck" && (companioned === "companion" ? "!border-separator border-ie" : "!border-separator border-li"), part.startsWith("solo-") && "row-span-2 grid-rows-subgrid min-is-0", part === "solo-companion" && "!border-separator border-is", settings?.encapsulatedPlanks && !part.startsWith("solo") && "mli-[--main-spacing] !border-separator border rounded overflow-hidden");
+    const fullscreen = layoutMode === "solo--fullscreen";
+    const className = mx3("attention-surface relative dx-focus-ring-inset-over-all density-coarse", isSolo && "absolute inset-0", isSolo && mainIntrinsicSize, railGridHorizontal, part.startsWith("solo") && "grid", part.startsWith("solo-") && "grid-rows-subgrid row-span-2 min-is-0", fullscreen && "grid-rows-1", part === "deck" && (companioned === "companion" ? "!border-separator border-ie" : "!border-separator border-li"), part === "solo-companion" && "!border-separator border-is", settings?.encapsulatedPlanks && !part.startsWith("solo") && "mli-[--main-spacing] !border-separator border rounded overflow-hidden");
     return /* @__PURE__ */ React5.createElement(Root, {
       ref: rootElement,
       "data-testid": "deck.plank",
+      "data-popover-collision-boundary": true,
       tabIndex: 0,
       ...part.startsWith("solo") ? {
         ...sizeAttrs,
@@ -576,7 +590,7 @@ var PlankComponent = /* @__PURE__ */ memo2(({ layoutMode, id, part, path, order,
       },
       ...isAttendable ? attentionAttrs : {},
       onKeyDown: handleKeyDown
-    }, node ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(PlankHeading, {
+    }, node ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, !fullscreen && /* @__PURE__ */ React5.createElement(PlankHeading, {
       id,
       part: part.startsWith("solo-") ? "solo" : part,
       node,
@@ -607,7 +621,8 @@ var PlankComponent = /* @__PURE__ */ memo2(({ layoutMode, id, part, path, order,
 // src/components/Sidebar/SidebarButton.tsx
 import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
 import React6, { useCallback as useCallback4 } from "react";
-import { LayoutAction as LayoutAction3, createIntent as createIntent4, useCapability as useCapability2, useIntentDispatcher as useIntentDispatcher4 } from "@dxos/app-framework";
+import { LayoutAction as LayoutAction3, createIntent as createIntent4 } from "@dxos/app-framework";
+import { useCapability as useCapability2, useIntentDispatcher as useIntentDispatcher4 } from "@dxos/app-framework/react";
 import { IconButton as IconButton3, useTranslation as useTranslation4 } from "@dxos/react-ui";
 var ToggleSidebarButton = ({ classNames, variant = "ghost" }) => {
   var _effect = _useSignals6();
@@ -616,8 +631,8 @@ var ToggleSidebarButton = ({ classNames, variant = "ghost" }) => {
     const { t } = useTranslation4(meta.id);
     return /* @__PURE__ */ React6.createElement(IconButton3, {
       variant,
-      iconOnly: true,
       icon: "ph--sidebar--regular",
+      iconOnly: true,
       size: 4,
       label: t("open navigation sidebar label"),
       onClick: () => layoutContext.sidebarState = layoutContext.sidebarState === "expanded" ? "collapsed" : "expanded",
@@ -634,8 +649,8 @@ var CloseSidebarButton = () => {
     const { t } = useTranslation4(meta.id);
     return /* @__PURE__ */ React6.createElement(IconButton3, {
       variant: "ghost",
-      iconOnly: true,
       icon: "ph--caret-line-left--regular",
+      iconOnly: true,
       size: 4,
       label: t("close navigation sidebar label"),
       onClick: () => layoutContext.sidebarState = "collapsed",
@@ -668,17 +683,17 @@ var ToggleComplementarySidebarButton = ({ inR0, classNames, current }) => {
       dispatch
     ]);
     return /* @__PURE__ */ React6.createElement(IconButton3, {
-      iconOnly: true,
-      onClick: handleClick,
       variant: "ghost",
-      label: t("open complementary sidebar label"),
       classNames: [
         "[&>svg]:-scale-x-100",
         classNames
       ],
       icon: "ph--sidebar-simple--regular",
+      iconOnly: true,
+      label: t("open complementary sidebar label"),
       size: inR0 ? 5 : 4,
-      tooltipSide: inR0 ? "left" : void 0
+      tooltipSide: inR0 ? "left" : void 0,
+      onClick: handleClick
     });
   } finally {
     _effect.f();
@@ -771,7 +786,6 @@ var ComplementarySidebar = ({ current }) => {
     }, /* @__PURE__ */ React7.createElement(IconButton4, {
       label: toLocalizedString2(companion.properties.label, t),
       icon: companion.properties.icon,
-      size: 5,
       iconOnly: true,
       tooltipSide: "left",
       "data-value": getCompanionId(companion.id),
@@ -843,7 +857,7 @@ var ComplementarySidebarPanel = ({ companion, activeId, data, hoistStatusbar })
 // src/components/Sidebar/Sidebar.tsx
 import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
 import React8, { useMemo as useMemo4 } from "react";
-import { Surface as Surface4, useCapability as useCapability4 } from "@dxos/app-framework";
+import { Surface as Surface4, useCapability as useCapability4 } from "@dxos/app-framework/react";
 import { Main as Main2 } from "@dxos/react-ui";
 var label2 = [
   "sidebar title",
@@ -925,12 +939,12 @@ var Banner = ({ variant, classNames }) => {
 // src/components/DeckLayout/DeckLayout.tsx
 import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
 import React18 from "react";
-import { useCapability as useCapability9 } from "@dxos/app-framework";
+import { useCapability as useCapability9 } from "@dxos/app-framework/react";
 
 // src/components/DeckLayout/ActiveNode.tsx
 import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
 import React10 from "react";
-import { Surface as Surface6, useAppGraph as useAppGraph3 } from "@dxos/app-framework";
+import { Surface as Surface6, useAppGraph as useAppGraph3 } from "@dxos/app-framework/react";
 import { useNode as useNode2 } from "@dxos/plugin-graph";
 import { useAttended } from "@dxos/react-ui-attention";
 var ActiveNode = () => {
@@ -959,7 +973,8 @@ var ActiveNode = () => {
 import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
 import { untracked } from "@preact/signals-core";
 import React14, { Fragment as Fragment3, useCallback as useCallback6, useEffect as useEffect4, useMemo as useMemo5, useRef as useRef2 } from "react";
-import { Capabilities, LayoutAction as LayoutAction5, createIntent as createIntent6, useCapability as useCapability6, useIntentDispatcher as useIntentDispatcher6, usePluginManager } from "@dxos/app-framework";
+import { Capabilities, LayoutAction as LayoutAction5, createIntent as createIntent6 } from "@dxos/app-framework";
+import { useCapability as useCapability6, useIntentDispatcher as useIntentDispatcher6, usePluginManager } from "@dxos/app-framework/react";
 import { AttentionCapabilities } from "@dxos/plugin-attention";
 import { Main as Main3, useMediaQuery, useOnTransition } from "@dxos/react-ui";
 import { DEFAULT_HORIZONTAL_SIZE, Stack, StackContext } from "@dxos/react-ui-stack";
@@ -968,7 +983,7 @@ import { mainPaddingTransitions, mx as mx5 } from "@dxos/react-ui-theme";
 // src/components/DeckLayout/ContentEmpty.tsx
 import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
 import React11 from "react";
-import { Surface as Surface7, useCapability as useCapability5 } from "@dxos/app-framework";
+import { Surface as Surface7, useCapability as useCapability5 } from "@dxos/app-framework/react";
 var ContentEmpty = () => {
   var _effect = _useSignals11();
   try {
@@ -994,7 +1009,7 @@ var ContentEmpty = () => {
 // src/components/DeckLayout/StatusBar.tsx
 import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
 import React12 from "react";
-import { Surface as Surface8 } from "@dxos/app-framework";
+import { Surface as Surface8 } from "@dxos/app-framework/react";
 import { useLandmarkMover } from "@dxos/react-ui";
 var StatusBar = ({ showHints }) => {
   var _effect = _useSignals12();
@@ -1086,7 +1101,7 @@ var DeckMain = () => {
       dispatch
     ]);
     useEffect4(() => {
-      if (settings?.enableDeck && layoutMode === "deck") {
+      if (!settings?.enableDeck && layoutMode === "deck") {
         void dispatch(createIntent6(LayoutAction5.SetLayoutMode, {
           part: "mode",
           subject: active[0],
@@ -1157,8 +1172,8 @@ var DeckMain = () => {
     ]);
     return /* @__PURE__ */ React14.createElement(Main3.Root, {
       navigationSidebarState: fullscreen ? "closed" : context.sidebarState,
-      onNavigationSidebarStateChange: (next) => context.sidebarState = next,
       complementarySidebarState: fullscreen ? "closed" : context.complementarySidebarState,
+      onNavigationSidebarStateChange: (next) => context.sidebarState = next,
       onComplementarySidebarStateChange: (next) => context.complementarySidebarState = next
     }, /* @__PURE__ */ React14.createElement(Sidebar, null), /* @__PURE__ */ React14.createElement(ComplementarySidebar, {
       current: complementarySidebarPanel
@@ -1258,7 +1273,7 @@ var PlankSeparator = ({ order, encapsulate }) => {
 // src/components/DeckLayout/Dialog.tsx
 import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
 import React15 from "react";
-import { Surface as Surface9, useCapability as useCapability7 } from "@dxos/app-framework";
+import { Surface as Surface9, useCapability as useCapability7 } from "@dxos/app-framework/react";
 import { AlertDialog, Dialog as NaturalDialog } from "@dxos/react-ui";
 var Dialog = () => {
   var _effect = _useSignals15();
@@ -1298,8 +1313,8 @@ var Dialog = () => {
 // src/components/DeckLayout/Popover.tsx
 import { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
 import { createContext } from "@radix-ui/react-context";
-import React16, { useCallback as useCallback7, useEffect as useEffect5, useMemo as useMemo6, useRef as useRef3, useState as useState3 } from "react";
-import { Surface as Surface10, useCapability as useCapability8 } from "@dxos/app-framework";
+import React16, { useCallback as useCallback7, useEffect as useEffect5, useRef as useRef3, useState as useState3 } from "react";
+import { Surface as Surface10, useCapability as useCapability8 } from "@dxos/app-framework/react";
 import { Popover as Popover2 } from "@dxos/react-ui";
 var DEBOUNCE_DELAY = 40;
 var [DeckPopoverProvider, useDeckPopoverContext] = createContext("DeckPopover");
@@ -1363,19 +1378,10 @@ var PopoverContent = () => {
     }, [
       setOpen
     ]);
-    const collisionBoundaries = useMemo6(() => {
-      const closest = layout.popoverAnchor?.closest("[data-popover-collision-boundary]");
-      return closest ? [
-        closest
-      ] : [];
-    }, [
-      layout.popoverAnchor
-    ]);
     return /* @__PURE__ */ React16.createElement(Popover2.Portal, null, /* @__PURE__ */ React16.createElement(Popover2.Content, {
       side: layout.popoverSide,
       onInteractOutside: handleClose,
       onEscapeKeyDown: handleClose,
-      collisionBoundary: collisionBoundaries,
       sticky: "always",
       hideWhenDetached: true
     }, /* @__PURE__ */ React16.createElement(Popover2.Viewport, null, /* @__PURE__ */ React16.createElement(Surface10, {
@@ -1405,7 +1411,6 @@ var Toast = ({ id, title, description, icon, duration, actionLabel, actionAlt, c
       classNames: "items-center"
     }, icon && /* @__PURE__ */ React17.createElement(Icon2, {
       icon,
-      size: 5,
       classNames: "inline mr-1"
     }), title && /* @__PURE__ */ React17.createElement("span", null, toLocalizedString3(title, t))), description && /* @__PURE__ */ React17.createElement(NaturalToast.Description, null, description && toLocalizedString3(description, t))), /* @__PURE__ */ React17.createElement(NaturalToast.Actions, null, onAction && actionAlt && actionLabel && /* @__PURE__ */ React17.createElement(NaturalToast.Action, {
       altText: toLocalizedString3(actionAlt, t),
@@ -1528,4 +1533,4 @@ export {
   DeckLayout,
   DeckSettings
 };
-//# sourceMappingURL=chunk-JQKOS2HB.mjs.map
+//# sourceMappingURL=chunk-2YHPKFFA.mjs.map