@dxos/plugin-deck 0.8.2-main.f081794 → 0.8.2-main.fbd8ed0

package/src/components/Sidebar/ComplementarySidebar.tsx

@@ -12,51 +12,20 @@ import React, {
   useState,
 } from 'react';
 
-import {
-  LayoutAction,
-  Surface,
-  createIntent,
-  useAppGraph,
-  useCapability,
-  useIntentDispatcher,
-} from '@dxos/app-framework';
-import { type Node } from '@dxos/plugin-graph';
+import { LayoutAction, Surface, createIntent, useCapability, useIntentDispatcher } from '@dxos/app-framework';
 import { Main, useTranslation, toLocalizedString, IconButton, type Label } from '@dxos/react-ui';
 import { Tabs } from '@dxos/react-ui-tabs';
-import { byPosition, type Position } from '@dxos/util';
 
 import { ToggleComplementarySidebarButton } from './SidebarButton';
 import { DeckCapabilities } from '../../capabilities';
+import { type DeckCompanion, getCompanionId, useDeckCompanions, useBreakpoints, useHoistStatusbar } from '../../hooks';
 import { DECK_PLUGIN } from '../../meta';
-import { ATTENDABLE_PATH_SEPARATOR, DECK_COMPANION_TYPE, getMode } from '../../types';
-import { layoutAppliesTopbar, useBreakpoints, useHoistStatusbar } from '../../util';
+import { getMode } from '../../types';
+import { layoutAppliesTopbar } from '../../util';
 import { PlankContentError, PlankLoading } from '../Plank';
 
 const label = ['complementary sidebar title', { ns: DECK_PLUGIN }] satisfies Label;
 
-const getCompanionId = (id: string) => {
-  const [_, companionId] = id.split(ATTENDABLE_PATH_SEPARATOR);
-  return companionId ?? 'never';
-};
-
-type DeckCompanion = Node<
-  any,
-  {
-    label: Label;
-    icon: string;
-    // TODO(burdon): Scroll area should be controlled by surface.
-    /** If true, the panel will not be wrapped in a scroll area. */
-    fixed?: boolean;
-    position?: Position;
-  }
->;
-
-const useDeckCompanions = (): DeckCompanion[] => {
-  const { graph } = useAppGraph();
-  const companions = graph.nodes(graph.root, { type: DECK_COMPANION_TYPE }) as DeckCompanion[];
-  return companions.toSorted((a, b) => byPosition(a.properties, b.properties));
-};
-
 export type ComplementarySidebarProps = {
   current?: string;
 };

package/src/components/Sidebar/Sidebar.tsx

@@ -8,9 +8,10 @@ import { Surface, useCapability } from '@dxos/app-framework';
 import { type Label, Main } from '@dxos/react-ui';
 
 import { DeckCapabilities } from '../../capabilities';
+import { useBreakpoints, useHoistStatusbar } from '../../hooks';
 import { DECK_PLUGIN } from '../../meta';
 import { getMode } from '../../types';
-import { layoutAppliesTopbar, useBreakpoints, useHoistStatusbar } from '../../util';
+import { layoutAppliesTopbar } from '../../util';
 
 const label = ['sidebar title', { ns: DECK_PLUGIN }] satisfies Label;
 

package/src/components/Sidebar/SidebarButton.tsx

@@ -2,12 +2,14 @@
 // Copyright 2025 DXOS.org
 //
 
-import React from 'react';
+import React, { useCallback } from 'react';
 
-import { useCapability } from '@dxos/app-framework';
+import { createIntent, LayoutAction, useCapability, useIntentDispatcher } from '@dxos/app-framework';
 import { IconButton, type IconButtonProps, type ThemedClassName, useTranslation } from '@dxos/react-ui';
 
 import { DeckCapabilities } from '../../capabilities';
