@dxos/plugin-deck 0.7.5-main.9d2a38b → 0.7.5-main.e9bb01b

package/src/components/LayoutSettings.tsx

@@ -5,7 +5,7 @@
 import React from 'react';
 
 import { Input, Select, useTranslation } from '@dxos/react-ui';
-import { DeprecatedFormInput } from '@dxos/react-ui-form';
+import { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';
 
 import { DECK_PLUGIN } from '../meta';
 import {
@@ -22,7 +22,7 @@ export const LayoutSettings = ({ settings }: { settings: DeckSettingsProps }) =>
   const { t } = useTranslation(DECK_PLUGIN);
 
   return (
-    <>
+    <DeprecatedFormContainer>
       <DeprecatedFormInput label={t('select new plank positioning label')}>
         <Select.Root
           value={settings.newPlankPositioning ?? 'start'}
@@ -72,12 +72,12 @@ export const LayoutSettings = ({ settings }: { settings: DeckSettingsProps }) =>
           />
         </DeprecatedFormInput>
       )}
-      <DeprecatedFormInput label={t('settings custom slots')}>
-        <Input.Switch checked={settings.customSlots} onCheckedChange={(checked) => (settings.customSlots = checked)} />
+      <DeprecatedFormInput label={t('settings enable ide-style statusbar label')}>
+        <Input.Switch
+          checked={settings.enableIdeStyleStatusbar}
+          onCheckedChange={(checked) => (settings.enableIdeStyleStatusbar = checked)}
+        />
       </DeprecatedFormInput>
-      <DeprecatedFormInput label={t('settings flat deck')}>
-        <Input.Switch checked={settings.flatDeck} onCheckedChange={(checked) => (settings.flatDeck = checked)} />
-      </DeprecatedFormInput>
-    </>
+    </DeprecatedFormContainer>
   );
 };

package/src/components/fragments.ts

@@ -2,5 +2,13 @@
 // Copyright 2025 DXOS.org
 //
 
+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';
+
+export const fixedSidebarToggleStyles = mx(sidebarToggleStyles, 'inline-start-2');
+
+export const fixedComplementarySidebarToggleStyles = mx(sidebarToggleStyles, 'inline-end-2');

package/src/components/index.ts

@@ -3,6 +3,4 @@
 //
 
 export * from './DeckLayout';
-export * from './DeckContext';
-export * from './LayoutContext';
 export * from './LayoutSettings';

package/src/hooks/useMainSize.ts

@@ -5,9 +5,9 @@
 import { useMainContext } from '@dxos/react-ui';
 
 export const useMainSize = () => {
-  const { navigationSidebarOpen, complementarySidebarOpen } = useMainContext('DeckPluginPlank');
+  const { navigationSidebarState, complementarySidebarState } = useMainContext('DeckPluginPlank');
   return {
-    'data-sidebar-inline-start-state': navigationSidebarOpen ? 'open' : 'closed',
-    'data-sidebar-inline-end-state': complementarySidebarOpen ? 'open' : 'closed',
+    'data-sidebar-inline-start-state': navigationSidebarState,
+    'data-sidebar-inline-end-state': complementarySidebarState,
   };
 };

package/src/layout.ts

@@ -4,245 +4,76 @@
 
 import { produce } from 'immer';
 
-import {
-  type LayoutAdjustment,
-  type LayoutCoordinate,
-  type LayoutEntry,
-  type LayoutPart,
-  type LayoutParts,
-  SLUG_ENTRY_SEPARATOR,
-  SLUG_KEY_VALUE_SEPARATOR,
-  SLUG_LIST_SEPARATOR,
-  SLUG_PATH_SEPARATOR,
-} from '@dxos/app-framework';
+import { type DeckAction, type NewPlankPositioning } from './types';
 
-import { type NewPlankPositioning } from './types';
+type OpenLayoutEntryOptions = { key?: string; positioning?: NewPlankPositioning; pivotId?: string };
 
