@dxos/plugin-deck 0.8.2-main.fbd8ed0 → 0.8.2-staging.7ac8446

package/dist/lib/browser/{app-graph-builder-R7COZ4A6.mjs → app-graph-builder-VYZ4IWI3.mjs}

@@ -6,19 +6,18 @@ import {
 } from "./chunk-NSATFAEE.mjs";
 
 // packages/plugins/plugin-deck/src/capabilities/app-graph-builder.ts
-import { Rx } from "@effect-rx/rx-react";
-import { Option, pipe } from "effect";
 import { Capabilities, contributes, createIntent, LayoutAction } from "@dxos/app-framework";
 import { AttentionCapabilities } from "@dxos/plugin-attention";
-import { createExtension, ROOT_ID, rxFromSignal } from "@dxos/plugin-graph";
+import { createExtension, ROOT_ID } from "@dxos/plugin-graph";
 var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBuilder, createExtension({
   id: DECK_PLUGIN,
-  actions: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map(() => {
-    const state = context.getCapability(DeckCapabilities.MutableDeckState);
+  filter: (node) => node.id === ROOT_ID,
+  actions: () => {
+    const state = context.requestCapability(DeckCapabilities.MutableDeckState);
     const _fullscreen = {
       id: `${LayoutAction.UpdateLayout._tag}/fullscreen`,
       data: async () => {
-        const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
+        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
         await dispatch(createIntent(LayoutAction.SetLayoutMode, {
           part: "mode",
           options: {
@@ -43,10 +42,10 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
     const closeCurrent = {
       id: `${LayoutAction.Close._tag}/current`,
       data: async () => {
-        const attention = context.getCapability(AttentionCapabilities.Attention);
+        const attention = context.requestCapability(AttentionCapabilities.Attention);
         const attended = attention.current.at(-1);
         if (attended) {
-          const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
+          const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
           await dispatch(createIntent(LayoutAction.Close, {
             part: "main",
             subject: [
@@ -71,8 +70,8 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
     const closeOthers = {
       id: `${LayoutAction.Close._tag}/others`,
       data: async () => {
-        const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-        const attention = context.getCapability(AttentionCapabilities.Attention);
+        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+        const attention = context.requestCapability(AttentionCapabilities.Attention);
         const attended = attention.current.at(-1);
         const ids = state.deck.active.filter((id) => id !== attended) ?? [];
         await dispatch(createIntent(LayoutAction.Close, {
@@ -96,7 +95,7 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
     const closeAll = {
       id: `${LayoutAction.Close._tag}/all`,
       data: async () => {
-        const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
+        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
         await dispatch(createIntent(LayoutAction.Close, {
           part: "main",
           subject: state.deck.active,
@@ -122,7 +121,7 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
       },
       properties: {
         label: [
-          get(rxFromSignal(() => state.sidebarState === "expanded" ? "collapse navigation sidebar label" : "open navigation sidebar label")),
+          state.sidebarState === "expanded" ? "collapse navigation sidebar label" : "open navigation sidebar label",
           {
             ns: DECK_PLUGIN
           }
@@ -136,17 +135,17 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
         l0Breakpoint: "lg"
       }
     };
-    return get(rxFromSignal(() => !state.deck.solo ? [
+    return !state.deck.solo ? [
       closeCurrent,
       closeOthers,
       closeAll,
       toggleSidebar
     ] : [
       toggleSidebar
-    ]));
-  }), Option.getOrElse(() => [])))
+    ];
+  }
 }));
 export {
   app_graph_builder_default as default
 };
-//# sourceMappingURL=app-graph-builder-R7COZ4A6.mjs.map
+//# sourceMappingURL=app-graph-builder-VYZ4IWI3.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, createIntent, LayoutAction, type PluginsContext } from '@dxos/app-framework';\nimport { AttentionCapabilities } from '@dxos/plugin-attention';\nimport { createExtension, type Node, ROOT_ID } from '@dxos/plugin-graph';\n\nimport { DeckCapabilities } from './capabilities';\nimport { DECK_PLUGIN } from '../meta';\n\nexport default (context: PluginsContext) =>\n  contributes(\n    Capabilities.AppGraphBuilder,\n    createExtension({\n      id: DECK_PLUGIN,\n      filter: (node): node is Node<null> => node.id === ROOT_ID,\n      actions: () => {\n        const state = context.requestCapability(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.requestCapability(Capabilities.IntentDispatcher);\n            await dispatch(createIntent(LayoutAction.SetLayoutMode, { part: 'mode', options: { mode: 'fullscreen' } }));\n          },\n          properties: {\n            label: ['toggle fullscreen label', { ns: DECK_PLUGIN }],\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.requestCapability(AttentionCapabilities.Attention);\n            const attended = attention.current.at(-1);\n            if (attended) {\n              const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n              await dispatch(\n                createIntent(LayoutAction.Close, { part: 'main', subject: [attended], options: { state: false } }),\n              );\n            }\n          },\n          properties: {\n            label: ['close current label', { ns: DECK_PLUGIN }],\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.requestCapability(Capabilities.IntentDispatcher);\n            const attention = context.requestCapability(AttentionCapabilities.Attention);\n            const attended = attention.current.at(-1);\n            const ids = state.deck.active.filter((id) => id !== attended) ?? [];\n            await dispatch(createIntent(LayoutAction.Close, { part: 'main', subject: ids, options: { state: false } }));\n          },\n          properties: {\n            label: ['close others label', { ns: DECK_PLUGIN }],\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.requestCapability(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: DECK_PLUGIN }],\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              state.sidebarState === 'expanded' ? 'collapse navigation sidebar label' : 'open navigation sidebar label',\n              { ns: DECK_PLUGIN },\n            ],\n            icon: 'ph--sidebar--regular',\n            keyBinding: {\n              macos: 'meta+b',\n            },\n            disposition: 'pin-end',\n            position: 'hoist',\n            l0Breakpoint: 'lg',\n          },\n        };\n\n        return !state.deck.solo ? [closeCurrent, closeOthers, closeAll, toggleSidebar] : [toggleSidebar];\n      },\n    }),\n  );\n"],
+  "mappings": "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",
+  "names": ["Capabilities", "contributes", "createIntent", "LayoutAction", "AttentionCapabilities", "createExtension", "ROOT_ID", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "DECK_PLUGIN", "filter", "node", "ROOT_ID", "actions", "state", "requestCapability", "DeckCapabilities", "MutableDeckState", "_fullscreen", "LayoutAction", "UpdateLayout", "_tag", "data", "dispatchPromise", "dispatch", "IntentDispatcher", "createIntent", "SetLayoutMode", "part", "options", "mode", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows", "closeCurrent", "Close", "attention", "AttentionCapabilities", "Attention", "attended", "current", "at", "subject", "closeOthers", "ids", "deck", "active", "closeAll", "toggleSidebar", "UpdateSidebar", "sidebarState", "disposition", "position", "l0Breakpoint", "solo"]
+}

package/dist/lib/browser/{check-app-scheme-7AXGR6UT.mjs → check-app-scheme-SEYECDHI.mjs}

@@ -20,7 +20,8 @@ var checkAppScheme = (url) => {
   });
 };
 var check_app_scheme_default = async (context) => {
-  const settings = context.getCapability(Capabilities.SettingsStore).getStore(DECK_PLUGIN)?.value;
+  const settingsStore = context.requestCapability(Capabilities.SettingsStore);
+  const settings = settingsStore.getStore(DECK_PLUGIN)?.value;
   if (!isSocket && settings?.enableNativeRedirect) {
     checkAppScheme(appScheme);
   }
@@ -29,4 +30,4 @@ var check_app_scheme_default = async (context) => {
 export {
   check_app_scheme_default as default
 };
-//# sourceMappingURL=check-app-scheme-7AXGR6UT.mjs.map
+//# sourceMappingURL=check-app-scheme-SEYECDHI.mjs.map

package/dist/lib/browser/check-app-scheme-SEYECDHI.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/check-app-scheme.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';\n\nimport { DECK_PLUGIN } from '../meta';\nimport { type DeckSettingsProps } from '../types';\n\nconst isSocket = !!(globalThis as any).__args;\n\n// TODO(mjamesderocher): Can we get this directly from Socket?\nconst appScheme = 'composer://';\n\n// TODO(mjamesderocher): Factor out as part of NavigationPlugin.\nconst checkAppScheme = (url: string) => {\n  const iframe = document.createElement('iframe');\n  iframe.style.display = 'none';\n  document.body.appendChild(iframe);\n\n  iframe.src = url + window.location.pathname.replace(/^\\/+/, '') + window.location.search;\n\n  const timer = setTimeout(() => {\n    document.body.removeChild(iframe);\n  }, 3000);\n\n  window.addEventListener('pagehide', (event) => {\n    clearTimeout(timer);\n    document.body.removeChild(iframe);\n  });\n};\n\nexport default async (context: PluginsContext) => {\n  const settingsStore = context.requestCapability(Capabilities.SettingsStore);\n  const settings = settingsStore.getStore<DeckSettingsProps>(DECK_PLUGIN)?.value;\n  if (!isSocket && settings?.enableNativeRedirect) {\n    checkAppScheme(appScheme);\n  }\n\n  return contributes(Capabilities.Null, null);\n};\n"],
+  "mappings": ";;;;;AAOA,SAASA,cAAcC,mBAAwC;AAK/D,IAAMC,WAAW,CAAC,CAAEC,WAAmBC;AAGvC,IAAMC,YAAY;AAGlB,IAAMC,iBAAiB,CAACC,QAAAA;AACtB,QAAMC,SAASC,SAASC,cAAc,QAAA;AACtCF,SAAOG,MAAMC,UAAU;AACvBH,WAASI,KAAKC,YAAYN,MAAAA;AAE1BA,SAAOO,MAAMR,MAAMS,OAAOC,SAASC,SAASC,QAAQ,QAAQ,EAAA,IAAMH,OAAOC,SAASG;AAElF,QAAMC,QAAQC,WAAW,MAAA;AACvBb,aAASI,KAAKU,YAAYf,MAAAA;EAC5B,GAAG,GAAA;AAEHQ,SAAOQ,iBAAiB,YAAY,CAACC,UAAAA;AACnCC,iBAAaL,KAAAA;AACbZ,aAASI,KAAKU,YAAYf,MAAAA;EAC5B,CAAA;AACF;AAEA,IAAA,2BAAe,OAAOmB,YAAAA;AACpB,QAAMC,gBAAgBD,QAAQE,kBAAkBC,aAAaC,aAAa;AAC1E,QAAMC,WAAWJ,cAAcK,SAA4BC,WAAAA,GAAcC;AACzE,MAAI,CAACjC,YAAY8B,UAAUI,sBAAsB;AAC/C9B,mBAAeD,SAAAA;EACjB;AAEA,SAAOgC,YAAYP,aAAaQ,MAAM,IAAA;AACxC;",
+  "names": ["Capabilities", "contributes", "isSocket", "globalThis", "__args", "appScheme", "checkAppScheme", "url", "iframe", "document", "createElement", "style", "display", "body", "appendChild", "src", "window", "location", "pathname", "replace", "search", "timer", "setTimeout", "removeChild", "addEventListener", "event", "clearTimeout", "context", "settingsStore", "requestCapability", "Capabilities", "SettingsStore", "settings", "getStore", "DECK_PLUGIN", "value", "enableNativeRedirect", "contributes", "Null"]
+}

package/dist/lib/browser/chunk-6ZSOFCPP.mjs

@@ -0,0 +1,117 @@
+import {
+  PLANK_COMPANION_TYPE
+} from "./chunk-RJNCG4ND.mjs";
+import {
+  DECK_PLUGIN
+} from "./chunk-NSATFAEE.mjs";
+
+// packages/plugins/plugin-deck/src/util/set-active.ts
+import { batch } from "@preact/signals-core";
+var setActive = ({ next, state, attention }) => {
+  return batch(() => {
+    const active = state.deck.solo ? [
+      state.deck.solo
+    ] : state.deck.active;
+    const removed = active.filter((id) => !next.includes(id));
+    const closed = Array.from(/* @__PURE__ */ new Set([
+      ...state.deck.inactive.filter((id) => !next.includes(id)),
+      ...removed
+    ]));
+    state.deck.inactive = closed;
+    if (state.deck.solo || !state.deck.initialized) {
+      state.deck.solo = next[0];
+    } else {
+      state.deck.active = next;
+    }
+    if (state.deck.fullscreen && !state.deck.solo) {
+      state.deck.fullscreen = false;
+    }
+    if (attention) {
+      const attended = attention.current;
+      const [attendedId] = Array.from(attended);
+      const isAttendedAvailable = !!attendedId && next.includes(attendedId);
+      if (!isAttendedAvailable) {
+        const attendedIndex = active.indexOf(attendedId);
+        const index = attendedIndex === -1 ? 0 : attendedIndex >= next.length ? next.length - 1 : attendedIndex;
+        return next[index];
+      }
+    }
+  });
+};
+
+// packages/plugins/plugin-deck/src/util/useCompanions.ts
+import { useMemo } from "react";
+import { useAppGraph } from "@dxos/app-framework";
+import { useNode } from "@dxos/plugin-graph";
+import { byPosition } from "@dxos/util";
+var useCompanions = (id) => {
+  const { graph } = useAppGraph();
+  const node = useNode(graph, id);
+  const companions = node ? graph.nodes(node, {
+    type: PLANK_COMPANION_TYPE
+  }) : [];
+  return useMemo(() => companions.toSorted((a, b) => byPosition(a.properties, b.properties)), [
+    companions
+  ]);
+};
+
+// 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/util/useBreakpoints.ts
+import { useMediaQuery } from "@dxos/react-ui";
+var useBreakpoints = () => {
+  const [isNotMobile] = useMediaQuery("md");
+  const [isDesktop] = useMediaQuery("lg");
+  return isDesktop ? "desktop" : isNotMobile ? "tablet" : "mobile";
+};
+
+// packages/plugins/plugin-deck/src/util/layoutAppliesTopbar.ts
+var layoutAppliesTopbar = (breakpoint) => {
+  return document.body.getAttribute("data-platform") === "win" && breakpoint === "desktop";
+};
+
+// packages/plugins/plugin-deck/src/util/useHoistStatusbar.ts
+import { useMemo as useMemo2 } from "react";
+import { Capabilities, useCapability } from "@dxos/app-framework";
+import { useThemeContext } from "@dxos/react-ui";
+var useHoistStatusbar = (breakpoint) => {
+  const enableStatusbar = useCapability(Capabilities.SettingsStore).getStore(DECK_PLUGIN).value.enableStatusbar;
+  const { safeAreaPadding } = useThemeContext();
+  return useMemo2(() => {
+    return breakpoint === "desktop" && !!enableStatusbar && safeAreaPadding?.bottom === 0;
+  }, [
+    enableStatusbar,
+    breakpoint,
+    safeAreaPadding?.bottom
+  ]);
+};
+
+export {
+  calculateOverscroll,
+  setActive,
+  useBreakpoints,
+  layoutAppliesTopbar,
+  useHoistStatusbar,
+  useCompanions
+};
+//# sourceMappingURL=chunk-6ZSOFCPP.mjs.map

package/dist/lib/browser/chunk-6ZSOFCPP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/set-active.ts", "../../../src/util/useCompanions.ts", "../../../src/util/overscroll.ts", "../../../src/util/useBreakpoints.ts", "../../../src/util/layoutAppliesTopbar.ts", "../../../src/util/useHoistStatusbar.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { batch } from '@preact/signals-core';\n\nimport { type AttentionManager } from '@dxos/plugin-attention';\n\nimport { type DeckPluginState } from '../types';\n\nexport type SetActiveOptions = {\n  next: string[];\n  state: DeckPluginState;\n  attention?: AttentionManager;\n};\n\nexport const setActive = ({ next, state, attention }: SetActiveOptions) => {\n  return batch(() => {\n    const active = state.deck.solo ? [state.deck.solo] : state.deck.active;\n    const removed = active.filter((id) => !next.includes(id));\n    const closed = Array.from(new Set([...state.deck.inactive.filter((id) => !next.includes(id)), ...removed]));\n\n    state.deck.inactive = closed;\n\n    if (state.deck.solo || !state.deck.initialized) {\n      state.deck.solo = next[0];\n    } else {\n      state.deck.active = next;\n    }\n\n    if (state.deck.fullscreen && !state.deck.solo) {\n      state.deck.fullscreen = false;\n    }\n\n    if (attention) {\n      const attended = attention.current;\n      const [attendedId] = Array.from(attended);\n      const isAttendedAvailable = !!attendedId && next.includes(attendedId);\n      if (!isAttendedAvailable) {\n        const attendedIndex = active.indexOf(attendedId);\n        // If outside of bounds, focus on the first/last plank, otherwise focus on the new plank in the same position.\n        const index = attendedIndex === -1 ? 0 : attendedIndex >= next.length ? next.length - 1 : attendedIndex;\n        return next[index];\n      }\n    }\n  });\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { useAppGraph } from '@dxos/app-framework';\nimport { useNode } from '@dxos/plugin-graph';\nimport { byPosition } from '@dxos/util';\n\nimport { PLANK_COMPANION_TYPE } from '../types';\n\nexport const useCompanions = (id?: string) => {\n  const { graph } = useAppGraph();\n  const node = useNode(graph, id);\n  const companions = node ? graph.nodes(node, { type: PLANK_COMPANION_TYPE }) : [];\n  return useMemo(() => companions.toSorted((a, b) => byPosition(a.properties, b.properties)), [companions]);\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport type { CSSProperties } from 'react';\n\n/**\n * ┌────────────────────────────────────────────────────────────────────────────────────────────────────┐\n * | Overscroll Padding Calculation for Centering Planks on Screen.                                     │\n * ├────────────────────────────────────────────────────────────────────────────────────────────────────┤\n * │ NOTE(Zan): I found the way you calculate the overscroll padding to center a plank on the screen    │\n * │ at the edges of the scroll context a bit confusing, so I've diagrammed it here.                    │\n * │                                                                                                    │\n * │ Multiple Planks:                                                                                   │\n * │ ───────────────                                                                                    │\n * | Use the following overscroll padding calculation centering the boundary planks on the SCREEN.      │\n * │                                                                                                    │\n * │ Left Padding:                           Right Padding:                                             │\n * │ ┌───┬────┬──────────────────┬──────┐    ┌──────┬──────────────────┬────┬───┐                       │\n * │ │   │████│     Ideal        │      │    │      │      Ideal       │████│   │                       │\n * │ │ S │█PL█│     first        │      │    │      │      last        │█PR█│ C │                       │\n * │ │   │████│     plank        │      │    │      │      plank       │████│   │                       │\n * │ └───┴────┴──────────────────┴──────┘    └──────┴──────────────────┴────┴───┘                       │\n * │ <--------- screen width ----------->    <---------- screen width ---------->                       │\n * │                                                                                                    │\n * │ PL = ((screen width - Plank Width) / 2) - S                                                        │\n * │ PR = ((screen width - Plank Width) / 2) - C                                                        │\n * │                                                                                                    │\n * │ S  = Sidebar width                     C  = Complementary sidebar width                            │\n * │ PL = Padding Left                      PR = Padding Right                                          │\n * │                                                                                                    │\n * │ Single Plank:                                                                                      │\n * │ ─────────────                                                                                      │\n * │ For a single plank we use the following overscroll padding calculation to center the plank in      │\n * │ the content area:                                                                                  │\n * │                                                                                                    │\n * │ ┌───┬───────────────────────┬───┬───────────────────────┬───┐                                      │\n * │ │   │███████████████████████│   │███████████████████████│   │                                      │\n * │ │ S │█████ Left Padding ████│ P │████ Right Padding ████│ C │                                      │\n * │ │   │███████████████████████│   │███████████████████████│   │                                      │\n * │ └───┴───────────────────────┴───┴───────────────────────┴───┘                                      │\n * │ <------------------------ screen width --------------------->                                      │\n * │                                                                                                    │\n * │ Left/Right Padding Width = (screen width - S - P - C) / 2                                          │\n * │                                                                                                    │\n * │ S = Sidebar width (may be 0)                                                                       │\n * │ P = Plank width (centered)                                                                         │\n * │ C = Complementary sidebar width (may be 0)                                                         │\n * └────────────────────────────────────────────────────────────────────────────────────────────────────┘\n */\nexport const calculateOverscroll = (\n  planksCount: number,\n): Pick<CSSProperties, 'paddingInlineStart' | 'paddingInlineEnd'> | undefined => {\n  if (!planksCount) {\n    return { paddingInlineStart: 0, paddingInlineEnd: 0 };\n  }\n  if (planksCount === 1) {\n    const overscrollPadding =\n      'max(0px, calc(((100dvw - var(--dx-main-sidebarWidth) - var(--dx-main-complementaryWidth) - (var(--dx-main-contentFirstWidth) + 1px)) / 2)))';\n    return { paddingInlineStart: overscrollPadding, paddingInlineEnd: overscrollPadding };\n  } else {\n    return {\n      paddingInlineStart:\n        'max(0px, calc(((100dvw - (var(--dx-main-contentFirstWidth) + 1px)) / 2) - var(--dx-main-sidebarWidth)))',\n      paddingInlineEnd:\n        'max(0px, calc(((100dvw - (var(--dx-main-contentLastWidth) + 1px)) / 2) - var(--dx-main-complementaryWidth)))',\n    };\n  }\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMediaQuery } from '@dxos/react-ui';\n\nexport const useBreakpoints = () => {\n  const [isNotMobile] = useMediaQuery('md');\n  const [isDesktop] = useMediaQuery('lg');\n  return isDesktop ? 'desktop' : isNotMobile ? 'tablet' : 'mobile';\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nexport const layoutAppliesTopbar = (breakpoint: string) => {\n  return document.body.getAttribute('data-platform') === 'win' && breakpoint === 'desktop';\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { Capabilities, useCapability } from '@dxos/app-framework';\nimport { useThemeContext } from '@dxos/react-ui';\n\nimport { DECK_PLUGIN } from '../meta';\nimport type { DeckSettingsProps } from '../types';\n\nexport const useHoistStatusbar = (breakpoint: string): boolean => {\n  const enableStatusbar = useCapability(Capabilities.SettingsStore).getStore<DeckSettingsProps>(DECK_PLUGIN)!.value\n    .enableStatusbar;\n  const { safeAreaPadding } = useThemeContext();\n  return useMemo(() => {\n    return breakpoint === 'desktop' && !!enableStatusbar && safeAreaPadding?.bottom === 0;\n  }, [enableStatusbar, breakpoint, safeAreaPadding?.bottom]);\n};\n"],
+  "mappings": "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",
+  "names": ["batch", "setActive", "next", "state", "attention", "batch", "active", "deck", "solo", "removed", "filter", "id", "includes", "closed", "Array", "from", "Set", "inactive", "initialized", "fullscreen", "attended", "current", "attendedId", "isAttendedAvailable", "attendedIndex", "indexOf", "index", "length", "useMemo", "useAppGraph", "useNode", "byPosition", "useCompanions", "id", "graph", "useAppGraph", "node", "useNode", "companions", "nodes", "type", "PLANK_COMPANION_TYPE", "useMemo", "toSorted", "a", "b", "byPosition", "properties", "calculateOverscroll", "planksCount", "paddingInlineStart", "paddingInlineEnd", "overscrollPadding", "useMediaQuery", "useBreakpoints", "isNotMobile", "useMediaQuery", "isDesktop", "layoutAppliesTopbar", "breakpoint", "document", "body", "getAttribute", "useMemo", "Capabilities", "useCapability", "useThemeContext", "useHoistStatusbar", "breakpoint", "enableStatusbar", "useCapability", "Capabilities", "SettingsStore", "getStore", "DECK_PLUGIN", "value", "safeAreaPadding", "useThemeContext", "useMemo", "bottom"]
+}

package/dist/lib/browser/chunk-B4LOJUWW.mjs

@@ -0,0 +1,24 @@
+// packages/plugins/plugin-deck/src/capabilities/index.ts
+import { lazy } from "@dxos/app-framework";
+var AppGraphBuilder = lazy(() => import("./app-graph-builder-VYZ4IWI3.mjs"));
+var CheckAppScheme = lazy(() => import("./check-app-scheme-SEYECDHI.mjs"));
+var LayoutIntentResolver = lazy(() => import("./intent-resolver-UDYKO2QW.mjs"));
+var ReactRoot = lazy(() => import("./react-root-XLXN2VEW.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-WNGMZL7I.mjs"));
+var DeckSettings = lazy(() => import("./settings-HMDGSBGO.mjs"));
+var DeckState = lazy(() => import("./state-7TN26M42.mjs"));
+var Tools = lazy(() => import("./tools-SC6QEN7R.mjs"));
+var UrlHandler = lazy(() => import("./url-handler-ODG4B6NX.mjs"));
+
+export {
+  AppGraphBuilder,
+  CheckAppScheme,
+  LayoutIntentResolver,
+  ReactRoot,
+  ReactSurface,
+  DeckSettings,
+  DeckState,
+  Tools,
+  UrlHandler
+};
+//# sourceMappingURL=chunk-B4LOJUWW.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const AppGraphBuilder = lazy(() => import('./app-graph-builder'));\nexport const CheckAppScheme = lazy(() => import('./check-app-scheme'));\nexport const LayoutIntentResolver = lazy(() => import('./intent-resolver'));\nexport const ReactRoot = lazy(() => import('./react-root'));\nexport const ReactSurface = lazy(() => import('./react-surface'));\nexport const DeckSettings = lazy(() => import('./settings'));\nexport const DeckState = lazy(() => import('./state'));\nexport const Tools = lazy(() => import('./tools'));\nexport const UrlHandler = lazy(() => import('./url-handler'));\n\nexport * from './capabilities';\n"],
+  "mappings": ";AAIA,SAASA,YAAY;AAEd,IAAMC,kBAAkBC,KAAK,MAAM,OAAO,kCAAA,CAAA;AAC1C,IAAMC,iBAAiBD,KAAK,MAAM,OAAO,iCAAA,CAAA;AACzC,IAAME,uBAAuBF,KAAK,MAAM,OAAO,gCAAA,CAAA;AAC/C,IAAMG,YAAYH,KAAK,MAAM,OAAO,2BAAA,CAAA;AACpC,IAAMI,eAAeJ,KAAK,MAAM,OAAO,8BAAA,CAAA;AACvC,IAAMK,eAAeL,KAAK,MAAM,OAAO,yBAAA,CAAA;AACvC,IAAMM,YAAYN,KAAK,MAAM,OAAO,sBAAA,CAAA;AACpC,IAAMO,QAAQP,KAAK,MAAM,OAAO,sBAAA,CAAA;AAChC,IAAMQ,aAAaR,KAAK,MAAM,OAAO,4BAAA,CAAA;",
+  "names": ["lazy", "AppGraphBuilder", "lazy", "CheckAppScheme", "LayoutIntentResolver", "ReactRoot", "ReactSurface", "DeckSettings", "DeckState", "Tools", "UrlHandler"]
+}