@dxos/plugin-deck 0.7.5-main.ff8607b → 0.7.5-staging.b81e783

package/dist/lib/browser/{app-graph-builder-CI6ZFMNL.mjs → app-graph-builder-IYHAGFA3.mjs}

@@ -1,6 +1,6 @@
 import {
   DeckCapabilities
-} from "./chunk-YQ2GWTDU.mjs";
+} from "./chunk-22AQ5IVX.mjs";
 import {
   DECK_PLUGIN
 } from "./chunk-N7TEPFVR.mjs";
@@ -127,7 +127,11 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
           }
         ],
         icon: "ph--sidebar--regular",
+        keyBinding: {
+          macos: "meta+b"
+        },
         disposition: "pin-end",
+        position: "hoist",
         l0Breakpoint: "lg"
       }
     };
@@ -144,4 +148,4 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
 export {
   app_graph_builder_default as default
 };
-//# sourceMappingURL=app-graph-builder-CI6ZFMNL.mjs.map
+//# sourceMappingURL=app-graph-builder-IYHAGFA3.mjs.map

package/dist/lib/browser/{app-graph-builder-CI6ZFMNL.mjs.map → app-graph-builder-IYHAGFA3.mjs.map}

@@ -1,7 +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            disposition: 'pin-end',\n            l0Breakpoint: 'lg',\n          },\n        };\n\n        return !state.deck.solo ? [closeCurrent, closeOthers, closeAll, toggleSidebar] : [toggleSidebar];\n      },\n    }),\n  );\n"],
-  "mappings": ";;;;;;;;AAIA,SAASA,cAAcC,aAAaC,cAAcC,oBAAyC;AAC3F,SAASC,6BAA6B;AACtC,SAASC,iBAA4BC,eAAe;AAKpD,IAAA,4BAAe,CAACC,YACdC,YACEC,aAAaC,iBACbC,gBAAgB;EACdC,IAAIC;EACJC,QAAQ,CAACC,SAA6BA,KAAKH,OAAOI;EAClDC,SAAS,MAAA;AACP,UAAMC,QAAQX,QAAQY,kBAAkBC,iBAAiBC,gBAAgB;AAIzE,UAAMC,cAAc;MAClBV,IAAI,GAAGW,aAAaC,aAAaC,IAAI;MACrCC,MAAM,YAAA;AACJ,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKrB,QAAQY,kBAAkBV,aAAaoB,gBAAgB;AAC7F,cAAMD,SAASE,aAAaP,aAAaQ,eAAe;UAAEC,MAAM;UAAQC,SAAS;YAAEC,MAAM;UAAa;QAAE,CAAA,CAAA;MAC1G;MACAC,YAAY;QACVC,OAAO;UAAC;UAA2B;YAAEC,IAAIxB;UAAY;;QACrDyB,MAAM;QACNC,YAAY;UACVC,OAAO;UACPC,SAAS;QACX;MACF;IACF;AAEA,UAAMC,eAAe;MACnB9B,IAAI,GAAGW,aAAaoB,MAAMlB,IAAI;MAC9BC,MAAM,YAAA;AACJ,cAAMkB,YAAYrC,QAAQY,kBAAkB0B,sBAAsBC,SAAS;AAC3E,cAAMC,WAAWH,UAAUI,QAAQC,GAAG,EAAC;AACvC,YAAIF,UAAU;AACZ,gBAAM,EAAEpB,iBAAiBC,SAAQ,IAAKrB,QAAQY,kBAAkBV,aAAaoB,gBAAgB;AAC7F,gBAAMD,SACJE,aAAaP,aAAaoB,OAAO;YAAEX,MAAM;YAAQkB,SAAS;cAACH;;YAAWd,SAAS;cAAEf,OAAO;YAAM;UAAE,CAAA,CAAA;QAEpG;MACF;MACAiB,YAAY;QACVC,OAAO;UAAC;UAAuB;YAAEC,IAAIxB;UAAY;;QACjDyB,MAAM;MACR;IACF;AAEA,UAAMa,cAAc;MAClBvC,IAAI,GAAGW,aAAaoB,MAAMlB,IAAI;MAC9BC,MAAM,YAAA;AACJ,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKrB,QAAQY,kBAAkBV,aAAaoB,gBAAgB;AAC7F,cAAMe,YAAYrC,QAAQY,kBAAkB0B,sBAAsBC,SAAS;AAC3E,cAAMC,WAAWH,UAAUI,QAAQC,GAAG,EAAC;AACvC,cAAMG,MAAMlC,MAAMmC,KAAKC,OAAOxC,OAAO,CAACF,OAAOA,OAAOmC,QAAAA,KAAa,CAAA;AACjE,cAAMnB,SAASE,aAAaP,aAAaoB,OAAO;UAAEX,MAAM;UAAQkB,SAASE;UAAKnB,SAAS;YAAEf,OAAO;UAAM;QAAE,CAAA,CAAA;MAC1G;MACAiB,YAAY;QACVC,OAAO;UAAC;UAAsB;YAAEC,IAAIxB;UAAY;;QAChDyB,MAAM;MACR;IACF;AAEA,UAAMiB,WAAW;MACf3C,IAAI,GAAGW,aAAaoB,MAAMlB,IAAI;MAC9BC,MAAM,YAAA;AACJ,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKrB,QAAQY,kBAAkBV,aAAaoB,gBAAgB;AAC7F,cAAMD,SACJE,aAAaP,aAAaoB,OAAO;UAC/BX,MAAM;UACNkB,SAAShC,MAAMmC,KAAKC;UACpBrB,SAAS;YAAEf,OAAO;UAAM;QAC1B,CAAA,CAAA;MAEJ;MACAiB,YAAY;QACVC,OAAO;UAAC;UAAmB;YAAEC,IAAIxB;UAAY;;QAC7CyB,MAAM;MACR;IACF;AAEA,UAAMkB,gBAAgB;MACpB5C,IAAI,GAAGW,aAAakC,cAAchC,IAAI;MACtCC,MAAM,YAAA;AACJR,cAAMwC,eAAexC,MAAMwC,iBAAiB,aAAa,cAAc;MACzE;MACAvB,YAAY;QACVC,OAAO;UACLlB,MAAMwC,iBAAiB,aAAa,sCAAsC;UAC1E;YAAErB,IAAIxB;UAAY;;QAEpByB,MAAM;QACNqB,aAAa;QACbC,cAAc;MAChB;IACF;AAEA,WAAO,CAAC1C,MAAMmC,KAAKQ,OAAO;MAACnB;MAAcS;MAAaI;MAAUC;QAAiB;MAACA;;EACpF;AACF,CAAA,CAAA;",
-  "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", "l0Breakpoint", "solo"]
+  "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": ";;;;;;;;AAIA,SAASA,cAAcC,aAAaC,cAAcC,oBAAyC;AAC3F,SAASC,6BAA6B;AACtC,SAASC,iBAA4BC,eAAe;AAKpD,IAAA,4BAAe,CAACC,YACdC,YACEC,aAAaC,iBACbC,gBAAgB;EACdC,IAAIC;EACJC,QAAQ,CAACC,SAA6BA,KAAKH,OAAOI;EAClDC,SAAS,MAAA;AACP,UAAMC,QAAQX,QAAQY,kBAAkBC,iBAAiBC,gBAAgB;AAIzE,UAAMC,cAAc;MAClBV,IAAI,GAAGW,aAAaC,aAAaC,IAAI;MACrCC,MAAM,YAAA;AACJ,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKrB,QAAQY,kBAAkBV,aAAaoB,gBAAgB;AAC7F,cAAMD,SAASE,aAAaP,aAAaQ,eAAe;UAAEC,MAAM;UAAQC,SAAS;YAAEC,MAAM;UAAa;QAAE,CAAA,CAAA;MAC1G;MACAC,YAAY;QACVC,OAAO;UAAC;UAA2B;YAAEC,IAAIxB;UAAY;;QACrDyB,MAAM;QACNC,YAAY;UACVC,OAAO;UACPC,SAAS;QACX;MACF;IACF;AAEA,UAAMC,eAAe;MACnB9B,IAAI,GAAGW,aAAaoB,MAAMlB,IAAI;MAC9BC,MAAM,YAAA;AACJ,cAAMkB,YAAYrC,QAAQY,kBAAkB0B,sBAAsBC,SAAS;AAC3E,cAAMC,WAAWH,UAAUI,QAAQC,GAAG,EAAC;AACvC,YAAIF,UAAU;AACZ,gBAAM,EAAEpB,iBAAiBC,SAAQ,IAAKrB,QAAQY,kBAAkBV,aAAaoB,gBAAgB;AAC7F,gBAAMD,SACJE,aAAaP,aAAaoB,OAAO;YAAEX,MAAM;YAAQkB,SAAS;cAACH;;YAAWd,SAAS;cAAEf,OAAO;YAAM;UAAE,CAAA,CAAA;QAEpG;MACF;MACAiB,YAAY;QACVC,OAAO;UAAC;UAAuB;YAAEC,IAAIxB;UAAY;;QACjDyB,MAAM;MACR;IACF;AAEA,UAAMa,cAAc;MAClBvC,IAAI,GAAGW,aAAaoB,MAAMlB,IAAI;MAC9BC,MAAM,YAAA;AACJ,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKrB,QAAQY,kBAAkBV,aAAaoB,gBAAgB;AAC7F,cAAMe,YAAYrC,QAAQY,kBAAkB0B,sBAAsBC,SAAS;AAC3E,cAAMC,WAAWH,UAAUI,QAAQC,GAAG,EAAC;AACvC,cAAMG,MAAMlC,MAAMmC,KAAKC,OAAOxC,OAAO,CAACF,OAAOA,OAAOmC,QAAAA,KAAa,CAAA;AACjE,cAAMnB,SAASE,aAAaP,aAAaoB,OAAO;UAAEX,MAAM;UAAQkB,SAASE;UAAKnB,SAAS;YAAEf,OAAO;UAAM;QAAE,CAAA,CAAA;MAC1G;MACAiB,YAAY;QACVC,OAAO;UAAC;UAAsB;YAAEC,IAAIxB;UAAY;;QAChDyB,MAAM;MACR;IACF;AAEA,UAAMiB,WAAW;MACf3C,IAAI,GAAGW,aAAaoB,MAAMlB,IAAI;MAC9BC,MAAM,YAAA;AACJ,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKrB,QAAQY,kBAAkBV,aAAaoB,gBAAgB;AAC7F,cAAMD,SACJE,aAAaP,aAAaoB,OAAO;UAC/BX,MAAM;UACNkB,SAAShC,MAAMmC,KAAKC;UACpBrB,SAAS;YAAEf,OAAO;UAAM;QAC1B,CAAA,CAAA;MAEJ;MACAiB,YAAY;QACVC,OAAO;UAAC;UAAmB;YAAEC,IAAIxB;UAAY;;QAC7CyB,MAAM;MACR;IACF;AAEA,UAAMkB,gBAAgB;MACpB5C,IAAI,GAAGW,aAAakC,cAAchC,IAAI;MACtCC,MAAM,YAAA;AACJR,cAAMwC,eAAexC,MAAMwC,iBAAiB,aAAa,cAAc;MACzE;MACAvB,YAAY;QACVC,OAAO;UACLlB,MAAMwC,iBAAiB,aAAa,sCAAsC;UAC1E;YAAErB,IAAIxB;UAAY;;QAEpByB,MAAM;QACNC,YAAY;UACVC,OAAO;QACT;QACAmB,aAAa;QACbC,UAAU;QACVC,cAAc;MAChB;IACF;AAEA,WAAO,CAAC3C,MAAMmC,KAAKS,OAAO;MAACpB;MAAcS;MAAaI;MAAUC;QAAiB;MAACA;;EACpF;AACF,CAAA,CAAA;",
+  "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/{chunk-YQ2GWTDU.mjs → chunk-22AQ5IVX.mjs}

