@dxos/plugin-deck 0.8.1-staging.391c573 → 0.8.1-staging.9eaf14f

package/src/types.ts

@@ -4,12 +4,14 @@
 
 import { LayoutAction } from '@dxos/app-framework';
 import { S } from '@dxos/echo-schema';
-import { type Node } from '@dxos/plugin-graph';
-import { type Label } from '@dxos/react-ui';
-import { type Position } from '@dxos/util';
 
 import { DECK_PLUGIN } from './meta';
 
+export { ATTENDABLE_PATH_SEPARATOR } from '@dxos/react-ui-attention';
+
+export const PLANK_COMPANION_TYPE = 'dxos.org/plugin/deck/plank-companion';
+export const DECK_COMPANION_TYPE = 'dxos.org/plugin/deck/deck-companion';
+
 // TODO(Zan): In the future we should consider adding new planks adjacent to the attended plank.
 export const NewPlankPositions = ['start', 'end'] as const;
 export type NewPlankPositioning = (typeof NewPlankPositions)[number];
@@ -17,90 +19,53 @@ export type NewPlankPositioning = (typeof NewPlankPositions)[number];
 export const OverscrollOptions = ['none', 'centering'] as const;
 export type Overscroll = (typeof OverscrollOptions)[number];
 
-export type Panel = {
-  id: string;
-  label: Label;
-  icon: string;
-  position?: Position;
-  /**
-   * If true, the panel will now be wrapped in a scroll area.
-   */
-  fixed?: boolean;
-  filter?: (node: Node) => boolean;
-};
-
-export const DeckSettingsSchema = S.mutable(
-  S.Struct({
-    showHints: S.Boolean,
-    enableNativeRedirect: S.Boolean,
-    enableStatusbar: S.Boolean,
-    newPlankPositioning: S.Literal(...NewPlankPositions),
-    overscroll: S.Literal(...OverscrollOptions),
-  }),
-);
-
+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>;
 
-const LayoutMode = S.Union(S.Literal('deck'), S.Literal('solo'), S.Literal('fullscreen'));
-export const isLayoutMode = (value: any): value is LayoutMode => S.is(LayoutMode)(value);
-export type LayoutMode = S.Schema.Type<typeof LayoutMode>;
-
 export const PlankSizing = S.Record({ key: S.String, value: S.Number });
 export type PlankSizing = S.Schema.Type<typeof PlankSizing>;
 
-export const Deck = S.Struct({
-  initialized: S.Boolean.annotations({
-    description: "If false, the deck has not yet left solo mode and new planks should be solo'd.",
-  }),
+// State of an individual deck.
+export const DeckState = S.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)),
+  // 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),
 });
-export type Deck = S.Schema.Type<typeof Deck>;
-
-export const DeckState = S.mutable(
-  S.Struct({
-    sidebarState: S.Literal('closed', 'collapsed', 'expanded'),
-    complementarySidebarState: S.Literal('closed', 'collapsed', 'expanded'),
-    complementarySidebarPanel: S.optional(S.String),
-
-    dialogOpen: S.Boolean,
-    /**
-     * Data to be passed to the dialog Surface.
-     */
-    dialogContent: S.optional(S.Any),
-    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.
-     */
-    popoverContent: S.optional(S.Any),
-    popoverAnchorId: S.optional(S.String),
-
-    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) })),
-    previousMode: S.mutable(S.Record({ key: S.String, value: LayoutMode })),
-    deck: S.mutable(Deck),
-
-    /**
-     * The identifier of a component to scroll into view when it is mounted.
-     */
-    scrollIntoView: S.optional(S.String),
-  }),
-);
-
 export type DeckState = S.Schema.Type<typeof DeckState>;
 
