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

package/dist/lib/browser/{chunk-B4LOJUWW.mjs → chunk-4QSEGMY3.mjs}

@@ -2,23 +2,23 @@
 import { lazy } from "@dxos/app-framework";
 var AppGraphBuilder = lazy(() => import("./app-graph-builder-VYZ4IWI3.mjs"));
 var CheckAppScheme = lazy(() => import("./check-app-scheme-SEYECDHI.mjs"));
-var LayoutIntentResolver = lazy(() => import("./intent-resolver-UDYKO2QW.mjs"));
-var ReactRoot = lazy(() => import("./react-root-XLXN2VEW.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-WNGMZL7I.mjs"));
-var DeckSettings = lazy(() => import("./settings-HMDGSBGO.mjs"));
-var DeckState = lazy(() => import("./state-7TN26M42.mjs"));
-var Tools = lazy(() => import("./tools-SC6QEN7R.mjs"));
-var UrlHandler = lazy(() => import("./url-handler-ODG4B6NX.mjs"));
+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,
-  DeckSettings,
-  DeckState,
   Tools,
   UrlHandler
 };
-//# sourceMappingURL=chunk-B4LOJUWW.mjs.map
+//# sourceMappingURL=chunk-4QSEGMY3.mjs.map

package/dist/lib/browser/{chunk-B4LOJUWW.mjs.map → chunk-4QSEGMY3.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 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"]
+  "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-6ZSOFCPP.mjs → chunk-6HJZL3WT.mjs}

@@ -1,6 +1,6 @@
 import {
   PLANK_COMPANION_TYPE
-} from "./chunk-RJNCG4ND.mjs";
+} from "./chunk-ZMJMCN7O.mjs";
 import {
   DECK_PLUGIN
 } from "./chunk-NSATFAEE.mjs";
@@ -86,23 +86,24 @@ var useBreakpoints = () => {
 };
 
 // packages/plugins/plugin-deck/src/util/layoutAppliesTopbar.ts
-var layoutAppliesTopbar = (breakpoint) => {
-  return document.body.getAttribute("data-platform") === "win" && breakpoint === "desktop";
+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) => {
+var useHoistStatusbar = (breakpoint, layoutMode) => {
   const enableStatusbar = useCapability(Capabilities.SettingsStore).getStore(DECK_PLUGIN).value.enableStatusbar;
   const { safeAreaPadding } = useThemeContext();
   return useMemo2(() => {
-    return breakpoint === "desktop" && !!enableStatusbar && safeAreaPadding?.bottom === 0;
+    return breakpoint === "desktop" && layoutMode !== "solo--fullscreen" && !!enableStatusbar && safeAreaPadding?.bottom === 0;
   }, [
     enableStatusbar,
     breakpoint,
-    safeAreaPadding?.bottom
+    safeAreaPadding?.bottom,
+    layoutMode
   ]);
 };
 
@@ -114,4 +115,4 @@ export {
   useHoistStatusbar,
   useCompanions
 };
-//# sourceMappingURL=chunk-6ZSOFCPP.mjs.map
+//# sourceMappingURL=chunk-6HJZL3WT.mjs.map

package/dist/lib/browser/{chunk-6ZSOFCPP.mjs.map → chunk-6HJZL3WT.mjs.map}

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