@@ -14,4 +14,4 @@ var DeckCapabilities;
 export {
   DeckCapabilities
 };
-//# sourceMappingURL=chunk-YQ2GWTDU.mjs.map
+//# sourceMappingURL=chunk-22AQ5IVX.mjs.map

package/dist/lib/browser/{chunk-YQ2GWTDU.mjs.map → chunk-22AQ5IVX.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/capabilities/capabilities.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineCapability, type Label } from '@dxos/app-framework';\nimport { type DeepReadonly } from '@dxos/util';\n\nimport { DECK_PLUGIN } from '../meta';\nimport { type DeckState } from '../types';\n\nexport namespace DeckCapabilities {\n  export const DeckState = defineCapability<DeepReadonly<DeckState>>(`${DECK_PLUGIN}/capability/state`);\n  export const MutableDeckState = defineCapability<DeckState>(`${DECK_PLUGIN}/capability/state`);\n\n  export const ComplementaryPanel = defineCapability<{ id: string; label: Label; icon: string }>(\n    `${DECK_PLUGIN}/capability/complementary-panel`,\n  );\n}\n"],
-  "mappings": ";;;;;AAIA,SAASA,wBAAoC;;UAM5BC,mBAAAA;oBACFC,YAAYC,iBAA0C,GAAGC,WAAAA,mBAA8B;oBACvFC,mBAAmBF,iBAA4B,GAAGC,WAAAA,mBAA8B;oBAEhFE,qBAAqBH,iBAChC,GAAGC,WAAAA,iCAA4C;AAEnD,GAPiBH,qBAAAA,mBAAAA,CAAAA,EAAAA;",
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineCapability } from '@dxos/app-framework';\nimport { type DeepReadonly } from '@dxos/util';\n\nimport { DECK_PLUGIN } from '../meta';\nimport { type DeckState, type Panel } from '../types';\n\nexport namespace DeckCapabilities {\n  export const DeckState = defineCapability<DeepReadonly<DeckState>>(`${DECK_PLUGIN}/capability/state`);\n  export const MutableDeckState = defineCapability<DeckState>(`${DECK_PLUGIN}/capability/state`);\n  export const ComplementaryPanel = defineCapability<Panel>(`${DECK_PLUGIN}/capability/complementary-panel`);\n}\n"],
+  "mappings": ";;;;;AAIA,SAASA,wBAAwB;;UAMhBC,mBAAAA;oBACFC,YAAYC,iBAA0C,GAAGC,WAAAA,mBAA8B;oBACvFC,mBAAmBF,iBAA4B,GAAGC,WAAAA,mBAA8B;oBAChFE,qBAAqBH,iBAAwB,GAAGC,WAAAA,iCAA4C;AAC3G,GAJiBH,qBAAAA,mBAAAA,CAAAA,EAAAA;",
   "names": ["defineCapability", "DeckCapabilities", "DeckState", "defineCapability", "DECK_PLUGIN", "MutableDeckState", "ComplementaryPanel"]
 }