-export const getMode = (deck: Deck): LayoutMode => {
+export const defaultDeck: DeckState = {
+  initialized: false,
+  active: [],
+  activeCompanions: {},
+  inactive: [],
+  solo: undefined,
+  fullscreen: false,
+  plankSizing: {},
+  companionFrameSizing: {},
+};
+
+const LayoutMode = S.Literal('deck', 'solo', 'fullscreen');
+export type LayoutMode = S.Schema.Type<typeof LayoutMode>;
+export const isLayoutMode = (value: any): value is LayoutMode => S.is(LayoutMode)(value);
+
+export const getMode = (deck: DeckState): LayoutMode => {
   if (deck.solo) {
     return deck.fullscreen ? 'fullscreen' : 'solo';
   }
@@ -108,14 +73,45 @@ export const getMode = (deck: Deck): LayoutMode => {
   return 'deck';
 };
 
-// NOTE: Chosen from RFC 1738’s `safe` characters: http://www.faqs.org/rfcs/rfc1738.html
-export const SLUG_PATH_SEPARATOR = '~';
+// 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,
+  /** Data to be passed to the dialog Surface. */
+  dialogContent: S.optional(S.Any),
+  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. */
+  popoverContent: S.optional(S.Any),
+  popoverAnchorId: S.optional(S.String),
+
+  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(DeckState) })),
+  previousMode: S.mutable(S.Record({ key: S.String, value: LayoutMode })),
+  deck: S.mutable(DeckState),
+
+  /** The identifier of a component to scroll into view when it is mounted. */
+  scrollIntoView: S.optional(S.String),
+}).pipe(S.mutable);
+
+export type DeckPluginState = S.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('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.' }),
@@ -124,9 +120,7 @@ export namespace DeckAction {
   export const Adjustment = S.mutable(S.Struct({ id: S.String, type: PartAdjustmentSchema }));
   export type Adjustment = S.Schema.Type<typeof Adjustment>;
 
-  /**
-   * An atomic transaction to apply to the deck, describing which element to move to which location.
-   */
+  // 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`, {
     input: Adjustment,
     output: S.Void,
@@ -139,4 +133,12 @@ export namespace DeckAction {
     }),
     output: S.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),
+    }),
+    output: S.Void,
+  }) {}
 }

package/src/util/index.ts

@@ -7,3 +7,4 @@ export * from './set-active';
 export * from './useBreakpoints';
 export * from './layoutAppliesTopbar';
 export * from './useHoistStatusbar';
+export * from './useCompanions';

package/src/util/set-active.ts

@@ -6,11 +6,11 @@ import { batch } from '@preact/signals-core';
 
 import { type AttentionManager } from '@dxos/plugin-attention';
 
-import { type DeckState } from '../types';
+import { type DeckPluginState } from '../types';
 
 export type SetActiveOptions = {
   next: string[];
-  state: DeckState;
+  state: DeckPluginState;
   attention?: AttentionManager;
 };
 

package/src/util/useCompanions.ts

@@ -0,0 +1,18 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { useMemo } from 'react';
+
+import { useAppGraph } from '@dxos/app-framework';
+import { useNode } 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 }) : [];
+  return useMemo(() => companions.toSorted((a, b) => byPosition(a.properties, b.properties)), [companions]);
+};

package/src/util/useHoistStatusbar.ts

@@ -10,11 +10,11 @@ import { useThemeContext } from '@dxos/react-ui';
 import { DECK_PLUGIN } from '../meta';
 import type { DeckSettingsProps } from '../types';
 