-// Part feature support
-const partsThatSupportIncrement = ['main'] as LayoutPart[];
-
-//
-// --- Layout Parts Manipulation ----------------------------------------------
-
-type OpenLayoutEntryOptions = { positioning?: NewPlankPositioning; pivotId?: string };
-
-export const openEntry = (
-  layout: LayoutParts,
-  part: LayoutPart,
-  entry: LayoutEntry,
-  options?: OpenLayoutEntryOptions,
-): LayoutParts => {
-  return produce(layout, (draft) => {
-    const layoutPart = draft[part];
-    // If the part doesn't exist, create it.
-    if (!layoutPart) {
-      draft[part] = [entry];
+export const openEntry = (deck: string[], entryId: string, options?: OpenLayoutEntryOptions): string[] => {
+  return produce(deck, (draft) => {
+    // Check that the entry is not already in the part
+    if (draft.find((id) => id === entryId)) {
       return;
     }
-    if (part === 'main') {
-      // Check that the entry is not already in the part
-      if (layoutPart.find((e) => e.id === entry.id)) {
+
+    const key = options?.key;
+    const plankPositioning = options?.positioning ?? 'start';
+    const pivotId = options?.pivotId;
+
+    if (key) {
+      const index = draft.findIndex((id) => id.startsWith(key));
+      if (index !== -1) {
+        draft.splice(index, 1, entryId);
         return;
       }
+    }
 
-      const plankPositioning = options?.positioning ?? 'start';
-      const pivotId = options?.pivotId;
-
-      if (pivotId) {
-        const pivotIndex = layoutPart.findIndex((e) => e.id === pivotId);
-        if (pivotIndex !== -1) {
-          if (plankPositioning === 'start') {
-            layoutPart.splice(pivotIndex, 0, entry);
-          } else {
-            layoutPart.splice(pivotIndex + 1, 0, entry);
-          }
-          return;
+    if (pivotId) {
+      const pivotIndex = draft.findIndex((id) => id === pivotId);
+      if (pivotIndex !== -1) {
+        if (plankPositioning === 'start') {
+          draft.splice(pivotIndex, 0, entryId);
+        } else {
+          draft.splice(pivotIndex + 1, 0, entryId);
         }
+        return;
       }
+    }
 
-      // If no pivot found or provided, fall back to original behavior
-      if (plankPositioning === 'start') {
-        layoutPart.unshift(entry);
-      } else {
-        layoutPart.push(entry);
-      }
+    // If no pivot found or provided, fall back to original behavior
+    if (plankPositioning === 'start') {
+      draft.unshift(entryId);
     } else {
-      // If the part is not main, we're going to replace the single entry in the part with the new entry.
-      draft[part] = [entry];
+      draft.push(entryId);
     }
   });
 };
 
-export const closeEntry = (layout: LayoutParts, layoutCoordinate: LayoutCoordinate): LayoutParts => {
-  return produce(layout, (draft) => {
-    const { part, entryId: slugId } = layoutCoordinate;
-    const layoutPart = draft[part];
-    if (!layoutPart) {
-      return;
-    }
-
-    const index = layoutPart.findIndex((entry) => entry.id === slugId);
-    if (index === -1) {
-      return;
-    }
-
-    // If there's only one entry in the layout part, remove the whole part from the layout.
-    if (layoutPart.length === 1) {
-      delete draft[part];
-    } else {
-      layoutPart.splice(index, 1);
+export const closeEntry = (deck: string[], entryId: string): string[] => {
+  return produce(deck, (draft) => {
+    const index = draft.findIndex((id) => id === entryId);
+    if (index !== -1) {
+      draft.splice(index, 1);
     }
   });
 };
 
-export const incrementPlank = (layout: LayoutParts, adjustment: LayoutAdjustment): LayoutParts => {
-  return produce(layout, (draft) => {
-    const { layoutCoordinate, type } = adjustment;
-    const { part, entryId } = layoutCoordinate;
-
-    // Only allow adjustments in the 'main' part
-    if (partsThatSupportIncrement.includes(part) === false) {
-      return;
-    }
-
-    const layoutPart = draft[part];
-    if (!layoutPart) {
-      return;
-    }
-    const index = layoutPart.findIndex((entry) => entry.id === entryId);
+export const incrementPlank = (deck: string[], adjustment: DeckAction.Adjustment): string[] => {
+  return produce(deck, (draft) => {
+    const index = draft.findIndex((id) => id === adjustment.id);
     if (
       index === -1 ||
-      (type === 'increment-start' && index === 0) ||
-      (type === 'increment-end' && index === layoutPart.length - 1)
+      (adjustment.type === 'increment-start' && index === 0) ||
+      (adjustment.type === 'increment-end' && index === draft.length - 1)
     ) {
       return;
     }
 
-    if (type === 'increment-start') {
+    if (adjustment.type === 'increment-start') {
       // Swap the current item with the previous item.
-      [layoutPart[index - 1], layoutPart[index]] = [layoutPart[index], layoutPart[index - 1]];
-    } else if (type === 'increment-end') {
+      [draft[index - 1], draft[index]] = [draft[index], draft[index - 1]];
+    } else if (adjustment.type === 'increment-end') {
       // Swap the current item with the next item.
-      [layoutPart[index], layoutPart[index + 1]] = [layoutPart[index + 1], layoutPart[index]];
+      [draft[index], draft[index + 1]] = [draft[index + 1], draft[index]];
     }
   });
 };
-
-export const removePart = (layout: LayoutParts, part: LayoutPart): LayoutParts => {
-  return produce(layout, (draft) => {
-    delete draft[part];
-  });
-};
-
-export const mergeLayoutParts = (...layoutParts: LayoutParts[]): LayoutParts => {
-  return layoutParts.reduce(
-    (merged, current) =>
-      produce(merged, (draft) => {
-        Object.entries(current).forEach(([part, entries]) => {
-          const typedPart = part as LayoutPart;
-
-          if (!draft[typedPart]) {
-            draft[typedPart] = [];
-          }
-
-          const partEntries = draft[typedPart] as LayoutEntry[];
-
-          entries.forEach((entry) => {
-            const existingIndex = partEntries.findIndex((e) => e.id === entry.id);
-            if (existingIndex !== -1) {
-              partEntries[existingIndex] = entry;
-            } else {
-              partEntries.push(entry);
-            }
-          });
-        });
-      }),
-    {} as LayoutParts,
-  );
-};
-
-//
-// URI Projection
-//
-
-const parseLayoutEntry = (itemString: string): LayoutEntry => {
-  // Layout entries are in the form of 'id~path' or just 'id'
-  const [id, path] = itemString.split(SLUG_PATH_SEPARATOR);
-  const entry: LayoutEntry = { id };
-  if (path) {
-    entry.path = path;
-  }
-  return entry;
-};
-
-export const uriToSoloPart = (uri: string): LayoutParts | undefined => {
-  // Now after the domain part, there will be a single ID with an optional path
-  const parts = uri.split('/');
-  const slug = parts[parts.length - 1]; // Take the last part of the URI
-
-  if (slug.length > 0) {
-    return {
-      solo: [parseLayoutEntry(slug)],
-    };
-  }
-
-  return undefined;
-};
-
-export const soloPartToUri = (layout: LayoutParts): string => {
-  const soloPart = layout?.solo;
-  if (!soloPart || soloPart.length === 0) {
-    return '';
-  }
-
-  const entry = soloPart[0];
-  return `${entry.id}${entry.path ? SLUG_PATH_SEPARATOR + entry.path : ''}`;
-};
-
-/**
- * Converts a URI string into a LayoutParts object.
- * @deprecated Keeping these as a reference for now. We should remove these once we're sure we don't need them.
- */
-export const uriToActiveParts = (uri: string): LayoutParts => {
-  const parts = uri.split('/');
-  const slug = parts[parts.length - 1]; // Take the last part of the URI
-
-  if (!slug) {
-    return {}; // Return an empty object if the slug is empty
-  }
-
-  return slug.split(SLUG_ENTRY_SEPARATOR).reduce((acc: LayoutParts, partDescriptor) => {
-    const [part, layoutEntry] = partDescriptor.split(SLUG_KEY_VALUE_SEPARATOR);
-    if (part && layoutEntry) {
-      // TODO(Zan): Remove this cast.
-      acc[part as LayoutPart] = layoutEntry.split(SLUG_LIST_SEPARATOR).map(parseLayoutEntry);
-    }
-    return acc;
-  }, {} as LayoutParts);
-};
-
-const formatLayoutEntry = ({ id, path }: LayoutEntry): string => {
-  // NOTE(Zan): Format = `[SOLO_INDICATOR] ID [PATH_SEPARATOR PATH]`.
-  let entry = '';
-  entry += id;
-  if (path) {
-    entry += `${SLUG_PATH_SEPARATOR}${path}`;
-  }
-  return entry;
-};
-
-const formatPartDescriptor = (part: LayoutPart, layoutEntries: LayoutEntry[]): string => {
-  const formattedEntries = layoutEntries.map(formatLayoutEntry).join(SLUG_LIST_SEPARATOR);
-  return `${part}${SLUG_KEY_VALUE_SEPARATOR}${formattedEntries}`;
-};
-
-/**
- * Converts a LayoutParts object into a URI string.
- * @deprecated Keeping these as a reference for now. We should remove these once we're sure we don't need them.
- */
-export const activePartsToUri = (activeParts: LayoutParts): string => {
-  return Object.entries(activeParts)
-    .filter(([, layoutEntries]) => layoutEntries.length > 0) // Only include non-empty parts
-    .map(([part, layoutEntries]) => formatPartDescriptor(part as LayoutPart, layoutEntries))
-    .join(SLUG_ENTRY_SEPARATOR);
-};

package/src/meta.ts

@@ -9,4 +9,5 @@ export const DECK_PLUGIN = 'dxos.org/plugin/deck' as const;
 export const meta = {
   id: DECK_PLUGIN,
   name: 'Deck',
+  icon: 'ph--columns--regular',
 } satisfies PluginMeta;

package/src/translations.ts

@@ -8,11 +8,12 @@ export default [
   {
     'en-US': {
       [DECK_PLUGIN]: {
+        'plugin name': 'Deck',
         'main header label': 'Main header',
-        'open navigation sidebar label': 'Open navigation sidebar',
-        'close navigation sidebar label': 'Minimize navigation sidebar',
-        'open complementary sidebar label': 'Open sidebar',
-        'close complementary sidebar label': 'Minimize sidebar',
+        'open navigation sidebar label': 'Open sidebar',
+        'collapse navigation sidebar label': 'Minimize sidebar',
+        'open complementary sidebar label': 'Open context sidebar',
+        'close complementary sidebar label': 'Minimize context sidebar',
         'plugin error message': 'Content failed to render.',
         'content fallback message': 'Unsupported',
         'content fallback description':
@@ -20,7 +21,6 @@ export default [
         'toggle fullscreen label': 'Toggle fullscreen',
         'settings show hints label': 'Show hints',
         'settings native redirect label': 'Enable native url redirect (experimental)',
-        'settings custom slots': 'Theme option (experimental)',
         'settings new plank position start label': 'Start',
         'settings new plank position end label': 'End',
         'select new plank positioning placeholder': 'Select new plank positioning',
@@ -32,7 +32,7 @@ export default [
         'error fallback message': 'Unable to open this item',
         'plank heading fallback label': 'Untitled',
         'actions menu label': 'Options',
-        'settings deck label': 'Disable Deck',
+        'settings deck label': 'Disable deck',
         'reload required message': 'Reload required.',
         'pending heading': 'Loading…',
         'insert plank label': 'Open',
@@ -45,11 +45,11 @@ export default [
         'show solo plank label': 'Maximize',
         'close label': 'Close',
         'minify label': 'Minify',
-        'settings overscroll label': 'Plank Overscrolling',
+        'settings overscroll label': 'Plank overscrolling',
         'select overscroll placeholder': 'Select plank overscrolling behavior',
         'settings overscroll centering label': 'Centering',
         'settings overscroll none label': 'None',
-        'settings flat deck': 'Flatten deck appearance',
+        'settings enable ide-style statusbar label': 'IDE-style statusbar',
         'close current label': 'Close current plank',
         'close others label': 'Close other planks',
         'close all label': 'Close all planks',

package/src/types.ts

@@ -2,6 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
+import { LayoutAction } from '@dxos/app-framework';
 import { S } from '@dxos/echo-schema';
 import { type Label } from '@dxos/react-ui';
 
@@ -20,9 +21,8 @@ export type Panel = { id: string; label: Label; icon: string };
 export const DeckSettingsSchema = S.mutable(
   S.Struct({
     showHints: S.Boolean,
-    customSlots: S.Boolean,
-    flatDeck: S.Boolean,
     enableNativeRedirect: S.Boolean,
+    enableIdeStyleStatusbar: S.Boolean,
     newPlankPositioning: S.Literal(...NewPlankPositions),
     overscroll: S.Literal(...OverscrollOptions),
   }),
@@ -30,9 +30,95 @@ export const DeckSettingsSchema = 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.",
+  }),
+  active: S.mutable(S.Array(S.String)),
+  inactive: S.mutable(S.Array(S.String)),
+  solo: S.optional(S.String),
+  fullscreen: S.Boolean,
+  plankSizing: 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')),
+    dialogType: S.optional(S.Literal('default', 'alert')),
+
+    popoverOpen: S.Boolean,
+    /**
+     * 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,
+    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 => {
+  if (deck.solo) {
+    return deck.fullscreen ? 'fullscreen' : 'solo';
+  }
+
+  return 'deck';
+};
+
+// NOTE: Chosen from RFC 1738’s `safe` characters: http://www.faqs.org/rfcs/rfc1738.html
+export const SLUG_PATH_SEPARATOR = '~';
+
 export const DECK_ACTION = `${DECK_PLUGIN}/action`;
 
 export namespace DeckAction {
+  const PartAdjustmentSchema = S.Union(
+    S.Literal('close').annotations({ description: 'Close the 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.' }),
+  );
+  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>;
+
+  /**
+   * 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,
+  }) {}
+
   export class UpdatePlankSize extends S.TaggedClass<UpdatePlankSize>()(`${DECK_ACTION}/update-plank-size`, {
     input: S.Struct({
       id: S.String,

package/src/util/index.ts

@@ -2,6 +2,7 @@
 // Copyright 2024 DXOS.org
 //
 
-export * from './layout-parts';
 export * from './overscroll';
 export * from './useBreakpoints';
+export * from './layoutAppliesTopbar';
+export * from './useHoistStatusbar';

package/src/util/layoutAppliesTopbar.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export const layoutAppliesTopbar = (breakpoint: string) => {
+  return document.body.getAttribute('data-platform') === 'win' && breakpoint === 'desktop';
+};

package/src/util/useHoistStatusbar.ts

@@ -2,14 +2,23 @@
 // Copyright 2025 DXOS.org
 //
 
-import { useLayoutEffect, useState } from 'react';
+import { useMemo } from 'react';
+
+import { Capabilities, useCapability } from '@dxos/app-framework';
+
+import { DECK_PLUGIN } from '../meta';
+import type { DeckSettingsProps } from '../types';
 
 export const useHoistStatusbar = (breakpoint: string) => {
-  const [safeAreaBottom, setSafeAreaBottom] = useState(Infinity);
-  useLayoutEffect(
-    () =>
-      setSafeAreaBottom(parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--safe-area-bottom'))),
-    [],
-  );
-  return Number.isFinite(safeAreaBottom) && safeAreaBottom < 1 && breakpoint === 'desktop';
+  const enableIdeStyleStatusbar = useCapability(Capabilities.SettingsStore).getStore<DeckSettingsProps>(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]);
 };

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/layout/app-graph-builder.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport {\n  Capabilities,\n  contributes,\n  createIntent,\n  LayoutAction,\n  NavigationAction,\n  openIds,\n  type PluginsContext,\n} from '@dxos/app-framework';\nimport { AttentionCapabilities } from '@dxos/plugin-attention';\nimport { createExtension, type Node, ROOT_ID } from '@dxos/plugin-graph';\n\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        // 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.SetLayoutMode._tag}/fullscreen`,\n          data: async () => {\n            const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n            await dispatch(createIntent(LayoutAction.SetLayoutMode, { layoutMode: '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: `${NavigationAction.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(createIntent(NavigationAction.Close, { activeParts: { main: [attended] } }));\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: `${NavigationAction.Close._tag}/others`,\n          data: async () => {\n            const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n            const location = context.requestCapability(Capabilities.Location);\n            const attention = context.requestCapability(AttentionCapabilities.Attention);\n            const attended = attention.current.at(-1);\n            const ids = openIds(location.active, ['main']).filter((id) => id !== attended);\n            await dispatch(\n              createIntent(NavigationAction.Close, {\n                activeParts: { main: ids },\n              }),\n            );\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: `${NavigationAction.Close._tag}/all`,\n          data: async () => {\n            const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n            const location = context.requestCapability(Capabilities.Location);\n            await dispatch(\n              createIntent(NavigationAction.Close, {\n                activeParts: { main: openIds(location.active, ['main']) },\n              }),\n            );\n          },\n          properties: {\n            label: ['close all label', { ns: DECK_PLUGIN }],\n            icon: 'ph--x-circle--regular',\n          },\n        };\n\n        const layoutMode = context.requestCapabilities(Capabilities.Layout)[0]?.layoutMode;\n        return layoutMode === 'deck' ? [closeCurrent, closeOthers, closeAll] : [];\n      },\n    }),\n  );\n"],
-  "mappings": ";;;;;AAIA,SACEA,cACAC,aACAC,cACAC,cACAC,kBACAC,eAEK;AACP,SAASC,6BAA6B;AACtC,SAASC,iBAA4BC,eAAe;AAIpD,IAAA,4BAAe,CAACC,YACdC,YACEC,aAAaC,iBACbC,gBAAgB;EACdC,IAAIC;EACJC,QAAQ,CAACC,SAA6BA,KAAKH,OAAOI;EAClDC,SAAS,MAAA;AAGP,UAAMC,cAAc;MAClBN,IAAI,GAAGO,aAAaC,cAAcC,IAAI;MACtCC,MAAM,YAAA;AACJ,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKjB,QAAQkB,kBAAkBhB,aAAaiB,gBAAgB;AAC7F,cAAMF,SAASG,aAAaR,aAAaC,eAAe;UAAEQ,YAAY;QAAa,CAAA,CAAA;MACrF;MACAC,YAAY;QACVC,OAAO;UAAC;UAA2B;YAAEC,IAAIlB;UAAY;;QACrDmB,MAAM;QACNC,YAAY;UACVC,OAAO;UACPC,SAAS;QACX;MACF;IACF;AAEA,UAAMC,eAAe;MACnBxB,IAAI,GAAGyB,iBAAiBC,MAAMjB,IAAI;MAClCC,MAAM,YAAA;AACJ,cAAMiB,YAAYhC,QAAQkB,kBAAkBe,sBAAsBC,SAAS;AAC3E,cAAMC,WAAWH,UAAUI,QAAQC,GAAG,EAAC;AACvC,YAAIF,UAAU;AACZ,gBAAM,EAAEnB,iBAAiBC,SAAQ,IAAKjB,QAAQkB,kBAAkBhB,aAAaiB,gBAAgB;AAC7F,gBAAMF,SAASG,aAAaU,iBAAiBC,OAAO;YAAEO,aAAa;cAAEC,MAAM;gBAACJ;;YAAU;UAAE,CAAA,CAAA;QAC1F;MACF;MACAb,YAAY;QACVC,OAAO;UAAC;UAAuB;YAAEC,IAAIlB;UAAY;;QACjDmB,MAAM;MACR;IACF;AAEA,UAAMe,cAAc;MAClBnC,IAAI,GAAGyB,iBAAiBC,MAAMjB,IAAI;MAClCC,MAAM,YAAA;AACJ,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKjB,QAAQkB,kBAAkBhB,aAAaiB,gBAAgB;AAC7F,cAAMsB,WAAWzC,QAAQkB,kBAAkBhB,aAAawC,QAAQ;AAChE,cAAMV,YAAYhC,QAAQkB,kBAAkBe,sBAAsBC,SAAS;AAC3E,cAAMC,WAAWH,UAAUI,QAAQC,GAAG,EAAC;AACvC,cAAMM,MAAMC,QAAQH,SAASI,QAAQ;UAAC;SAAO,EAAEtC,OAAO,CAACF,OAAOA,OAAO8B,QAAAA;AACrE,cAAMlB,SACJG,aAAaU,iBAAiBC,OAAO;UACnCO,aAAa;YAAEC,MAAMI;UAAI;QAC3B,CAAA,CAAA;MAEJ;MACArB,YAAY;QACVC,OAAO;UAAC;UAAsB;YAAEC,IAAIlB;UAAY;;QAChDmB,MAAM;MACR;IACF;AAEA,UAAMqB,WAAW;MACfzC,IAAI,GAAGyB,iBAAiBC,MAAMjB,IAAI;MAClCC,MAAM,YAAA;AACJ,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKjB,QAAQkB,kBAAkBhB,aAAaiB,gBAAgB;AAC7F,cAAMsB,WAAWzC,QAAQkB,kBAAkBhB,aAAawC,QAAQ;AAChE,cAAMzB,SACJG,aAAaU,iBAAiBC,OAAO;UACnCO,aAAa;YAAEC,MAAMK,QAAQH,SAASI,QAAQ;cAAC;aAAO;UAAE;QAC1D,CAAA,CAAA;MAEJ;MACAvB,YAAY;QACVC,OAAO;UAAC;UAAmB;YAAEC,IAAIlB;UAAY;;QAC7CmB,MAAM;MACR;IACF;AAEA,UAAMJ,aAAarB,QAAQ+C,oBAAoB7C,aAAa8C,MAAM,EAAE,CAAA,GAAI3B;AACxE,WAAOA,eAAe,SAAS;MAACQ;MAAcW;MAAaM;QAAY,CAAA;EACzE;AACF,CAAA,CAAA;",
-  "names": ["Capabilities", "contributes", "createIntent", "LayoutAction", "NavigationAction", "openIds", "AttentionCapabilities", "createExtension", "ROOT_ID", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "DECK_PLUGIN", "filter", "node", "ROOT_ID", "actions", "_fullscreen", "LayoutAction", "SetLayoutMode", "_tag", "data", "dispatchPromise", "dispatch", "requestCapability", "IntentDispatcher", "createIntent", "layoutMode", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows", "closeCurrent", "NavigationAction", "Close", "attention", "AttentionCapabilities", "Attention", "attended", "current", "at", "activeParts", "main", "closeOthers", "location", "Location", "ids", "openIds", "active", "closeAll", "requestCapabilities", "Layout"]
-}