package/dist/lib/browser/chunk-AOAWF7JV.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-IYHAGFA3.mjs"));
+var CheckAppScheme = lazy(() => import("./check-app-scheme-S3EYUPMF.mjs"));
+var LayoutIntentResolver = lazy(() => import("./intent-resolver-MWUADUNI.mjs"));
+var ReactRoot = lazy(() => import("./react-root-XCWQYEOK.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-IU3LLZDI.mjs"));
+var DeckSettings = lazy(() => import("./settings-YONG3QB7.mjs"));
+var DeckState = lazy(() => import("./state-MZZL5S2D.mjs"));
+var Tools = lazy(() => import("./tools-5LDJNU56.mjs"));
+var UrlHandler = lazy(() => import("./url-handler-BIEBKATX.mjs"));
+
+export {
+  AppGraphBuilder,
+  CheckAppScheme,
+  LayoutIntentResolver,
+  ReactRoot,
+  ReactSurface,
+  DeckSettings,
+  DeckState,
+  Tools,
+  UrlHandler
+};
+//# sourceMappingURL=chunk-AOAWF7JV.mjs.map

package/dist/lib/browser/{chunk-NYZJCVAU.mjs.map → chunk-AOAWF7JV.mjs.map}

@@ -1,7 +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 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,aAAaP,KAAK,MAAM,OAAO,4BAAA,CAAA;",
-  "names": ["lazy", "AppGraphBuilder", "lazy", "CheckAppScheme", "LayoutIntentResolver", "ReactRoot", "ReactSurface", "DeckSettings", "DeckState", "UrlHandler"]
+  "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"]
 }

package/dist/lib/browser/{chunk-M2L53AIH.mjs → chunk-CYE6QZBQ.mjs}