-export const useHoistStatusbar = (breakpoint: string) => {
+export const useHoistStatusbar = (breakpoint: string): boolean => {
   const enableStatusbar = useCapability(Capabilities.SettingsStore).getStore<DeckSettingsProps>(DECK_PLUGIN)!.value
     .enableStatusbar;
   const { safeAreaPadding } = useThemeContext();
   return useMemo(() => {
-    return breakpoint === 'desktop' && enableStatusbar && safeAreaPadding?.bottom === 0;
+    return breakpoint === 'desktop' && !!enableStatusbar && safeAreaPadding?.bottom === 0;
   }, [enableStatusbar, breakpoint, safeAreaPadding?.bottom]);
 };

package/dist/lib/browser/chunk-22AQ5IVX.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/capabilities.ts"],
-  "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-FYKBOM3C.mjs.map

@@ -1,7 +0,0 @@
-{
-  "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';\nimport { type Position } from '@dxos/util';\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  position?: Position;\n  /**\n   * If true, the panel will now be wrapped in a scroll area.\n   */\n  fixed?: boolean;\n  filter?: (node: Node) => boolean;\n};\n\nexport const DeckSettingsSchema = S.mutable(\n  S.Struct({\n    showHints: S.Boolean,\n    enableNativeRedirect: S.Boolean,\n    enableStatusbar: 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": "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",
-  "names": ["LayoutAction", "S", "NewPlankPositions", "OverscrollOptions", "DeckSettingsSchema", "S", "mutable", "Struct", "showHints", "Boolean", "enableNativeRedirect", "enableStatusbar", "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-IZ5RPJ6T.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-IYHAGFA3.mjs"));
-var CheckAppScheme = lazy(() => import("./check-app-scheme-S3EYUPMF.mjs"));
-var LayoutIntentResolver = lazy(() => import("./intent-resolver-P5BVUQKU.mjs"));
-var ReactRoot = lazy(() => import("./react-root-EP4UF3KA.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-5B3RLJCD.mjs"));
-var DeckSettings = lazy(() => import("./settings-X3P2HKQJ.mjs"));
-var DeckState = lazy(() => import("./state-2MOTLKVR.mjs"));
-var Tools = lazy(() => import("./tools-64LXGLYR.mjs"));
-var UrlHandler = lazy(() => import("./url-handler-MVHTKUYA.mjs"));
-
-export {
-  AppGraphBuilder,
-  CheckAppScheme,
-  LayoutIntentResolver,
-  ReactRoot,
-  ReactSurface,
-  DeckSettings,
-  DeckState,
-  Tools,
-  UrlHandler
-};
-//# sourceMappingURL=chunk-IZ5RPJ6T.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/util/set-active.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 DeckState } from '../types';\n\nexport type SetActiveOptions = {\n  next: string[];\n  state: DeckState;\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 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) => {\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": ";;;;;AAIA,SAASA,aAAa;AAYf,IAAMC,YAAY,CAAC,EAAEC,MAAMC,OAAOC,UAAS,MAAoB;AACpE,SAAOC,MAAM,MAAA;AACX,UAAMC,SAASH,MAAMI,KAAKC,OAAO;MAACL,MAAMI,KAAKC;QAAQL,MAAMI,KAAKD;AAChE,UAAMG,UAAUH,OAAOI,OAAO,CAACC,OAAO,CAACT,KAAKU,SAASD,EAAAA,CAAAA;AACrD,UAAME,SAASC,MAAMC,KAAK,oBAAIC,IAAI;SAAIb,MAAMI,KAAKU,SAASP,OAAO,CAACC,OAAO,CAACT,KAAKU,SAASD,EAAAA,CAAAA;SAASF;KAAQ,CAAA;AAEzGN,UAAMI,KAAKU,WAAWJ;AAEtB,QAAIV,MAAMI,KAAKC,QAAQ,CAACL,MAAMI,KAAKW,aAAa;AAC9Cf,YAAMI,KAAKC,OAAON,KAAK,CAAA;IACzB,OAAO;AACLC,YAAMI,KAAKD,SAASJ;IACtB;AAEA,QAAIC,MAAMI,KAAKY,cAAc,CAAChB,MAAMI,KAAKC,MAAM;AAC7CL,YAAMI,KAAKY,aAAa;IAC1B;AAEA,QAAIf,WAAW;AACb,YAAMgB,WAAWhB,UAAUiB;AAC3B,YAAM,CAACC,UAAAA,IAAcR,MAAMC,KAAKK,QAAAA;AAChC,YAAMG,sBAAsB,CAAC,CAACD,cAAcpB,KAAKU,SAASU,UAAAA;AAC1D,UAAI,CAACC,qBAAqB;AACxB,cAAMC,gBAAgBlB,OAAOmB,QAAQH,UAAAA;AAErC,cAAMI,QAAQF,kBAAkB,KAAK,IAAIA,iBAAiBtB,KAAKyB,SAASzB,KAAKyB,SAAS,IAAIH;AAC1F,eAAOtB,KAAKwB,KAAAA;MACd;IACF;EACF,CAAA;AACF;;;ACIO,IAAME,sBAAsB,CACjCC,gBAAAA;AAEA,MAAI,CAACA,aAAa;AAChB,WAAO;MAAEC,oBAAoB;MAAGC,kBAAkB;IAAE;EACtD;AACA,MAAIF,gBAAgB,GAAG;AACrB,UAAMG,oBACJ;AACF,WAAO;MAAEF,oBAAoBE;MAAmBD,kBAAkBC;IAAkB;EACtF,OAAO;AACL,WAAO;MACLF,oBACE;MACFC,kBACE;IACJ;EACF;AACF;;;AChEA,SAASE,qBAAqB;AAEvB,IAAMC,iBAAiB,MAAA;AAC5B,QAAM,CAACC,WAAAA,IAAeC,cAAc,IAAA;AACpC,QAAM,CAACC,SAAAA,IAAaD,cAAc,IAAA;AAClC,SAAOC,YAAY,YAAYF,cAAc,WAAW;AAC1D;;;ACNO,IAAMG,sBAAsB,CAACC,eAAAA;AAClC,SAAOC,SAASC,KAAKC,aAAa,eAAA,MAAqB,SAASH,eAAe;AACjF;;;ACFA,SAASI,eAAe;AAExB,SAASC,cAAcC,qBAAqB;AAC5C,SAASC,uBAAuB;AAKzB,IAAMC,oBAAoB,CAACC,eAAAA;AAChC,QAAMC,kBAAkBC,cAAcC,aAAaC,aAAa,EAAEC,SAA4BC,WAAAA,EAAcC,MACzGN;AACH,QAAM,EAAEO,gBAAe,IAAKC,gBAAAA;AAC5B,SAAOC,QAAQ,MAAA;AACb,WAAOV,eAAe,aAAaC,mBAAmBO,iBAAiBG,WAAW;EACpF,GAAG;IAACV;IAAiBD;IAAYQ,iBAAiBG;GAAO;AAC3D;",
-  "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", "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"]
-}