+import { useDeckCompanions } from '../../hooks';
+import { getCompanionId } from '../../hooks/useDeckCompanions';
 import { DECK_PLUGIN } from '../../meta';
 
 export const ToggleSidebarButton = ({
@@ -47,16 +49,37 @@ export const CloseSidebarButton = () => {
   );
 };
 
-export const ToggleComplementarySidebarButton = ({ inR0, classNames }: ThemedClassName<{ inR0?: boolean }>) => {
+export const ToggleComplementarySidebarButton = ({
+  inR0,
+  classNames,
+  current,
+}: ThemedClassName<{ inR0?: boolean; current?: string }>) => {
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
   const layoutContext = useCapability(DeckCapabilities.MutableDeckState);
   const { t } = useTranslation(DECK_PLUGIN);
+
+  const companions = useDeckCompanions();
+  const handleClick = useCallback(async () => {
+    layoutContext.complementarySidebarState =
+      layoutContext.complementarySidebarState === 'expanded' ? 'collapsed' : 'expanded';
+    const firstCompanion = companions[0];
+    if (layoutContext.complementarySidebarState === 'expanded' && !current && firstCompanion) {
+      await dispatch(
+        createIntent(LayoutAction.UpdateComplementary, {
+          part: 'complementary',
+          subject: getCompanionId(firstCompanion.id),
+        }),
+      );
+    }
+  }, [layoutContext, current, companions, dispatch]);
+
+  // TODO(thure): This should have a tooltip but is suppressed because focus is getting set on this twice when the app
+  //  first mounts, causing even `suppressNextTooltip` not to have the intended effect.
   return (
     <IconButton
+      noTooltip
       iconOnly
-      onClick={() =>
-        (layoutContext.complementarySidebarState =
-          layoutContext.complementarySidebarState === 'expanded' ? 'collapsed' : 'expanded')
-      }
+      onClick={handleClick}
       variant='ghost'
       label={t('open complementary sidebar label')}
       classNames={['[&>svg]:-scale-x-100', classNames]}

package/src/components/fragments.ts

@@ -7,7 +7,7 @@ import { mx } from '@dxos/react-ui-theme';
 export const soloInlinePadding =
   'pis-[calc(env(safe-area-inset-left)+.25rem)] pie-[calc(env(safe-area-inset-left)+.25rem)]';
 
-const sidebarToggleStyles = 'bs-[--rail-item] is-[--rail-item] absolute block-end-2 z-[1] !bg-deck lg:hidden';
+const sidebarToggleStyles = 'bs-[--rail-item] is-[--rail-item] absolute block-end-2 z-[1] !bg-deckSurface lg:hidden';
 
 export const fixedSidebarToggleStyles = mx(sidebarToggleStyles, 'inline-start-2');
 

package/src/hooks/index.ts

@@ -2,5 +2,9 @@
 // Copyright 2024 DXOS.org
 //
 
-export * from './useNodeActionExpander';
+export * from './useBreakpoints';
+export * from './useCompanions';
+export * from './useDeckCompanions';
+export * from './useHoistStatusbar';
 export * from './useMainSize';
+export * from './useNodeActionExpander';

package/src/{util → hooks}/useCompanions.ts

@@ -5,14 +5,14 @@
 import { useMemo } from 'react';
 
 import { useAppGraph } from '@dxos/app-framework';
-import { useNode } from '@dxos/plugin-graph';
+import { useConnections } from '@dxos/plugin-graph';
 import { byPosition } from '@dxos/util';
 
 import { PLANK_COMPANION_TYPE } from '../types';
 
 export const useCompanions = (id?: string) => {
   const { graph } = useAppGraph();
-  const node = useNode(graph, id);
-  const companions = node ? graph.nodes(node, { type: PLANK_COMPANION_TYPE }) : [];
+  const nodes = useConnections(graph, id);
+  const companions = nodes.filter((node) => node.type === PLANK_COMPANION_TYPE);
   return useMemo(() => companions.toSorted((a, b) => byPosition(a.properties, b.properties)), [companions]);
 };

package/src/hooks/useDeckCompanions.ts

@@ -0,0 +1,33 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { type Label, useAppGraph } from '@dxos/app-framework';
+import { ROOT_ID, useConnections, type Node } from '@dxos/plugin-graph';
+import { byPosition, type Position } from '@dxos/util';
+
+import { ATTENDABLE_PATH_SEPARATOR, DECK_COMPANION_TYPE } from '../types';
+
+export const getCompanionId = (id: string) => {
+  const [_, companionId] = id.split(ATTENDABLE_PATH_SEPARATOR);
+  return companionId ?? 'never';
+};
+
+export type DeckCompanion = Node<
+  any,
+  {
+    label: Label;
+    icon: string;
+    // TODO(burdon): Scroll area should be controlled by surface.
+    /** If true, the panel will not be wrapped in a scroll area. */
+    fixed?: boolean;
+    position?: Position;
+  }
+>;
+
+export const useDeckCompanions = (): DeckCompanion[] => {
+  const { graph } = useAppGraph();
+  const connections = useConnections(graph, ROOT_ID);
+  const companions = connections.filter((node) => node.type === DECK_COMPANION_TYPE) as DeckCompanion[];
+  return companions.toSorted((a, b) => byPosition(a.properties, b.properties));
+};

package/src/hooks/useNodeActionExpander.ts

@@ -4,19 +4,14 @@
 
 import { useEffect } from 'react';
 
-import { ACTION_GROUP_TYPE, ACTION_TYPE, getGraph, type Node } from '@dxos/plugin-graph';
-
-const expandNodeActions = async (node: Node) => {
-  const graph = getGraph(node);
-  await graph.expand(node, 'outbound', ACTION_GROUP_TYPE);
-  await graph.expand(node, 'outbound', ACTION_TYPE);
-};
+import { getGraph, type Node } from '@dxos/plugin-graph';
 
 export const useNodeActionExpander = (node?: Node) => {
   useEffect(() => {
     if (node) {
       const frame = requestAnimationFrame(() => {
-        void expandNodeActions(node);
+        const graph = getGraph(node);
+        graph.expand(node.id);
       });
       return () => cancelAnimationFrame(frame);
     }

package/src/index.ts

@@ -6,4 +6,4 @@ export { DeckCapabilities } from './capabilities';
 export { DeckEvents } from './events';
 export * from './DeckPlugin';
 export * from './meta';
-export { useCompanions } from './util';
+export { useCompanions } from './hooks';

package/src/types.ts

@@ -2,8 +2,9 @@
 // Copyright 2023 DXOS.org
 //
 
+import { Schema } from 'effect';
+
 import { LayoutAction } from '@dxos/app-framework';
-import { S } from '@dxos/echo-schema';
 import { type DeepReadonly } from '@dxos/util';
 
 import { DECK_PLUGIN } from './meta';
@@ -23,33 +24,33 @@ export type Overscroll = (typeof OverscrollOptions)[number];
 export type Part = 'solo' | 'deck' | 'complementary';
 export type ResolvedPart = Part | 'solo-primary' | 'solo-companion';
 
-export const DeckSettingsSchema = S.Struct({
-  showHints: S.optional(S.Boolean),
-  enableDeck: S.optional(S.Boolean),
-  enableNativeRedirect: S.optional(S.Boolean),
-  enableStatusbar: S.optional(S.Boolean),
-  newPlankPositioning: S.optional(S.Literal(...NewPlankPositions)),
-  overscroll: S.optional(S.Literal(...OverscrollOptions)),
-}).pipe(S.mutable);
-export type DeckSettingsProps = S.Schema.Type<typeof DeckSettingsSchema>;
+export const DeckSettingsSchema = Schema.Struct({
+  showHints: Schema.optional(Schema.Boolean),
+  enableDeck: Schema.optional(Schema.Boolean),
+  enableStatusbar: Schema.optional(Schema.Boolean),
+  enableNativeRedirect: Schema.optional(Schema.Boolean),
+  newPlankPositioning: Schema.optional(Schema.Literal(...NewPlankPositions)),
+  overscroll: Schema.optional(Schema.Literal(...OverscrollOptions)),
+}).pipe(Schema.mutable);
+export type DeckSettingsProps = Schema.Schema.Type<typeof DeckSettingsSchema>;
 
-export const PlankSizing = S.Record({ key: S.String, value: S.Number });
-export type PlankSizing = S.Schema.Type<typeof PlankSizing>;
+export const PlankSizing = Schema.Record({ key: Schema.String, value: Schema.Number });
+export type PlankSizing = Schema.Schema.Type<typeof PlankSizing>;
 
 // State of an individual deck.
-export const DeckState = S.Struct({
+export const DeckState = Schema.Struct({
   /** If false, the deck has not yet left solo mode and new planks should be soloed. */
-  initialized: S.Boolean,
-  active: S.mutable(S.Array(S.String)),
+  initialized: Schema.Boolean,
+  active: Schema.mutable(Schema.Array(Schema.String)),
   // TODO(wittjosiah): Piping into both mutable and optional caused invalid typescript output.
-  activeCompanions: S.optional(S.mutable(S.Record({ key: S.String, value: S.String }))),
-  inactive: S.mutable(S.Array(S.String)),
-  solo: S.optional(S.String),
-  fullscreen: S.Boolean,
-  plankSizing: S.mutable(PlankSizing),
-  companionFrameSizing: S.mutable(PlankSizing),
+  activeCompanions: Schema.optional(Schema.mutable(Schema.Record({ key: Schema.String, value: Schema.String }))),
+  inactive: Schema.mutable(Schema.Array(Schema.String)),
+  solo: Schema.optional(Schema.String),
+  fullscreen: Schema.Boolean,
+  plankSizing: Schema.mutable(PlankSizing),
+  companionFrameSizing: Schema.mutable(PlankSizing),
 });
-export type DeckState = S.Schema.Type<typeof DeckState>;
+export type DeckState = Schema.Schema.Type<typeof DeckState>;
 
 export const defaultDeck: DeckState = {
   initialized: false,
@@ -62,9 +63,9 @@ export const defaultDeck: DeckState = {
   companionFrameSizing: {},
 };
 
-const LayoutMode = S.Literal('deck', 'solo', 'solo--fullscreen');
-export type LayoutMode = S.Schema.Type<typeof LayoutMode>;
-export const isLayoutMode = (value: any): value is LayoutMode => S.is(LayoutMode)(value);
+const LayoutMode = Schema.Literal('deck', 'solo', 'solo--fullscreen');
+export type LayoutMode = Schema.Schema.Type<typeof LayoutMode>;
+export const isLayoutMode = (value: any): value is LayoutMode => Schema.is(LayoutMode)(value);
 
 export const getMode = (deck: DeckState | DeepReadonly<DeckState>): LayoutMode => {
   if (deck.solo) {
@@ -75,73 +76,73 @@ export const getMode = (deck: DeckState | DeepReadonly<DeckState>): LayoutMode =
 };
 
 // State of the deck plugin.
-export const DeckPluginState = S.Struct({
-  sidebarState: S.Literal('closed', 'collapsed', 'expanded'),
-  complementarySidebarState: S.Literal('closed', 'collapsed', 'expanded'),
-  complementarySidebarPanel: S.optional(S.String),
-
-  dialogOpen: S.Boolean,
-  dialogBlockAlign: S.optional(S.Literal('start', 'center', 'end')),
-  dialogType: S.optional(S.Literal('default', 'alert')),
+export const DeckPluginState = Schema.Struct({
+  sidebarState: Schema.Literal('closed', 'collapsed', 'expanded'),
+  complementarySidebarState: Schema.Literal('closed', 'collapsed', 'expanded'),
+  complementarySidebarPanel: Schema.optional(Schema.String),
+
+  dialogOpen: Schema.Boolean,
+  dialogBlockAlign: Schema.optional(Schema.Literal('start', 'center', 'end')),
+  dialogType: Schema.optional(Schema.Literal('default', 'alert')),
   /** Data to be passed to the dialog Surface. */
-  dialogContent: S.optional(S.Any),
+  dialogContent: Schema.optional(Schema.Any),
 
-  popoverOpen: S.Boolean,
-  popoverSide: S.optional(S.Literal('top', 'right', 'bottom', 'left')),
-  popoverAnchor: S.optional(S.Any),
-  popoverAnchorId: S.optional(S.String),
+  popoverOpen: Schema.Boolean,
+  popoverSide: Schema.optional(Schema.Literal('top', 'right', 'bottom', 'left')),
+  popoverAnchor: Schema.optional(Schema.Any),
+  popoverAnchorId: Schema.optional(Schema.String),
   /** Data to be passed to the popover Surface. */
-  popoverContent: S.optional(S.Any),
+  popoverContent: Schema.optional(Schema.Any),
 
-  toasts: S.mutable(S.Array(LayoutAction.Toast)),
-  currentUndoId: S.optional(S.String),
+  toasts: Schema.mutable(Schema.Array(LayoutAction.Toast)),
+  currentUndoId: Schema.optional(Schema.String),
 
-  activeDeck: S.String,
-  previousDeck: S.String,
-  decks: S.mutable(S.Record({ key: S.String, value: S.mutable(DeckState) })),
-  previousMode: S.mutable(S.Record({ key: S.String, value: LayoutMode })),
-  deck: S.mutable(DeckState),
+  activeDeck: Schema.String,
+  previousDeck: Schema.String,
+  decks: Schema.mutable(Schema.Record({ key: Schema.String, value: Schema.mutable(DeckState) })),
+  previousMode: Schema.mutable(Schema.Record({ key: Schema.String, value: LayoutMode })),
+  deck: Schema.mutable(DeckState),
 
   /** The identifier of a component to scroll into view when it is mounted. */
-  scrollIntoView: S.optional(S.String),
-}).pipe(S.mutable);
+  scrollIntoView: Schema.optional(Schema.String),
+}).pipe(Schema.mutable);
 
-export type DeckPluginState = S.Schema.Type<typeof DeckPluginState>;
+export type DeckPluginState = Schema.Schema.Type<typeof DeckPluginState>;
 
 export const DECK_ACTION = `${DECK_PLUGIN}/action`;
 
 export namespace DeckAction {
-  const PartAdjustmentSchema = S.Union(
-    S.Literal('close').annotations({ description: 'Close the plank.' }),
-    S.Literal('companion').annotations({ description: 'Open the companion plank.' }),
-    S.Literal('solo').annotations({ description: 'Solo the plank.' }),
-    S.Literal('solo--fullscreen').annotations({ description: 'Fullscreen the plank.' }),
-    S.Literal('increment-start').annotations({ description: 'Move the plank towards the start of the deck.' }),
-    S.Literal('increment-end').annotations({ description: 'Move the plank towards the end of the deck.' }),
+  const PartAdjustmentSchema = Schema.Union(
+    Schema.Literal('close').annotations({ description: 'Close the plank.' }),
+    Schema.Literal('companion').annotations({ description: 'Open the companion plank.' }),
+    Schema.Literal('solo').annotations({ description: 'Solo the plank.' }),
+    Schema.Literal('solo--fullscreen').annotations({ description: 'Fullscreen the plank.' }),
+    Schema.Literal('increment-start').annotations({ description: 'Move the plank towards the start of the deck.' }),
+    Schema.Literal('increment-end').annotations({ description: 'Move the plank towards the end of the deck.' }),
   );
-  export type PartAdjustment = S.Schema.Type<typeof PartAdjustmentSchema>;
-  export const Adjustment = S.mutable(S.Struct({ id: S.String, type: PartAdjustmentSchema }));
-  export type Adjustment = S.Schema.Type<typeof Adjustment>;
+  export type PartAdjustment = Schema.Schema.Type<typeof PartAdjustmentSchema>;
+  export const Adjustment = Schema.mutable(Schema.Struct({ id: Schema.String, type: PartAdjustmentSchema }));
+  export type Adjustment = Schema.Schema.Type<typeof Adjustment>;
 
   // An atomic transaction to apply to the deck, describing which element to move to which location.
-  export class Adjust extends S.TaggedClass<Adjust>()(`${DECK_ACTION}/adjust`, {
+  export class Adjust extends Schema.TaggedClass<Adjust>()(`${DECK_ACTION}/adjust`, {
     input: Adjustment,
-    output: S.Void,
+    output: Schema.Void,
   }) {}
 
-  export class UpdatePlankSize extends S.TaggedClass<UpdatePlankSize>()(`${DECK_ACTION}/update-plank-size`, {
-    input: S.Struct({
-      id: S.String,
-      size: S.Number,
+  export class UpdatePlankSize extends Schema.TaggedClass<UpdatePlankSize>()(`${DECK_ACTION}/update-plank-size`, {
+    input: Schema.Struct({
+      id: Schema.String,
+      size: Schema.Number,
     }),
-    output: S.Void,
+    output: Schema.Void,
   }) {}
 
-  export class ChangeCompanion extends S.TaggedClass<ChangeCompanion>()(`${DECK_ACTION}/change-companion`, {
-    input: S.Struct({
-      primary: S.String,
-      companion: S.Union(S.String, S.Null),
+  export class ChangeCompanion extends Schema.TaggedClass<ChangeCompanion>()(`${DECK_ACTION}/change-companion`, {
+    input: Schema.Struct({
+      primary: Schema.String,
+      companion: Schema.Union(Schema.String, Schema.Null),
     }),
-    output: S.Void,
+    output: Schema.Void,
   }) {}
 }

package/src/util/index.ts

@@ -2,9 +2,6 @@
 // Copyright 2024 DXOS.org
 //
 
+export * from './layoutAppliesTopbar';
 export * from './overscroll';
 export * from './set-active';
-export * from './useBreakpoints';
-export * from './layoutAppliesTopbar';
-export * from './useHoistStatusbar';
-export * from './useCompanions';

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

@@ -1,7 +0,0 @@
-{
-  "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-SEYECDHI.mjs.map

@@ -1,7 +0,0 @@
-{
-  "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-4QSEGMY3.mjs

@@ -1,24 +0,0 @@
-// 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 DeckSettings = lazy(() => import("./settings-6NU7CF2B.mjs"));
-var DeckState = lazy(() => import("./state-Z6UY2Z3M.mjs"));
-var LayoutIntentResolver = lazy(() => import("./intent-resolver-6AK45PT5.mjs"));
-var ReactRoot = lazy(() => import("./react-root-KA2IL5RA.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-LIPGYEYN.mjs"));
-var Tools = lazy(() => import("./tools-VDVQTJMD.mjs"));
-var UrlHandler = lazy(() => import("./url-handler-3CARFXQK.mjs"));
-
-export {
-  AppGraphBuilder,
-  CheckAppScheme,
-  DeckSettings,
-  DeckState,
-  LayoutIntentResolver,
-  ReactRoot,
-  ReactSurface,
-  Tools,
-  UrlHandler
-};
-//# sourceMappingURL=chunk-4QSEGMY3.mjs.map

package/dist/lib/browser/chunk-4QSEGMY3.mjs.map

@@ -1,7 +0,0 @@
-{
-  "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 DeckSettings = lazy(() => import('./settings'));\nexport const DeckState = lazy(() => import('./state'));\nexport const LayoutIntentResolver = lazy(() => import('./intent-resolver'));\nexport const ReactRoot = lazy(() => import('./react-root'));\nexport const ReactSurface = lazy(() => import('./react-surface'));\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,eAAeF,KAAK,MAAM,OAAO,yBAAA,CAAA;AACvC,IAAMG,YAAYH,KAAK,MAAM,OAAO,sBAAA,CAAA;AACpC,IAAMI,uBAAuBJ,KAAK,MAAM,OAAO,gCAAA,CAAA;AAC/C,IAAMK,YAAYL,KAAK,MAAM,OAAO,2BAAA,CAAA;AACpC,IAAMM,eAAeN,KAAK,MAAM,OAAO,8BAAA,CAAA;AACvC,IAAMO,QAAQP,KAAK,MAAM,OAAO,sBAAA,CAAA;AAChC,IAAMQ,aAAaR,KAAK,MAAM,OAAO,4BAAA,CAAA;",
-  "names": ["lazy", "AppGraphBuilder", "lazy", "CheckAppScheme", "DeckSettings", "DeckState", "LayoutIntentResolver", "ReactRoot", "ReactSurface", "Tools", "UrlHandler"]
-}

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

@@ -1,118 +0,0 @@
-import {
-  PLANK_COMPANION_TYPE
-} from "./chunk-ZMJMCN7O.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, layoutMode) => {
-  return document.body.getAttribute("data-platform") === "win" && breakpoint === "desktop" && layoutMode !== "solo--fullscreen";
-};
-
-// 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, layoutMode) => {
-  const enableStatusbar = useCapability(Capabilities.SettingsStore).getStore(DECK_PLUGIN).value.enableStatusbar;
-  const { safeAreaPadding } = useThemeContext();
-  return useMemo2(() => {
-    return breakpoint === "desktop" && layoutMode !== "solo--fullscreen" && !!enableStatusbar && safeAreaPadding?.bottom === 0;
-  }, [
-    enableStatusbar,
-    breakpoint,
-    safeAreaPadding?.bottom,
-    layoutMode
-  ]);
-};
-
-export {
-  calculateOverscroll,
-  setActive,
-  useBreakpoints,
-  layoutAppliesTopbar,
-  useHoistStatusbar,
-  useCompanions
-};
-//# sourceMappingURL=chunk-6HJZL3WT.mjs.map