@@ -45,9 +45,10 @@ var DeckState = S.mutable(S.Struct({
    * Data to be passed to the dialog Surface.
    */
   dialogContent: S.optional(S.Any),
-  dialogBlockAlign: S.optional(S.Literal("start", "center")),
+  dialogBlockAlign: S.optional(S.Literal("start", "center", "end")),
   dialogType: S.optional(S.Literal("default", "alert")),
   popoverOpen: S.Boolean,
+  popoverSide: S.optional(S.Literal("top", "right", "bottom", "left")),
   /**
    * Data to be passed to the popover Surface.
    */
@@ -56,6 +57,7 @@ var DeckState = S.mutable(S.Struct({
   toasts: S.mutable(S.Array(LayoutAction.Toast)),
   currentUndoId: S.optional(S.String),
   activeDeck: S.String,
+  previousDeck: S.String,
   decks: S.mutable(S.Record({
     key: S.String,
     value: S.mutable(Deck)
@@ -123,4 +125,4 @@ export {
   DECK_ACTION,
   DeckAction
 };
-//# sourceMappingURL=chunk-M2L53AIH.mjs.map
+//# sourceMappingURL=chunk-CYE6QZBQ.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { LayoutAction } from '@dxos/app-framework';\nimport { S } from '@dxos/echo-schema';\nimport { type Node } from '@dxos/plugin-graph';\nimport { type Label } from '@dxos/react-ui';\n\nimport { DECK_PLUGIN } from './meta';\n\n// TODO(Zan): In the future we should consider adding new planks adjacent to the attended plank.\nexport const NewPlankPositions = ['start', 'end'] as const;\nexport type NewPlankPositioning = (typeof NewPlankPositions)[number];\n\nexport const OverscrollOptions = ['none', 'centering'] as const;\nexport type Overscroll = (typeof OverscrollOptions)[number];\n\nexport type Panel = {\n  id: string;\n  label: Label;\n  icon: string;\n  filter?: (node: Node) => boolean;\n};\n\nexport const DeckSettingsSchema = S.mutable(\n  S.Struct({\n    showHints: S.Boolean,\n    enableNativeRedirect: S.Boolean,\n    enableIdeStyleStatusbar: S.Boolean,\n    newPlankPositioning: S.Literal(...NewPlankPositions),\n    overscroll: S.Literal(...OverscrollOptions),\n  }),\n);\n\nexport type DeckSettingsProps = S.Schema.Type<typeof DeckSettingsSchema>;\n\nconst LayoutMode = S.Union(S.Literal('deck'), S.Literal('solo'), S.Literal('fullscreen'));\nexport const isLayoutMode = (value: any): value is LayoutMode => S.is(LayoutMode)(value);\nexport type LayoutMode = S.Schema.Type<typeof LayoutMode>;\n\nexport const PlankSizing = S.Record({ key: S.String, value: S.Number });\nexport type PlankSizing = S.Schema.Type<typeof PlankSizing>;\n\nexport const Deck = S.Struct({\n  initialized: S.Boolean.annotations({\n    description: \"If false, the deck has not yet left solo mode and new planks should be solo'd.\",\n  }),\n  active: S.mutable(S.Array(S.String)),\n  inactive: S.mutable(S.Array(S.String)),\n  solo: S.optional(S.String),\n  fullscreen: S.Boolean,\n  plankSizing: S.mutable(PlankSizing),\n});\nexport type Deck = S.Schema.Type<typeof Deck>;\n\nexport const DeckState = S.mutable(\n  S.Struct({\n    sidebarState: S.Literal('closed', 'collapsed', 'expanded'),\n    complementarySidebarState: S.Literal('closed', 'collapsed', 'expanded'),\n    complementarySidebarPanel: S.optional(S.String),\n\n    dialogOpen: S.Boolean,\n    /**\n     * Data to be passed to the dialog Surface.\n     */\n    dialogContent: S.optional(S.Any),\n    dialogBlockAlign: S.optional(S.Literal('start', 'center', 'end')),\n    dialogType: S.optional(S.Literal('default', 'alert')),\n\n    popoverOpen: S.Boolean,\n    popoverSide: S.optional(S.Literal('top', 'right', 'bottom', 'left')),\n    /**\n     * Data to be passed to the popover Surface.\n     */\n    popoverContent: S.optional(S.Any),\n    popoverAnchorId: S.optional(S.String),\n\n    toasts: S.mutable(S.Array(LayoutAction.Toast)),\n    currentUndoId: S.optional(S.String),\n\n    activeDeck: S.String,\n    previousDeck: S.String,\n    decks: S.mutable(S.Record({ key: S.String, value: S.mutable(Deck) })),\n    previousMode: S.mutable(S.Record({ key: S.String, value: LayoutMode })),\n    deck: S.mutable(Deck),\n\n    /**\n     * The identifier of a component to scroll into view when it is mounted.\n     */\n    scrollIntoView: S.optional(S.String),\n  }),\n);\n\nexport type DeckState = S.Schema.Type<typeof DeckState>;\n\nexport const getMode = (deck: Deck): LayoutMode => {\n  if (deck.solo) {\n    return deck.fullscreen ? 'fullscreen' : 'solo';\n  }\n\n  return 'deck';\n};\n\n// NOTE: Chosen from RFC 1738’s `safe` characters: http://www.faqs.org/rfcs/rfc1738.html\nexport const SLUG_PATH_SEPARATOR = '~';\n\nexport const DECK_ACTION = `${DECK_PLUGIN}/action`;\n\nexport namespace DeckAction {\n  const PartAdjustmentSchema = S.Union(\n    S.Literal('close').annotations({ description: 'Close the plank.' }),\n    S.Literal('solo').annotations({ description: 'Solo the plank.' }),\n    S.Literal('increment-start').annotations({ description: 'Move the plank towards the start of the deck.' }),\n    S.Literal('increment-end').annotations({ description: 'Move the plank towards the end of the deck.' }),\n  );\n  export type PartAdjustment = S.Schema.Type<typeof PartAdjustmentSchema>;\n  export const Adjustment = S.mutable(S.Struct({ id: S.String, type: PartAdjustmentSchema }));\n  export type Adjustment = S.Schema.Type<typeof Adjustment>;\n\n  /**\n   * An atomic transaction to apply to the deck, describing which element to move to which location.\n   */\n  export class Adjust extends S.TaggedClass<Adjust>()(`${DECK_ACTION}/adjust`, {\n    input: Adjustment,\n    output: S.Void,\n  }) {}\n\n  export class UpdatePlankSize extends S.TaggedClass<UpdatePlankSize>()(`${DECK_ACTION}/update-plank-size`, {\n    input: S.Struct({\n      id: S.String,\n      size: S.Number,\n    }),\n    output: S.Void,\n  }) {}\n}\n"],
+  "mappings": ";;;;;AAIA,SAASA,oBAAoB;AAC7B,SAASC,SAAS;AAOX,IAAMC,oBAAoB;EAAC;EAAS;;AAGpC,IAAMC,oBAAoB;EAAC;EAAQ;;AAUnC,IAAMC,qBAAqBC,EAAEC,QAClCD,EAAEE,OAAO;EACPC,WAAWH,EAAEI;EACbC,sBAAsBL,EAAEI;EACxBE,yBAAyBN,EAAEI;EAC3BG,qBAAqBP,EAAEQ,QAAO,GAAIX,iBAAAA;EAClCY,YAAYT,EAAEQ,QAAO,GAAIV,iBAAAA;AAC3B,CAAA,CAAA;AAKF,IAAMY,aAAaV,EAAEW,MAAMX,EAAEQ,QAAQ,MAAA,GAASR,EAAEQ,QAAQ,MAAA,GAASR,EAAEQ,QAAQ,YAAA,CAAA;AACpE,IAAMI,eAAe,CAACC,UAAoCb,EAAEc,GAAGJ,UAAAA,EAAYG,KAAAA;AAG3E,IAAME,cAAcf,EAAEgB,OAAO;EAAEC,KAAKjB,EAAEkB;EAAQL,OAAOb,EAAEmB;AAAO,CAAA;AAG9D,IAAMC,OAAOpB,EAAEE,OAAO;EAC3BmB,aAAarB,EAAEI,QAAQkB,YAAY;IACjCC,aAAa;EACf,CAAA;EACAC,QAAQxB,EAAEC,QAAQD,EAAEyB,MAAMzB,EAAEkB,MAAM,CAAA;EAClCQ,UAAU1B,EAAEC,QAAQD,EAAEyB,MAAMzB,EAAEkB,MAAM,CAAA;EACpCS,MAAM3B,EAAE4B,SAAS5B,EAAEkB,MAAM;EACzBW,YAAY7B,EAAEI;EACd0B,aAAa9B,EAAEC,QAAQc,WAAAA;AACzB,CAAA;AAGO,IAAMgB,YAAY/B,EAAEC,QACzBD,EAAEE,OAAO;EACP8B,cAAchC,EAAEQ,QAAQ,UAAU,aAAa,UAAA;EAC/CyB,2BAA2BjC,EAAEQ,QAAQ,UAAU,aAAa,UAAA;EAC5D0B,2BAA2BlC,EAAE4B,SAAS5B,EAAEkB,MAAM;EAE9CiB,YAAYnC,EAAEI;;;;EAIdgC,eAAepC,EAAE4B,SAAS5B,EAAEqC,GAAG;EAC/BC,kBAAkBtC,EAAE4B,SAAS5B,EAAEQ,QAAQ,SAAS,UAAU,KAAA,CAAA;EAC1D+B,YAAYvC,EAAE4B,SAAS5B,EAAEQ,QAAQ,WAAW,OAAA,CAAA;EAE5CgC,aAAaxC,EAAEI;EACfqC,aAAazC,EAAE4B,SAAS5B,EAAEQ,QAAQ,OAAO,SAAS,UAAU,MAAA,CAAA;;;;EAI5DkC,gBAAgB1C,EAAE4B,SAAS5B,EAAEqC,GAAG;EAChCM,iBAAiB3C,EAAE4B,SAAS5B,EAAEkB,MAAM;EAEpC0B,QAAQ5C,EAAEC,QAAQD,EAAEyB,MAAMoB,aAAaC,KAAK,CAAA;EAC5CC,eAAe/C,EAAE4B,SAAS5B,EAAEkB,MAAM;EAElC8B,YAAYhD,EAAEkB;EACd+B,cAAcjD,EAAEkB;EAChBgC,OAAOlD,EAAEC,QAAQD,EAAEgB,OAAO;IAAEC,KAAKjB,EAAEkB;IAAQL,OAAOb,EAAEC,QAAQmB,IAAAA;EAAM,CAAA,CAAA;EAClE+B,cAAcnD,EAAEC,QAAQD,EAAEgB,OAAO;IAAEC,KAAKjB,EAAEkB;IAAQL,OAAOH;EAAW,CAAA,CAAA;EACpE0C,MAAMpD,EAAEC,QAAQmB,IAAAA;;;;EAKhBiC,gBAAgBrD,EAAE4B,SAAS5B,EAAEkB,MAAM;AACrC,CAAA,CAAA;AAKK,IAAMoC,UAAU,CAACF,SAAAA;AACtB,MAAIA,KAAKzB,MAAM;AACb,WAAOyB,KAAKvB,aAAa,eAAe;EAC1C;AAEA,SAAO;AACT;AAGO,IAAM0B,sBAAsB;AAE5B,IAAMC,cAAc,GAAGC,WAAAA;;UAEbC,aAAAA;AACf,QAAMC,uBAAuB3D,EAAEW,MAC7BX,EAAEQ,QAAQ,OAAA,EAASc,YAAY;IAAEC,aAAa;EAAmB,CAAA,GACjEvB,EAAEQ,QAAQ,MAAA,EAAQc,YAAY;IAAEC,aAAa;EAAkB,CAAA,GAC/DvB,EAAEQ,QAAQ,iBAAA,EAAmBc,YAAY;IAAEC,aAAa;EAAgD,CAAA,GACxGvB,EAAEQ,QAAQ,eAAA,EAAiBc,YAAY;IAAEC,aAAa;EAA8C,CAAA,CAAA;cAGzFqC,aAAa5D,EAAEC,QAAQD,EAAEE,OAAO;IAAE2D,IAAI7D,EAAEkB;IAAQ4C,MAAMH;EAAqB,CAAA,CAAA;EAMjF,MAAMI,eAAe/D,EAAEgE,YAAW,EAAW,GAAGR,WAAAA,WAAsB;IAC3ES,OAAKP,YAAEE;IACPM,QAAQlE,EAAEmE;EACZ,CAAA,EAAA;EAAI;AAJH,EAAAT,YACYK,SAAAA;EAKN,MAAMK,wBAAwBpE,EAAEgE,YAAW,EAAoB,GAAGR,WAAAA,sBAAiC;IACxGS,OAAOjE,EAAEE,OAAO;MACd2D,IAAI7D,EAAEkB;MACNmD,MAAMrE,EAAEmB;IACV,CAAA;IACA+C,QAAQlE,EAAEmE;EACZ,CAAA,EAAA;EAAI;cANSC,kBAAAA;AAOf,GA1BiBV,eAAAA,aAAAA,CAAAA,EAAAA;",
+  "names": ["LayoutAction", "S", "NewPlankPositions", "OverscrollOptions", "DeckSettingsSchema", "S", "mutable", "Struct", "showHints", "Boolean", "enableNativeRedirect", "enableIdeStyleStatusbar", "newPlankPositioning", "Literal", "overscroll", "LayoutMode", "Union", "isLayoutMode", "value", "is", "PlankSizing", "Record", "key", "String", "Number", "Deck", "initialized", "annotations", "description", "active", "Array", "inactive", "solo", "optional", "fullscreen", "plankSizing", "DeckState", "sidebarState", "complementarySidebarState", "complementarySidebarPanel", "dialogOpen", "dialogContent", "Any", "dialogBlockAlign", "dialogType", "popoverOpen", "popoverSide", "popoverContent", "popoverAnchorId", "toasts", "LayoutAction", "Toast", "currentUndoId", "activeDeck", "previousDeck", "decks", "previousMode", "deck", "scrollIntoView", "getMode", "SLUG_PATH_SEPARATOR", "DECK_ACTION", "DECK_PLUGIN", "DeckAction", "PartAdjustmentSchema", "Adjustment", "id", "type", "Adjust", "TaggedClass", "input", "output", "Void", "UpdatePlankSize", "size"]
+}

package/dist/lib/browser/{chunk-WXNLVMK2.mjs → chunk-DIXE74SK.mjs}

@@ -1,13 +1,19 @@
+import {
+  calculateOverscroll,
+  layoutAppliesTopbar,
+  useBreakpoints,
+  useHoistStatusbar
+} from "./chunk-KANJBSIX.mjs";
 import {
   DeckCapabilities
-} from "./chunk-YQ2GWTDU.mjs";
+} from "./chunk-22AQ5IVX.mjs";
 import {
   DeckAction,
   NewPlankPositions,
   OverscrollOptions,
   SLUG_PATH_SEPARATOR,
   getMode
-} from "./chunk-M2L53AIH.mjs";
+} from "./chunk-CYE6QZBQ.mjs";
 import {
   DECK_PLUGIN
 } from "./chunk-N7TEPFVR.mjs";
@@ -94,10 +100,10 @@ var Banner = ({ variant, classNames }) => {
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx
 import { untracked } from "@preact/signals-core";
-import React17, { useCallback as useCallback4, useEffect as useEffect6, useMemo as useMemo6, useRef as useRef2, Fragment as Fragment2 } from "react";
-import { LayoutAction as LayoutAction4, createIntent as createIntent4, Surface as Surface10, useCapability as useCapability6, useIntentDispatcher as useIntentDispatcher4, usePluginManager } from "@dxos/app-framework";
+import React17, { useCallback as useCallback4, useEffect as useEffect6, useMemo as useMemo5, useRef as useRef2, Fragment as Fragment2, useState as useState4 } from "react";
+import { LayoutAction as LayoutAction4, createIntent as createIntent4, Surface as Surface10, useCapability as useCapability5, useIntentDispatcher as useIntentDispatcher4, usePluginManager } from "@dxos/app-framework";
 import { AttentionCapabilities } from "@dxos/plugin-attention";
-import { AlertDialog, Dialog as NaturalDialog, Main as Main3, Popover as Popover2, useOnTransition, useMediaQuery as useMediaQuery2 } from "@dxos/react-ui";
+import { AlertDialog, Dialog as NaturalDialog, Main as Main3, Popover as Popover2, useOnTransition, useMediaQuery } from "@dxos/react-ui";
 import { Stack, StackContext, DEFAULT_HORIZONTAL_SIZE } from "@dxos/react-ui-stack";
 import { mainPaddingTransitions } from "@dxos/react-ui-theme";
 
@@ -186,8 +192,8 @@ var ActiveNode = () => {
 };
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx
-import React8, { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo3, useState as useState3 } from "react";
-import { createIntent as createIntent2, LayoutAction as LayoutAction2, Surface as Surface4, useAppGraph as useAppGraph3, useCapability as useCapability3, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
+import React8, { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo2, useState as useState3 } from "react";
+import { createIntent as createIntent2, LayoutAction as LayoutAction2, Surface as Surface4, useAppGraph as useAppGraph3, useCapabilities, useCapability as useCapability2, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
 import { Main, useTranslation as useTranslation5, toLocalizedString as toLocalizedString2, IconButton as IconButton2, ScrollArea } from "@dxos/react-ui";
 import { useAttended as useAttended2 } from "@dxos/react-ui-attention";
 import { Tabs } from "@dxos/react-ui-tabs";
@@ -198,7 +204,7 @@ import { useTranslation as useTranslation4 } from "@dxos/react-ui";
 import { descriptionText, mx as mx3 } from "@dxos/react-ui-theme";
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx
-import React5, { Fragment, memo, useCallback, useEffect as useEffect3, useMemo as useMemo2 } from "react";
+import React5, { Fragment, memo, useCallback, useEffect as useEffect3, useMemo } from "react";
 import { createIntent, LayoutAction, Surface as Surface3, useAppGraph as useAppGraph2, useIntentDispatcher } from "@dxos/app-framework";
 import { Icon as Icon2, Popover, toLocalizedString, useTranslation as useTranslation3 } from "@dxos/react-ui";
 import { StackItem } from "@dxos/react-ui-stack";
@@ -217,7 +223,7 @@ var PlankControl = ({ icon, label, ...props }) => {
     className: "sr-only"
   }, label), /* @__PURE__ */ React4.createElement(Icon, {
     icon,
-    size: 4
+    size: 5
   }))), /* @__PURE__ */ React4.createElement(Tooltip.Portal, null, /* @__PURE__ */ React4.createElement(Tooltip.Content, {
     side: "bottom"
   }, label)));
@@ -258,56 +264,6 @@ var PlankControls = /* @__PURE__ */ forwardRef(({ onClick, variant = "default",
   }), children);
 });
 
-// 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 } from "react";
-import { Capabilities, useCapability as useCapability2 } from "@dxos/app-framework";
-var useHoistStatusbar = (breakpoint) => {
-  const enableIdeStyleStatusbar = useCapability2(Capabilities.SettingsStore).getStore(DECK_PLUGIN).value.enableIdeStyleStatusbar;
-  return useMemo(() => {
-    return breakpoint === "desktop" && enableIdeStyleStatusbar && // NOTE(thure): this last predicate depends on a head script that measures `env(safe-area-bottom)` on resize;
-    // see that of composer-app for an example.
-    document.body.getAttribute("data-safe-area-bottom") === "0";
-  }, [
-    enableIdeStyleStatusbar,
-    breakpoint
-  ]);
-};
-
 // packages/plugins/plugin-deck/src/components/fragments.ts
 import { mx as mx2 } from "@dxos/react-ui-theme";
 var soloInlinePadding = "pis-[calc(env(safe-area-inset-left)+.25rem)] pie-[calc(env(safe-area-inset-left)+.25rem)]";
@@ -338,7 +294,7 @@ var NodePlankHeading = /* @__PURE__ */ memo(({ id, part, node, canIncrementStart
     node
   ]);
   const attendableId = id.split(SLUG_PATH_SEPARATOR).at(0);
-  const capabilities = useMemo2(() => ({
+  const capabilities = useMemo(() => ({
     solo: breakpoint !== "mobile" && (part === "solo" || part === "deck"),
     incrementStart: canIncrementStart,
     incrementEnd: canIncrementEnd
@@ -348,7 +304,7 @@ var NodePlankHeading = /* @__PURE__ */ memo(({ id, part, node, canIncrementStart
     canIncrementStart,
     canIncrementEnd
   ]);
-  const sigilActions = useMemo2(() => node && [
+  const sigilActions = useMemo(() => node && [
     actions,
     graph.actions(node)
   ].filter((a) => a.length > 0), [
@@ -479,22 +435,24 @@ var PlankError = ({ id, part, node, error }) => {
 };
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx
-var ComplementarySidebar = ({ panels, current }) => {
-  const layout = useCapability3(DeckCapabilities.MutableDeckState);
-  const attended = useAttended2();
-  const panelIds = useMemo3(() => panels.map((p) => p.id), [
-    panels
-  ]);
-  const activePanelId = panelIds.find((p) => p === current) ?? panels[0].id;
-  const activeEntryId = attended[0] ? `${attended[0]}${SLUG_PATH_SEPARATOR}${activePanelId}` : void 0;
-  const { graph } = useAppGraph3();
-  const node = useNode(graph, activeEntryId);
+var ComplementarySidebar = ({ current }) => {
   const { t } = useTranslation5(DECK_PLUGIN);
   const { dispatchPromise: dispatch } = useIntentDispatcher2();
-  useNodeActionExpander(node);
+  const layout = useCapability2(DeckCapabilities.MutableDeckState);
+  const attended = useAttended2();
+  const { graph } = useAppGraph3();
+  const node = useNode(graph, attended[0]);
   const breakpoint = useBreakpoints();
   const topbar = layoutAppliesTopbar(breakpoint);
   const hoistStatusbar = useHoistStatusbar(breakpoint);
+  const panels = useCapabilities(DeckCapabilities.ComplementaryPanel);
+  const availablePanels = panels.filter((panel) => {
+    if (!node || !panel.filter) {
+      return true;
+    }
+    return panel.filter(node);
+  });
+  const activePanelId = availablePanels.find((panel) => panel.id === current)?.id ?? availablePanels[0]?.id;
   const [internalValue, setInternalValue] = useState3(activePanelId);
   useEffect5(() => {
     setInternalValue(activePanelId);
@@ -518,6 +476,15 @@ var ComplementarySidebar = ({ panels, current }) => {
     activePanelId,
     dispatch
   ]);
+  const data = useMemo2(() => node && {
+    id: node.id,
+    subject: node.data,
+    workspace: layout.activeDeck,
+    popoverAnchorId: layout.popoverAnchorId
+  }, [
+    node,
+    layout.popoverAnchorId
+  ]);
   return /* @__PURE__ */ React8.createElement(Main.ComplementarySidebar, {
     classNames: [
       topbar && "block-start-[calc(env(safe-area-inset-top)+var(--rail-size))]",
@@ -531,10 +498,10 @@ var ComplementarySidebar = ({ panels, current }) => {
     classNames: "contents"
   }, /* @__PURE__ */ React8.createElement("div", {
     role: "none",
-    className: "absolute z-[1] inset-block-0 inline-end-0 !is-[--r0-size] border-is border-separator grid grid-cols-1 grid-rows-[1fr_min-content] bg-baseSurface contain-layout app-drag"
+    className: "absolute z-[1] inset-block-0 inline-end-0 !is-[--r0-size] pbs-[env(safe-area-inset-top)] pbe-[env(safe-area-inset-bottom)] border-is border-separator grid grid-cols-1 grid-rows-[1fr_min-content] bg-baseSurface contain-layout app-drag"
   }, /* @__PURE__ */ React8.createElement(Tabs.Tablist, {
     classNames: "grid grid-cols-1 auto-rows-[--rail-action] p-1 gap-1 !overflow-y-auto"
-  }, panels.map((panel) => /* @__PURE__ */ React8.createElement(Tabs.Tab, {
+  }, availablePanels.map((panel) => /* @__PURE__ */ React8.createElement(Tabs.Tab, {
     key: panel.id,
     value: panel.id,
     asChild: true
@@ -556,30 +523,25 @@ var ComplementarySidebar = ({ panels, current }) => {
   })), /* @__PURE__ */ React8.createElement("div", {
     role: "none",
     className: "hidden lg:grid grid-cols-1 auto-rows-[--rail-action] p-1"
-  }, /* @__PURE__ */ React8.createElement(ToggleComplementarySidebarButton, null))), panels.map((panel) => /* @__PURE__ */ React8.createElement(Tabs.Tabpanel, {
+  }, /* @__PURE__ */ React8.createElement(ToggleComplementarySidebarButton, null))), availablePanels.map((panel) => /* @__PURE__ */ React8.createElement(Tabs.Tabpanel, {
     key: panel.id,
     value: panel.id,
-    classNames: 'absolute data-[state="inactive"]:-z-[1] inset-block-0 inline-start-0 is-[calc(100%-var(--r0-size))] lg:is-[--r1-size] grid grid-cols-1 grid-rows-[var(--rail-size)_1fr_min-content]',
+    classNames: 'absolute data-[state="inactive"]:-z-[1] inset-block-0 inline-start-0 is-[calc(100%-var(--r0-size))] lg:is-[--r1-size] grid grid-cols-1 grid-rows-[var(--rail-size)_1fr_min-content] pbs-[env(safe-area-inset-top)]',
     ...layout.complementarySidebarState !== "expanded" && {
       inert: "true"
     }
-  }, panel.id === activePanelId && node && /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("h2", {
+  }, panel.id === activePanelId && data && /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("h2", {
     className: "flex items-center pli-2 border-separator border-be"
   }, toLocalizedString2(panel.label, t)), /* @__PURE__ */ React8.createElement(ScrollArea.Root, null, /* @__PURE__ */ React8.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React8.createElement(Surface4, {
-    key: activeEntryId,
     role: `complementary--${activePanelId}`,
-    data: {
-      id: activeEntryId,
-      subject: node.properties.object ?? node.properties.space,
-      popoverAnchorId: layout.popoverAnchorId
-    },
+    data,
     fallback: PlankContentError,
     placeholder: /* @__PURE__ */ React8.createElement(PlankLoading, null)
   })), /* @__PURE__ */ React8.createElement(ScrollArea.Scrollbar, {
     orientation: "vertical"
   }, /* @__PURE__ */ React8.createElement(ScrollArea.Thumb, null))), !hoistStatusbar && /* @__PURE__ */ React8.createElement("div", {
     role: "contentinfo",
-    className: "flex flex-wrap justify-center items-center border-bs border-separator plb-1"
+    className: "flex flex-wrap justify-center items-center border-bs border-separator pbs-1 pbe-[max(env(safe-area-inset-bottom),0.25rem)]"
   }, /* @__PURE__ */ React8.createElement(Surface4, {
     role: "status-bar--r1-footer",
     limit: 1
@@ -646,8 +608,8 @@ var Fullscreen = ({ id }) => {
 };
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx
-import React12, { memo as memo2, useCallback as useCallback3, useLayoutEffect, useMemo as useMemo4, useRef } from "react";
-import { createIntent as createIntent3, LayoutAction as LayoutAction3, Surface as Surface7, useCapability as useCapability4, useAppGraph as useAppGraph5, useIntentDispatcher as useIntentDispatcher3 } from "@dxos/app-framework";
+import React12, { memo as memo2, useCallback as useCallback3, useLayoutEffect, useMemo as useMemo3, useRef } from "react";
+import { createIntent as createIntent3, LayoutAction as LayoutAction3, Surface as Surface7, useCapability as useCapability3, useAppGraph as useAppGraph5, useIntentDispatcher as useIntentDispatcher3 } from "@dxos/app-framework";
 import { debounce } from "@dxos/async";
 import { useAttendableAttributes } from "@dxos/react-ui-attention";
 import { StackItem as StackItem2, railGridHorizontal } from "@dxos/react-ui-stack";
@@ -655,7 +617,7 @@ import { mainIntrinsicSize, mx as mx5 } from "@dxos/react-ui-theme";
 var UNKNOWN_ID = "unknown_id";
 var Plank = /* @__PURE__ */ memo2(({ id = UNKNOWN_ID, part, path, order, active, layoutMode }) => {
   const { dispatchPromise: dispatch } = useIntentDispatcher3();
-  const { deck, popoverAnchorId, scrollIntoView } = useCapability4(DeckCapabilities.DeckState);
+  const { deck, popoverAnchorId, scrollIntoView } = useCapability3(DeckCapabilities.DeckState);
   const { graph } = useAppGraph5();
   const node = useNode(graph, id);
   const rootElement = useRef(null);
@@ -666,15 +628,16 @@ var Plank = /* @__PURE__ */ memo2(({ id = UNKNOWN_ID, part, path, order, active,
   const length = active?.length ?? 1;
   const canIncrementStart = active && index !== void 0 && index > 0 && length !== void 0 && length > 1;
   const canIncrementEnd = active && index !== void 0 && index < length - 1 && length !== void 0;
-  const size = deck.plankSizing[id];
+  const key = id.split("+")[0];
+  const size = deck.plankSizing[key];
   const setSize = useCallback3(debounce((nextSize) => {
     return dispatch(createIntent3(DeckAction.UpdatePlankSize, {
-      id,
+      id: key,
       size: nextSize
     }));
   }, 200), [
     dispatch,
-    id
+    key
   ]);
   const handleKeyDown = useCallback3((event) => {
     if (event.target === event.currentTarget && event.key === "Escape") {
@@ -704,7 +667,7 @@ var Plank = /* @__PURE__ */ memo2(({ id = UNKNOWN_ID, part, path, order, active,
   const isSolo = layoutMode === "solo" && part === "solo";
   const isAttendable = isSolo || layoutMode === "deck" && part === "deck";
   const sizeAttrs = useMainSize();
-  const data = useMemo4(() => node && {
+  const data = useMemo3(() => node && {
     subject: node.data,
     path,
     popoverAnchorId
@@ -714,7 +677,7 @@ var Plank = /* @__PURE__ */ memo2(({ id = UNKNOWN_ID, part, path, order, active,
     path,
     popoverAnchorId
   ]);
-  const placeholder = useMemo4(() => /* @__PURE__ */ React12.createElement(PlankLoading, null), []);
+  const placeholder = useMemo3(() => /* @__PURE__ */ React12.createElement(PlankLoading, null), []);
   const className = mx5("attention-surface relative", isSolo && mainIntrinsicSize, isSolo && railGridHorizontal, isSolo ? "grid absolute inset-0" : "!border-separator border-li");
   return /* @__PURE__ */ React12.createElement(Root, {
     ref: rootElement,
@@ -756,15 +719,15 @@ var Plank = /* @__PURE__ */ memo2(({ id = UNKNOWN_ID, part, path, order, active,
 });
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx
-import React13, { useMemo as useMemo5 } from "react";
-import { Surface as Surface8, useCapability as useCapability5 } from "@dxos/app-framework";
+import React13, { useMemo as useMemo4 } from "react";
+import { Surface as Surface8, useCapability as useCapability4 } from "@dxos/app-framework";
 import { Main as Main2 } from "@dxos/react-ui";
 var Sidebar = () => {
-  const { popoverAnchorId, activeDeck: current } = useCapability5(DeckCapabilities.DeckState);
+  const { popoverAnchorId, activeDeck: current } = useCapability4(DeckCapabilities.DeckState);
   const breakpoint = useBreakpoints();
   const topbar = layoutAppliesTopbar(breakpoint);
   const hoistStatusbar = useHoistStatusbar(breakpoint);
-  const navigationData = useMemo5(() => ({
+  const navigationData = useMemo4(() => ({
     popoverAnchorId,
     topbar,
     hoistStatusbar,
@@ -853,9 +816,9 @@ var PlankSeparator = ({ index }) => index > 0 ? /* @__PURE__ */ React17.createEl
     gridColumn: index * 2
   }
 }) : null;
-var DeckLayout = ({ overscroll, showHints, panels, onDismissToast }) => {
+var DeckLayout = ({ overscroll, showHints, onDismissToast }) => {
   const { dispatchPromise: dispatch } = useIntentDispatcher4();
-  const context = useCapability6(DeckCapabilities.MutableDeckState);
+  const context = useCapability5(DeckCapabilities.MutableDeckState);
   const { sidebarState, complementarySidebarState, complementarySidebarPanel, dialogOpen, dialogContent, dialogBlockAlign, dialogType, popoverOpen, popoverContent, popoverAnchorId, deck, toasts } = context;
   const { active, fullscreen, solo, plankSizing } = deck;
   const breakpoint = useBreakpoints();
@@ -864,6 +827,12 @@ var DeckLayout = ({ overscroll, showHints, panels, onDismissToast }) => {
   const pluginManager = usePluginManager();
   const scrollLeftRef = useRef2();
   const deckRef = useRef2(null);
+  const [delayedPopoverVisibility, setDelayedPopoverVisibility] = useState4(false);
+  useEffect6(() => {
+    popoverOpen ? setTimeout(() => setDelayedPopoverVisibility(true), 40) : setDelayedPopoverVisibility(false);
+  }, [
+    popoverOpen
+  ]);
   useEffect6(() => {
     const attended = untracked(() => {
       const attention = pluginManager.context.requestCapability(AttentionCapabilities.Attention);
@@ -874,7 +843,7 @@ var DeckLayout = ({ overscroll, showHints, panels, onDismissToast }) => {
       document.querySelector(`article[data-attendable-id="${firstId}"] button`)?.focus();
     }
   }, []);
-  const [isNotMobile] = useMediaQuery2("md", {
+  const [isNotMobile] = useMediaQuery("md", {
     ssr: false
   });
   const shouldRevert = useRef2(false);
@@ -929,7 +898,7 @@ var DeckLayout = ({ overscroll, showHints, panels, onDismissToast }) => {
     solo
   ]);
   const isEmpty = !solo && active.length === 0;
-  const padding = useMemo6(() => {
+  const padding = useMemo5(() => {
     if (!solo && overscroll === "centering") {
       return calculateOverscroll(active.length);
     }
@@ -939,7 +908,7 @@ var DeckLayout = ({ overscroll, showHints, panels, onDismissToast }) => {
     overscroll,
     deck
   ]);
-  const mainPosition = useMemo6(() => [
+  const mainPosition = useMemo5(() => [
     "grid !block-start-[env(safe-area-inset-top)]",
     topbar && "!block-start-[calc(env(safe-area-inset-top)+var(--rail-size))]",
     hoistStatusbar && "lg:block-end-[--statusbar-size]"
@@ -948,17 +917,24 @@ var DeckLayout = ({ overscroll, showHints, panels, onDismissToast }) => {
     hoistStatusbar
   ]);
   const Dialog = dialogType === "alert" ? AlertDialog : NaturalDialog;
+  const handlePopoverOpenChange = useCallback4((nextOpen) => {
+    if (nextOpen && popoverAnchorId) {
+      context.popoverOpen = true;
+    } else {
+      context.popoverOpen = false;
+      context.popoverAnchorId = void 0;
+      context.popoverSide = void 0;
+    }
+  }, [
+    context
+  ]);
+  const handlePopoverClose = useCallback4(() => handlePopoverOpenChange(false), [
+    handlePopoverOpenChange
+  ]);
   return /* @__PURE__ */ React17.createElement(Popover2.Root, {
     modal: true,
-    open: !!(popoverAnchorId && popoverOpen),
-    onOpenChange: (nextOpen) => {
-      if (nextOpen && popoverAnchorId) {
-        context.popoverOpen = true;
-      } else {
-        context.popoverOpen = false;
-        context.popoverAnchorId = void 0;
-      }
-    }
+    open: !!(popoverAnchorId && delayedPopoverVisibility),
+    onOpenChange: handlePopoverOpenChange
   }, /* @__PURE__ */ React17.createElement(ActiveNode, null), fullscreen && /* @__PURE__ */ React17.createElement(Fullscreen, {
     id: solo
   }), !fullscreen && /* @__PURE__ */ React17.createElement(Main3.Root, {
@@ -967,7 +943,6 @@ var DeckLayout = ({ overscroll, showHints, panels, onDismissToast }) => {
     complementarySidebarState: context.complementarySidebarState,
     onComplementarySidebarStateChange: (next) => context.complementarySidebarState = next
   }, /* @__PURE__ */ React17.createElement(Sidebar, null), /* @__PURE__ */ React17.createElement(ComplementarySidebar, {
-    panels,
     current: complementarySidebarPanel
   }), /* @__PURE__ */ React17.createElement(Main3.Overlay, null), isEmpty && /* @__PURE__ */ React17.createElement(Main3.Content, {
     bounce: true,
@@ -1037,18 +1012,21 @@ var DeckLayout = ({ overscroll, showHints, panels, onDismissToast }) => {
   })))), topbar && /* @__PURE__ */ React17.createElement(Topbar, null), hoistStatusbar && /* @__PURE__ */ React17.createElement(StatusBar, {
     showHints
   })), /* @__PURE__ */ React17.createElement(Popover2.Portal, null, /* @__PURE__ */ React17.createElement(Popover2.Content, {
-    onEscapeKeyDown: () => {
-      context.popoverOpen = false;
-      context.popoverAnchorId = void 0;
-    }
+    side: context.popoverSide,
+    onEscapeKeyDown: handlePopoverClose
   }, /* @__PURE__ */ React17.createElement(Popover2.Viewport, null, /* @__PURE__ */ React17.createElement(Surface10, {
     role: "popover",
     data: popoverContent,
     limit: 1
   })), /* @__PURE__ */ React17.createElement(Popover2.Arrow, null))), /* @__PURE__ */ React17.createElement(Dialog.Root, {
+    modal: dialogBlockAlign !== "end",
     open: dialogOpen,
     onOpenChange: (nextOpen) => context.dialogOpen = nextOpen
-  }, /* @__PURE__ */ React17.createElement(Dialog.Overlay, {
+  }, dialogBlockAlign === "end" ? /* @__PURE__ */ React17.createElement(Surface10, {
+    role: "dialog",
+    data: dialogContent,
+    limit: 1
+  }) : /* @__PURE__ */ React17.createElement(Dialog.Overlay, {
     blockAlign: dialogBlockAlign
   }, /* @__PURE__ */ React17.createElement(Surface10, {
     role: "dialog",
@@ -1116,4 +1094,4 @@ export {
   DeckLayout,
   LayoutSettings
 };
-//# sourceMappingURL=chunk-WXNLVMK2.mjs.map
+//# sourceMappingURL=chunk-DIXE74SK.mjs.map