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

package/dist/lib/browser/chunk-2M4PXYNB.mjs

@@ -1,1052 +0,0 @@
-import {
-  calculateOverscroll,
-  useBreakpoints
-} from "./chunk-2PJNBVCY.mjs";
-import {
-  DeckAction,
-  NewPlankPositions,
-  OverscrollOptions
-} from "./chunk-KY5WXIXY.mjs";
-import {
-  DECK_PLUGIN
-} from "./chunk-JQJ5UWVB.mjs";
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts
-var NAV_ID = "NavTree";
-var SURFACE_PREFIX = "surface:";
-
-// packages/plugins/plugin-deck/src/components/LayoutContext.ts
-import { createContext, useContext } from "react";
-import { raise } from "@dxos/debug";
-var LayoutContext = createContext(null);
-var useLayout = () => useContext(LayoutContext) ?? raise(new Error("Missing LayoutContext"));
-
-// packages/plugins/plugin-deck/src/components/DeckContext.ts
-import { createContext as createContext2, useContext as useContext2 } from "react";
-import { raise as raise2 } from "@dxos/debug";
-var DeckContext = createContext2(null);
-var useDeckContext = () => useContext2(DeckContext) ?? raise2(new Error("Missing DeckContext"));
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx
-import { untracked } from "@preact/signals-core";
-import React17, { useCallback as useCallback3, useEffect as useEffect6, useMemo as useMemo5, useRef as useRef2, Fragment as Fragment2 } from "react";
-import { firstIdInPart, Surface as Surface10, usePluginManager } from "@dxos/app-framework";
-import { AttentionCapabilities } from "@dxos/plugin-attention";
-import { AlertDialog, Dialog as NaturalDialog, Main as Main3, Popover as Popover2, useOnTransition } from "@dxos/react-ui";
-import { Stack, StackContext as StackContext2, DEFAULT_HORIZONTAL_SIZE } from "@dxos/react-ui-stack";
-import { mainPaddingTransitions as mainPaddingTransitions2 } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx
-import React from "react";
-import { Surface } from "@dxos/app-framework";
-import { useGraph } from "@dxos/plugin-graph";
-import { useAttended } from "@dxos/react-ui-attention";
-
-// packages/plugins/plugin-deck/src/hooks/useNode.ts
-import { useEffect, useState } from "react";
-var useNode = (graph, id, timeout) => {
-  const [nodeState, setNodeState] = useState(id ? graph.findNode(id, false) : void 0);
-  useEffect(() => {
-    if (!id && nodeState) {
-      setNodeState(void 0);
-    }
-    if (nodeState?.id === id || !id) {
-      return;
-    }
-    const frame = requestAnimationFrame(async () => {
-      try {
-        const node = await graph.waitForNode(id, timeout);
-        if (node) {
-          setNodeState(node);
-        }
-      } catch {
-      }
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [
-    graph,
-    id,
-    timeout,
-    nodeState?.id
-  ]);
-  return nodeState;
-};
-
-// packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts
-import { useEffect as useEffect2 } from "react";
-import { ACTION_GROUP_TYPE, ACTION_TYPE, getGraph } from "@dxos/plugin-graph";
-var expandNodeActions = async (node) => {
-  const graph = getGraph(node);
-  await graph.expand(node, "outbound", ACTION_GROUP_TYPE);
-  await graph.expand(node, "outbound", ACTION_TYPE);
-};
-var useNodeActionExpander = (node) => {
-  useEffect2(() => {
-    if (node) {
-      const frame = requestAnimationFrame(() => {
-        void expandNodeActions(node);
-      });
-      return () => cancelAnimationFrame(frame);
-    }
-  }, [
-    node
-  ]);
-};
-
-// packages/plugins/plugin-deck/src/hooks/useMainSize.ts
-import { useMainContext } from "@dxos/react-ui";
-var useMainSize = () => {
-  const { navigationSidebarOpen, complementarySidebarOpen } = useMainContext("DeckPluginPlank");
-  return {
-    "data-sidebar-inline-start-state": navigationSidebarOpen ? "open" : "closed",
-    "data-sidebar-inline-end-state": complementarySidebarOpen ? "open" : "closed"
-  };
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx
-var ActiveNode = () => {
-  const [id] = useAttended();
-  const { graph } = useGraph();
-  const activeNode = useNode(graph, id);
-  useNodeActionExpander(activeNode);
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "sr-only"
-  }, /* @__PURE__ */ React.createElement(Surface, {
-    role: "document-title",
-    data: {
-      subject: activeNode
-    },
-    limit: 1
-  }));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx
-import React7, { useCallback, useEffect as useEffect5, useMemo as useMemo2, useState as useState3 } from "react";
-import { createIntent as createIntent2, NavigationAction as NavigationAction2, SLUG_PATH_SEPARATOR as SLUG_PATH_SEPARATOR2, Surface as Surface3, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
-import { useGraph as useGraph3 } from "@dxos/plugin-graph";
-import { Main, ScrollArea, useTranslation as useTranslation5, toLocalizedString as toLocalizedString2 } from "@dxos/react-ui";
-import { useAttended as useAttended2 } from "@dxos/react-ui-attention";
-import { railGridHorizontal, StackContext, StackItem as StackItem2 } from "@dxos/react-ui-stack";
-import { Tabs } from "@dxos/react-ui-tabs";
-import { mx as mx2 } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx
-import React6, { useEffect as useEffect4, useState as useState2 } from "react";
-import { useTranslation as useTranslation4 } from "@dxos/react-ui";
-import { descriptionText, mx } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx
-import React4, { Fragment, memo, useEffect as useEffect3, useMemo } from "react";
-import { createIntent, LayoutAction, NavigationAction, SLUG_PATH_SEPARATOR, Surface as Surface2, useIntentDispatcher } from "@dxos/app-framework";
-import { useGraph as useGraph2 } from "@dxos/plugin-graph";
-import { Icon as Icon2, Popover, toLocalizedString, useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { StackItem } from "@dxos/react-ui-stack";
-import { TextTooltip } from "@dxos/react-ui-text-tooltip";
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/PlankControls.tsx
-import React2, { forwardRef } from "react";
-import { Button, ButtonGroup, Icon, Tooltip, useTranslation } from "@dxos/react-ui";
-var PlankControl = ({ icon, label, ...props }) => {
-  return /* @__PURE__ */ React2.createElement(Tooltip.Root, null, /* @__PURE__ */ React2.createElement(Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(Button, {
-    variant: "ghost",
-    ...props
-  }, /* @__PURE__ */ React2.createElement("span", {
-    className: "sr-only"
-  }, label), /* @__PURE__ */ React2.createElement(Icon, {
-    icon,
-    size: 4
-  }))), /* @__PURE__ */ React2.createElement(Tooltip.Portal, null, /* @__PURE__ */ React2.createElement(Tooltip.Content, {
-    side: "bottom"
-  }, label)));
-};
-var PlankControls = /* @__PURE__ */ forwardRef(({ onClick, variant = "default", capabilities: can, isSolo, pin, close = false, children, ...props }, forwardedRef) => {
-  const { t } = useTranslation(DECK_PLUGIN);
-  const buttonClassNames = variant === "hide-disabled" ? "disabled:hidden !pli-2 !plb-3" : "!pli-2 !plb-3";
-  return /* @__PURE__ */ React2.createElement(ButtonGroup, {
-    ...props,
-    ref: forwardedRef
-  }, pin && !isSolo && [
-    "both",
-    "start"
-  ].includes(pin) && /* @__PURE__ */ React2.createElement(PlankControl, {
-    label: t("pin start label"),
-    variant: "ghost",
-    classNames: buttonClassNames,
-    onClick: () => onClick?.("pin-start"),
-    icon: "ph--caret-line-left--regular"
-  }), can.solo && /* @__PURE__ */ React2.createElement(PlankControl, {
-    label: isSolo ? t("show deck plank label") : t("show solo plank label"),
-    classNames: buttonClassNames,
-    onClick: () => onClick?.("solo"),
-    icon: isSolo ? "ph--arrow-u-down-left--regular" : "ph--arrows-out--regular"
-  }), !isSolo && can.solo && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(PlankControl, {
-    label: t("increment start label"),
-    disabled: !can.incrementStart,
-    classNames: buttonClassNames,
-    onClick: () => onClick?.("increment-start"),
-    icon: "ph--caret-left--regular"
-  }), /* @__PURE__ */ React2.createElement(PlankControl, {
-    label: t("increment end label"),
-    disabled: !can.incrementEnd,
-    classNames: buttonClassNames,
-    onClick: () => onClick?.("increment-end"),
-    icon: "ph--caret-right--regular"
-  })), pin && !isSolo && [
-    "both",
-    "end"
-  ].includes(pin) && /* @__PURE__ */ React2.createElement(PlankControl, {
-    label: t("pin end label"),
-    classNames: buttonClassNames,
-    onClick: () => onClick?.("pin-end"),
-    icon: "ph--caret-line-right--regular"
-  }), close && !isSolo && /* @__PURE__ */ React2.createElement(PlankControl, {
-    label: t(`${typeof close === "string" ? "minify" : "close"} label`),
-    classNames: buttonClassNames,
-    onClick: () => onClick?.("close"),
-    "data-testid": "plankHeading.close",
-    icon: close === "minify-start" ? "ph--caret-line-left--regular" : close === "minify-end" ? "ph--caret-line-right--regular" : "ph--x--regular"
-  }), children);
-});
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/SidebarButton.tsx
-import React3 from "react";
-import { IconButton, useTranslation as useTranslation2 } from "@dxos/react-ui";
-var ToggleSidebarButton = () => {
-  const layoutContext = useLayout();
-  const { t } = useTranslation2(DECK_PLUGIN);
-  return /* @__PURE__ */ React3.createElement(IconButton, {
-    variant: "ghost",
-    iconOnly: true,
-    icon: "ph--sidebar--regular",
-    size: 4,
-    label: t("open navigation sidebar label"),
-    onClick: () => layoutContext.sidebarOpen = !layoutContext.sidebarOpen,
-    classNames: "!pli-2 order-first"
-  });
-};
-var CloseSidebarButton = () => {
-  const layoutContext = useLayout();
-  const { t } = useTranslation2(DECK_PLUGIN);
-  return /* @__PURE__ */ React3.createElement(IconButton, {
-    variant: "ghost",
-    iconOnly: true,
-    icon: "ph--caret-line-left--regular",
-    size: 4,
-    label: t("close navigation sidebar label"),
-    onClick: () => layoutContext.sidebarOpen = false,
-    classNames: "!rounded-none !pli-1 ch-focus-ring-inset pie-[max(.5rem,env(safe-area-inset-left))]"
-  });
-};
-var ToggleComplementarySidebarButton = () => {
-  const layoutContext = useLayout();
-  const { t } = useTranslation2(DECK_PLUGIN);
-  return /* @__PURE__ */ React3.createElement(IconButton, {
-    iconOnly: true,
-    onClick: () => layoutContext.complementarySidebarOpen = !layoutContext.complementarySidebarOpen,
-    variant: "ghost",
-    label: t("open complementary sidebar label"),
-    classNames: "!pli-2 !plb-3 [&>svg]:-scale-x-100",
-    icon: "ph--sidebar-simple--regular",
-    size: 4
-  });
-};
-var CloseComplementarySidebarButton = () => {
-  const layoutContext = useLayout();
-  const { t } = useTranslation2(DECK_PLUGIN);
-  return /* @__PURE__ */ React3.createElement(IconButton, {
-    iconOnly: true,
-    variant: "ghost",
-    size: 4,
-    icon: "ph--caret-line-right--regular",
-    label: t("close complementary sidebar label"),
-    classNames: "!rounded-none border-is border-separator ch-focus-ring-inset pie-2 lg:pie-[max(.5rem,env(safe-area-inset-right))]",
-    onClick: () => layoutContext.complementarySidebarOpen = false
-  });
-};
-
-// packages/plugins/plugin-deck/src/components/fragments.ts
-var soloInlinePadding = "pis-[calc(env(safe-area-inset-left)+.25rem)] pie-[calc(env(safe-area-inset-left)+.25rem)]";
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx
-var NodePlankHeading = /* @__PURE__ */ memo(({ coordinate, node, canIncrementStart, canIncrementEnd, popoverAnchorId, pending, actions = [] }) => {
-  const { t } = useTranslation3(DECK_PLUGIN);
-  const { graph } = useGraph2();
-  const icon = node?.properties?.icon ?? "ph--placeholder--regular";
-  const label = pending ? t("pending heading") : toLocalizedString(node?.properties?.label ?? [
-    "plank heading fallback label",
-    {
-      ns: DECK_PLUGIN
-    }
-  ], t);
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const ActionRoot = node && popoverAnchorId === `dxos.org/ui/${DECK_PLUGIN}/${node.id}` ? Popover.Anchor : Fragment;
-  const breakpoint = useBreakpoints();
-  useEffect3(() => {
-    const frame = requestAnimationFrame(() => {
-      node && graph.actions(node);
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [
-    node
-  ]);
-  const layoutPart = coordinate.part;
-  const attendableId = coordinate.entryId.split(SLUG_PATH_SEPARATOR).at(0);
-  const capabilities = useMemo(() => ({
-    solo: layoutPart === "solo" || layoutPart === "main",
-    incrementStart: canIncrementStart,
-    incrementEnd: canIncrementEnd
-  }), [
-    breakpoint,
-    layoutPart,
-    canIncrementStart,
-    canIncrementEnd
-  ]);
-  return /* @__PURE__ */ React4.createElement(StackItem.Heading, {
-    classNames: [
-      "plb-1 border-be border-separator items-stretch gap-1",
-      layoutPart === "solo" ? soloInlinePadding : "pli-1"
-    ]
-  }, /* @__PURE__ */ React4.createElement(ActionRoot, null, node ? /* @__PURE__ */ React4.createElement(StackItem.Sigil, {
-    icon,
-    related: layoutPart === "complementary",
-    attendableId,
-    triggerLabel: t("actions menu label"),
-    actions: [
-      actions,
-      graph.actions(node)
-    ].filter((a) => a.length > 0),
-    onAction: (action) => typeof action.data === "function" && action.data?.({
-      node: action,
-      caller: DECK_PLUGIN
-    })
-  }, /* @__PURE__ */ React4.createElement(Surface2, {
-    role: "menu-footer",
-    data: {
-      subject: node.data
-    }
-  })) : /* @__PURE__ */ React4.createElement(StackItem.SigilButton, null, /* @__PURE__ */ React4.createElement("span", {
-    className: "sr-only"
-  }, label), /* @__PURE__ */ React4.createElement(Icon2, {
-    icon,
-    size: 5
-  }))), breakpoint !== "desktop" && /* @__PURE__ */ React4.createElement(ToggleSidebarButton, null), /* @__PURE__ */ React4.createElement(TextTooltip, {
-    text: label,
-    onlyWhenTruncating: true
-  }, /* @__PURE__ */ React4.createElement(StackItem.HeadingLabel, {
-    attendableId,
-    related: layoutPart === "complementary",
-    ...pending && {
-      classNames: "text-description"
-    }
-  }, label)), node && layoutPart !== "complementary" && // TODO(Zan): What are we doing with layout coordinate here?
-  /* @__PURE__ */ React4.createElement(Surface2, {
-    role: "navbar-end",
-    data: {
-      subject: node.data
-    }
-  }), /* @__PURE__ */ React4.createElement(PlankControls, {
-    capabilities,
-    isSolo: layoutPart === "solo",
-    onClick: (eventType) => {
-      if (!layoutPart) {
-        return;
-      }
-      if (eventType === "solo") {
-        return dispatch(createIntent(NavigationAction.Adjust, {
-          type: eventType,
-          layoutCoordinate: {
-            part: "main",
-            entryId: coordinate.entryId
-          }
-        }));
-      } else if (eventType === "close") {
-        if (layoutPart === "complementary") {
-          return dispatch(createIntent(LayoutAction.SetLayout, {
-            element: "complementary",
-            state: false
-          }));
-        } else {
-          return dispatch(createIntent(NavigationAction.Close, {
-            activeParts: {
-              [layoutPart]: [
-                coordinate.entryId
-              ]
-            }
-          }));
-        }
-      } else {
-        return dispatch(createIntent(NavigationAction.Adjust, {
-          type: eventType,
-          layoutCoordinate: coordinate
-        }));
-      }
-    },
-    close: layoutPart === "complementary" ? "minify-end" : true
-  }, /* @__PURE__ */ React4.createElement(ToggleComplementarySidebarButton, null)));
-});
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx
-import React5 from "react";
-var PlankLoading = () => {
-  return /* @__PURE__ */ React5.createElement("div", {
-    role: "none",
-    className: "grid place-items-center attention-surface"
-  });
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx
-var PlankContentError = ({ error }) => {
-  const { t } = useTranslation4(DECK_PLUGIN);
-  const errorString = error?.toString() ?? "";
-  return /* @__PURE__ */ React6.createElement("div", {
-    role: "none",
-    className: "overflow-auto p-8 attention-surface grid place-items-center"
-  }, /* @__PURE__ */ React6.createElement("p", {
-    role: "alert",
-    className: mx(descriptionText, "break-words border border-dashed border-separator rounded-lg p-8", errorString.length < 256 && "text-lg")
-  }, error ? errorString : t("error fallback message")));
-};
-var PlankError = ({ layoutCoordinate, node, error }) => {
-  const [timedOut, setTimedOut] = useState2(false);
-  useEffect4(() => {
-    setTimeout(() => setTimedOut(true), 5e3);
-  }, []);
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(NodePlankHeading, {
-    coordinate: layoutCoordinate,
-    node,
-    pending: !timedOut
-  }), timedOut ? /* @__PURE__ */ React6.createElement(PlankContentError, {
-    error
-  }) : /* @__PURE__ */ React6.createElement(PlankLoading, null));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx
-var ComplementarySidebar = ({ panels, current }) => {
-  const { popoverAnchorId } = useLayout();
-  const attended = useAttended2();
-  const panelIds = useMemo2(() => panels.map((p) => p.id), [
-    panels
-  ]);
-  const activePanelId = panelIds.find((p) => p === current) ?? panels[0].id;
-  const activeEntryId = attended[0] ? `${attended[0]}${SLUG_PATH_SEPARATOR2}${activePanelId}` : void 0;
-  const { graph } = useGraph3();
-  const node = useNode(graph, activeEntryId);
-  const { t } = useTranslation5(DECK_PLUGIN);
-  const { dispatchPromise: dispatch } = useIntentDispatcher2();
-  useNodeActionExpander(node);
-  const [internalValue, setInternalValue] = useState3(activePanelId);
-  useEffect5(() => {
-    setInternalValue(activePanelId);
-  }, [
-    activePanelId
-  ]);
-  const handleValueChange = useCallback((nextValue) => {
-    setInternalValue(nextValue);
-    void dispatch(createIntent2(NavigationAction2.Open, {
-      activeParts: {
-        complementary: nextValue
-      }
-    }));
-  }, [
-    dispatch
-  ]);
-  return /* @__PURE__ */ React7.createElement(Main.ComplementarySidebar, {
-    classNames: "lg:block-start-[calc(env(safe-area-inset-top)+var(--rail-size))]"
-  }, /* @__PURE__ */ React7.createElement(StackContext.Provider, {
-    value: {
-      size: "contain",
-      orientation: "horizontal",
-      rail: true
-    }
-  }, /* @__PURE__ */ React7.createElement("div", {
-    role: "none",
-    className: mx2(railGridHorizontal, "grid grid-cols-[100%] bs-full")
-  }, /* @__PURE__ */ React7.createElement(Tabs.Root, {
-    orientation: "horizontal",
-    value: internalValue,
-    onValueChange: handleValueChange,
-    attendableId: attended[0],
-    classNames: "contents"
-  }, /* @__PURE__ */ React7.createElement(StackItem2.Heading, {
-    classNames: "border-be border-separator grid grid-cols-[1fr_min-content] items-stretch"
-  }, /* @__PURE__ */ React7.createElement(ScrollArea.Root, {
-    classNames: "flex-1 min-is-0"
-  }, /* @__PURE__ */ React7.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React7.createElement(Tabs.Tablist, {
-    classNames: "bs-[--rail-content] is-min items-stretch pis-[max(.5rem,env(safe-area-inset-left))] sm:pis-2"
-  }, panels.map((panel) => /* @__PURE__ */ React7.createElement(Tabs.Tab, {
-    key: panel.id,
-    value: panel.id,
-    classNames: "!min-bs-0"
-  }, toLocalizedString2(panel.label, t)))), /* @__PURE__ */ React7.createElement(ScrollArea.Scrollbar, {
-    orientation: "horizontal"
-  }, /* @__PURE__ */ React7.createElement(ScrollArea.Thumb, null)))), /* @__PURE__ */ React7.createElement(CloseComplementarySidebarButton, null)), /* @__PURE__ */ React7.createElement(ScrollArea.Root, null, /* @__PURE__ */ React7.createElement(ScrollArea.Viewport, null, panels.map((panel) => /* @__PURE__ */ React7.createElement(Tabs.Tabpanel, {
-    key: panel.id,
-    value: panel.id,
-    classNames: "pbe-[env(safe-area-inset-bottom)]"
-  }, panel.id === activePanelId && node && /* @__PURE__ */ React7.createElement(Surface3, {
-    key: activeEntryId,
-    role: `complementary--${activePanelId}`,
-    data: {
-      id: activeEntryId,
-      subject: node.properties.object ?? node.properties.space,
-      popoverAnchorId
-    },
-    fallback: PlankContentError,
-    placeholder: /* @__PURE__ */ React7.createElement(PlankLoading, null)
-  }))), /* @__PURE__ */ React7.createElement(ScrollArea.Scrollbar, {
-    orientation: "vertical"
-  }, /* @__PURE__ */ React7.createElement(ScrollArea.Thumb, null))))))));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx
-import React8 from "react";
-import { Surface as Surface4 } from "@dxos/app-framework";
-import { mx as mx3 } from "@dxos/react-ui-theme";
-var ContentEmpty = () => {
-  return /* @__PURE__ */ React8.createElement("div", {
-    role: "none",
-    className: "min-bs-screen is-dvw sm:is-full p-8 grid grid-rows-[var(--rail-size)_1fr]",
-    "data-testid": "layoutPlugin.firstRunMessage"
-  }, /* @__PURE__ */ React8.createElement("div", {
-    role: "toolbar",
-    className: mx3(soloInlinePadding, "flex items-stretch")
-  }, /* @__PURE__ */ React8.createElement(ToggleSidebarButton, null), /* @__PURE__ */ React8.createElement("span", {
-    role: "none",
-    className: "grow"
-  })), /* @__PURE__ */ React8.createElement("div", {
-    role: "none",
-    className: "grid place-items-center"
-  }, /* @__PURE__ */ React8.createElement(Surface4, {
-    role: "keyshortcuts"
-  })));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx
-import React10 from "react";
-import { Surface as Surface5 } from "@dxos/app-framework";
-import { useGraph as useGraph4 } from "@dxos/plugin-graph";
-import { fixedInsetFlexLayout } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx
-import React9 from "react";
-import { useTranslation as useTranslation6 } from "@dxos/react-ui";
-import { errorText, mx as mx4 } from "@dxos/react-ui-theme";
-var Fallback = () => {
-  const { t } = useTranslation6(DECK_PLUGIN);
-  return /* @__PURE__ */ React9.createElement("div", {
-    role: "none",
-    className: "min-bs-screen is-full flex items-center justify-center p-8"
-  }, /* @__PURE__ */ React9.createElement("p", {
-    role: "alert",
-    className: mx4(errorText, "border border-error-400/50 rounded-lg flex items-center justify-center p-8 font-normal text-lg")
-  }, t("plugin error message")));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx
-var Fullscreen = ({ id }) => {
-  const { graph } = useGraph4();
-  const fullScreenNode = useNode(graph, id);
-  return /* @__PURE__ */ React10.createElement("div", {
-    role: "none",
-    className: fixedInsetFlexLayout
-  }, /* @__PURE__ */ React10.createElement(Surface5, {
-    role: "main",
-    limit: 1,
-    fallback: Fallback,
-    data: {
-      subject: fullScreenNode?.data,
-      component: id?.startsWith(SURFACE_PREFIX) ? id.slice(SURFACE_PREFIX.length) : void 0
-    }
-  }));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx
-import React11, { memo as memo2, useCallback as useCallback2, useLayoutEffect, useMemo as useMemo3, useRef } from "react";
-import { createIntent as createIntent3, indexInPart, LayoutAction as LayoutAction2, partLength, Surface as Surface6, useIntentDispatcher as useIntentDispatcher3 } from "@dxos/app-framework";
-import { debounce } from "@dxos/async";
-import { useGraph as useGraph5 } from "@dxos/plugin-graph";
-import { useAttendableAttributes } from "@dxos/react-ui-attention";
-import { StackItem as StackItem3, railGridHorizontal as railGridHorizontal2 } from "@dxos/react-ui-stack";
-import { mainIntrinsicSize, mx as mx5 } from "@dxos/react-ui-theme";
-var UNKNOWN_ID = "unknown_id";
-var Plank = /* @__PURE__ */ memo2(({ entry, layoutParts, part, layoutMode, order }) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher3();
-  const coordinate = useMemo3(() => ({
-    part,
-    entryId: entry?.id ?? UNKNOWN_ID
-  }), [
-    entry?.id,
-    part
-  ]);
-  const { popoverAnchorId, scrollIntoView } = useLayout();
-  const { plankSizing } = useDeckContext();
-  const { graph } = useGraph5();
-  const node = useNode(graph, entry?.id);
-  const rootElement = useRef(null);
-  const canResize = layoutMode === "deck";
-  const Root = part === "solo" ? "article" : StackItem3.Root;
-  const attendableAttrs = useAttendableAttributes(coordinate.entryId);
-  const index = indexInPart(layoutParts, coordinate);
-  const length = partLength(layoutParts, part);
-  const canIncrementStart = part === "main" && index !== void 0 && index > 0 && length !== void 0 && length > 1;
-  const canIncrementEnd = part === "main" && index !== void 0 && index < length - 1 && length !== void 0;
-  const size = plankSizing?.[coordinate.entryId];
-  const setSize = useCallback2(debounce((nextSize) => {
-    return dispatch(createIntent3(DeckAction.UpdatePlankSize, {
-      id: coordinate.entryId,
-      size: nextSize
-    }));
-  }, 200), [
-    dispatch,
-    coordinate.entryId
-  ]);
-  const handleKeyDown = useCallback2((event) => {
-    if (event.target === event.currentTarget && event.key === "Escape") {
-      rootElement.current?.closest("main")?.focus();
-    }
-  }, []);
-  useLayoutEffect(() => {
-    if (scrollIntoView === coordinate.entryId) {
-      const focusable = rootElement.current?.querySelector("button") || rootElement.current;
-      focusable?.focus({
-        preventScroll: true
-      });
-      layoutMode === "deck" && focusable?.scrollIntoView({
-        behavior: "smooth",
-        inline: "center"
-      });
-      void dispatch(createIntent3(LayoutAction2.ScrollIntoView, {
-        id: void 0
-      }));
-    }
-  }, [
-    coordinate.entryId,
-    scrollIntoView,
-    layoutMode
-  ]);
-  const isSolo = layoutMode === "solo" && part === "solo";
-  const isAttendable = isSolo || layoutMode === "deck" && part === "main";
-  const sizeAttrs = useMainSize();
-  const data = useMemo3(() => node && {
-    subject: node.data,
-    path: entry?.path,
-    coordinate,
-    popoverAnchorId
-  }, [
-    node,
-    node?.data,
-    entry?.path,
-    coordinate,
-    popoverAnchorId
-  ]);
-  const placeholder = useMemo3(() => /* @__PURE__ */ React11.createElement(PlankLoading, null), []);
-  const className = mx5("attention-surface relative", isSolo && mainIntrinsicSize, isSolo && railGridHorizontal2, isSolo ? "grid absolute inset-0" : "!border-separator border-li");
-  return /* @__PURE__ */ React11.createElement(Root, {
-    ref: rootElement,
-    "data-testid": "deck.plank",
-    tabIndex: 0,
-    ...part === "solo" ? {
-      ...sizeAttrs,
-      className
-    } : {
-      item: {
-        id: entry?.id ?? "never"
-      },
-      size,
-      onSizeChange: setSize,
-      classNames: className,
-      order,
-      role: "article"
-    },
-    ...isAttendable ? attendableAttrs : {},
-    onKeyDown: handleKeyDown
-  }, node ? /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(NodePlankHeading, {
-    coordinate,
-    node,
-    canIncrementStart,
-    canIncrementEnd,
-    popoverAnchorId
-  }), /* @__PURE__ */ React11.createElement(Surface6, {
-    key: node.id,
-    role: "article",
-    data,
-    limit: 1,
-    fallback: PlankContentError,
-    placeholder
-  })) : /* @__PURE__ */ React11.createElement(PlankError, {
-    layoutCoordinate: coordinate
-  }), canResize && /* @__PURE__ */ React11.createElement(StackItem3.ResizeHandle, null));
-});
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx
-import React13, { useMemo as useMemo4 } from "react";
-import { Surface as Surface8 } from "@dxos/app-framework";
-import { Main as Main2 } from "@dxos/react-ui";
-import { mx as mx7 } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Banner.tsx
-import React12 from "react";
-import { Surface as Surface7 } from "@dxos/app-framework";
-import { mx as mx6 } from "@dxos/react-ui-theme";
-var Banner = ({ variant, classNames }) => {
-  return /* @__PURE__ */ React12.createElement("header", {
-    className: mx6("flex items-stretch relative plb-1 pis-1 pie-2", variant === "topbar" && "fixed inset-inline-0 block-start-[env(safe-area-inset-top)] bs-[--rail-size] border-be border-separator", classNames)
-  }, variant === "sidebar" ? /* @__PURE__ */ React12.createElement(CloseSidebarButton, null) : /* @__PURE__ */ React12.createElement(ToggleSidebarButton, null), /* @__PURE__ */ React12.createElement("span", {
-    className: "self-center grow mis-1"
-  }, "Composer"), variant === "topbar" && /* @__PURE__ */ React12.createElement("div", {
-    role: "none",
-    className: "absolute inset-0 pointer-events-none"
-  }, /* @__PURE__ */ React12.createElement("div", {
-    role: "none",
-    className: "grid bs-full pointer-fine:p-1 max-is-md mli-auto pointer-events-auto"
-  }, /* @__PURE__ */ React12.createElement(Surface7, {
-    role: "search-input",
-    limit: 1
-  }))), /* @__PURE__ */ React12.createElement("span", {
-    role: "none",
-    className: "grow"
-  }), /* @__PURE__ */ React12.createElement(Surface7, {
-    role: "header-end",
-    limit: 1
-  }), /* @__PURE__ */ React12.createElement(Surface7, {
-    role: "notch-start",
-    limit: 1
-  }));
-};
-
-// packages/plugins/plugin-deck/src/util/useHoistStatusbar.ts
-import { useLayoutEffect as useLayoutEffect2, useState as useState4 } from "react";
-var useHoistStatusbar = (breakpoint) => {
-  const [safeAreaBottom, setSafeAreaBottom] = useState4(Infinity);
-  useLayoutEffect2(() => setSafeAreaBottom(parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--safe-area-bottom"))), []);
-  return Number.isFinite(safeAreaBottom) && safeAreaBottom < 1 && breakpoint === "desktop";
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx
-var Sidebar = () => {
-  const layoutContext = useLayout();
-  const { popoverAnchorId } = layoutContext;
-  const breakpoint = useBreakpoints();
-  const hoistStatusbar = useHoistStatusbar(breakpoint);
-  const navigationData = useMemo4(() => ({
-    popoverAnchorId
-  }), [
-    popoverAnchorId
-  ]);
-  return /* @__PURE__ */ React13.createElement(Main2.NavigationSidebar, {
-    classNames: "grid grid-cols-1 grid-rows-[var(--rail-size)_var(--rail-action)_1fr_min-content_min-content] md:grid-rows-[var(--rail-size)_var(--rail-action)_1fr_min-content] lg:grid-rows-[1fr_min-content] overflow-hidden lg:block-start-[calc(env(safe-area-inset-top)+var(--rail-size))]"
-  }, breakpoint !== "desktop" && /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(Banner, {
-    variant: "sidebar"
-  }), /* @__PURE__ */ React13.createElement(Surface8, {
-    role: "search-input",
-    limit: 1
-  })), /* @__PURE__ */ React13.createElement("div", {
-    role: "none",
-    className: mx7("!overflow-y-auto", breakpoint !== "desktop" && "border-be border-separator")
-  }, /* @__PURE__ */ React13.createElement(Surface8, {
-    role: "navigation",
-    data: navigationData,
-    limit: 1
-  })), !hoistStatusbar && /* @__PURE__ */ React13.createElement(Surface8, {
-    role: "status-bar--sidebar-footer",
-    limit: 1
-  }));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/StatusBar.tsx
-import React14 from "react";
-import { Surface as Surface9 } from "@dxos/app-framework";
-import { mainPadding, mainPaddingTransitions, mx as mx8 } from "@dxos/react-ui-theme";
-var StatusBar = ({ showHints }) => {
-  const sizeAttrs = useMainSize();
-  return /* @__PURE__ */ React14.createElement("div", {
-    role: "contentinfo",
-    ...sizeAttrs,
-    className: mx8("fixed block-end-0 inset-inline-0 flex justify-between items-center border-bs border-separator z-[2] pbe-[env(safe-area-inset-bottom)]", mainPadding, mainPaddingTransitions)
-  }, /* @__PURE__ */ React14.createElement("div", {
-    role: "none"
-  }, showHints && /* @__PURE__ */ React14.createElement(Surface9, {
-    role: "hints",
-    limit: 1
-  })), /* @__PURE__ */ React14.createElement(Surface9, {
-    role: "status-bar",
-    limit: 1
-  }));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx
-import React15 from "react";
-import { Button as Button2, Icon as Icon3, Toast as NaturalToast, toLocalizedString as toLocalizedString3, useTranslation as useTranslation7 } from "@dxos/react-ui";
-var Toast = ({ id, title, description, icon, duration, actionLabel, actionAlt, closeLabel, onAction, onOpenChange }) => {
-  const { t } = useTranslation7(DECK_PLUGIN);
-  return /* @__PURE__ */ React15.createElement(NaturalToast.Root, {
-    "data-testid": id,
-    defaultOpen: true,
-    duration,
-    onOpenChange
-  }, /* @__PURE__ */ React15.createElement(NaturalToast.Body, null, /* @__PURE__ */ React15.createElement(NaturalToast.Title, {
-    classNames: "items-center"
-  }, icon && /* @__PURE__ */ React15.createElement(Icon3, {
-    icon,
-    size: 5,
-    classNames: "inline mr-1"
-  }), title && /* @__PURE__ */ React15.createElement("span", null, toLocalizedString3(title, t))), description && /* @__PURE__ */ React15.createElement(NaturalToast.Description, null, description && toLocalizedString3(description, t))), /* @__PURE__ */ React15.createElement(NaturalToast.Actions, null, onAction && actionAlt && actionLabel && /* @__PURE__ */ React15.createElement(NaturalToast.Action, {
-    altText: toLocalizedString3(actionAlt, t),
-    asChild: true
-  }, /* @__PURE__ */ React15.createElement(Button2, {
-    "data-testid": "toast.action",
-    variant: "primary",
-    onClick: () => onAction?.()
-  }, toLocalizedString3(actionLabel, t))), closeLabel && /* @__PURE__ */ React15.createElement(NaturalToast.Close, {
-    asChild: true
-  }, /* @__PURE__ */ React15.createElement(Button2, {
-    "data-testid": "toast.close"
-  }, toLocalizedString3(closeLabel, t)))));
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/Topbar.tsx
-import React16 from "react";
-var Topbar = () => {
-  return /* @__PURE__ */ React16.createElement(Banner, {
-    variant: "topbar"
-  });
-};
-
-// packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx
-var PlankSeparator = ({ index }) => index > 0 ? /* @__PURE__ */ React17.createElement("span", {
-  role: "separator",
-  className: "row-span-2 bg-deck is-4",
-  style: {
-    gridColumn: index * 2
-  }
-}) : null;
-var DeckLayout = ({ layoutParts, toasts, overscroll, showHints, panels, onDismissToast }) => {
-  const context = useLayout();
-  const { layoutMode, sidebarOpen, complementarySidebarOpen, dialogOpen, dialogContent, dialogBlockAlign, dialogType, popoverOpen, popoverContent, popoverAnchorId } = context;
-  const breakpoint = useBreakpoints();
-  const hoistStatusbar = useHoistStatusbar(breakpoint);
-  const { plankSizing } = useDeckContext();
-  const pluginManager = usePluginManager();
-  const fullScreenSlug = useMemo5(() => firstIdInPart(layoutParts, "fullScreen"), [
-    layoutParts
-  ]);
-  const scrollLeftRef = useRef2();
-  const deckRef = useRef2(null);
-  const isSoloModeLoaded = layoutMode === "solo" && Boolean(layoutParts.solo?.[0]);
-  useEffect6(() => {
-    const attended = untracked(() => {
-      const attention = pluginManager.context.requestCapability(AttentionCapabilities.Attention);
-      return attention.current;
-    });
-    const firstId = isSoloModeLoaded ? firstIdInPart(layoutParts, "solo") : firstIdInPart(layoutParts, "main");
-    if (attended.length === 0 && firstId) {
-      document.querySelector(`article[data-attendable-id="${firstId}"] button`)?.focus();
-    }
-  }, []);
-  const handleResize = useCallback3(() => {
-    scrollLeftRef.current = null;
-  }, []);
-  useEffect6(() => {
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, [
-    handleResize
-  ]);
-  const restoreScroll = useCallback3(() => {
-    if (deckRef.current && scrollLeftRef.current != null) {
-      deckRef.current.scrollLeft = scrollLeftRef.current;
-    }
-  }, []);
-  useOnTransition(layoutMode, (mode) => mode !== "deck", "deck", restoreScroll);
-  const handleScroll = useCallback3((event) => {
-    if (layoutMode === "deck" && event.currentTarget === event.target) {
-      scrollLeftRef.current = event.target.scrollLeft;
-    }
-  }, [
-    layoutMode
-  ]);
-  const isEmpty = (layoutParts.main?.length ?? 0) === 0 && (layoutParts.solo?.length ?? 0) === 0;
-  const padding = useMemo5(() => {
-    if (layoutMode === "deck" && overscroll === "centering") {
-      return calculateOverscroll(layoutParts.main?.length ?? 0);
-    }
-    return {};
-  }, [
-    layoutMode,
-    overscroll,
-    layoutParts.main
-  ]);
-  const Dialog = dialogType === "alert" ? AlertDialog : NaturalDialog;
-  return /* @__PURE__ */ React17.createElement(Popover2.Root, {
-    modal: true,
-    open: !!(popoverAnchorId && popoverOpen),
-    onOpenChange: (nextOpen) => {
-      if (nextOpen && popoverAnchorId) {
-        context.popoverOpen = true;
-      } else {
-        context.popoverOpen = false;
-        context.popoverAnchorId = void 0;
-      }
-    }
-  }, /* @__PURE__ */ React17.createElement(ActiveNode, null), layoutMode === "fullscreen" && /* @__PURE__ */ React17.createElement(Fullscreen, {
-    id: fullScreenSlug
-  }), layoutMode !== "fullscreen" && /* @__PURE__ */ React17.createElement(Main3.Root, {
-    navigationSidebarOpen: context.sidebarOpen,
-    onNavigationSidebarOpenChange: (next) => context.sidebarOpen = next,
-    complementarySidebarOpen: context.complementarySidebarOpen,
-    onComplementarySidebarOpenChange: (next) => context.complementarySidebarOpen = next
-  }, /* @__PURE__ */ React17.createElement(Sidebar, null), /* @__PURE__ */ React17.createElement(ComplementarySidebar, {
-    panels,
-    current: layoutParts.complementary?.[0].id
-  }), /* @__PURE__ */ React17.createElement(Main3.Overlay, null), isEmpty && /* @__PURE__ */ React17.createElement(Main3.Content, {
-    handlesFocus: true
-  }, /* @__PURE__ */ React17.createElement(ContentEmpty, null)), !isEmpty && /* @__PURE__ */ React17.createElement(Main3.Content, {
-    bounce: true,
-    classNames: [
-      "grid !block-start-[env(safe-area-inset-top)] lg:!block-start-[calc(env(safe-area-inset-top)+var(--rail-size))]",
-      hoistStatusbar && "lg:block-end-[--statusbar-size]"
-    ],
-    handlesFocus: true,
-    style: {
-      "--dx-main-sidebarWidth": sidebarOpen ? "var(--nav-sidebar-size)" : "0px",
-      "--dx-main-complementaryWidth": complementarySidebarOpen ? "var(--complementary-sidebar-size)" : "0px",
-      "--dx-main-contentFirstWidth": `${plankSizing[layoutParts.main?.[0]?.id ?? "never"] ?? DEFAULT_HORIZONTAL_SIZE}rem`,
-      "--dx-main-contentLastWidth": `${plankSizing[layoutParts.main?.[(layoutParts.main?.length ?? 1) - 1]?.id ?? "never"] ?? DEFAULT_HORIZONTAL_SIZE}rem`
-    }
-  }, /* @__PURE__ */ React17.createElement("div", {
-    role: "none",
-    className: !isSoloModeLoaded ? "relative bg-deck overflow-hidden" : "sr-only",
-    ...isSoloModeLoaded && {
-      inert: ""
-    }
-  }, /* @__PURE__ */ React17.createElement(Stack, {
-    orientation: "horizontal",
-    size: "contain",
-    classNames: [
-      "absolute inset-block-0 -inset-inline-px",
-      mainPaddingTransitions2
-    ],
-    onScroll: handleScroll,
-    itemsCount: 2 * (layoutParts.main?.length ?? 0) - 1,
-    style: padding,
-    ref: deckRef
-  }, layoutParts.main?.map((layoutEntry, index) => /* @__PURE__ */ React17.createElement(Fragment2, {
-    key: layoutEntry.id
-  }, /* @__PURE__ */ React17.createElement(PlankSeparator, {
-    index
-  }), /* @__PURE__ */ React17.createElement(Plank, {
-    entry: layoutEntry,
-    layoutParts,
-    part: "main",
-    layoutMode,
-    order: index * 2 + 1
-  }))))), /* @__PURE__ */ React17.createElement("div", {
-    role: "none",
-    className: isSoloModeLoaded ? "relative bg-deck overflow-hidden" : "sr-only",
-    ...!isSoloModeLoaded && {
-      inert: ""
-    }
-  }, /* @__PURE__ */ React17.createElement(StackContext2.Provider, {
-    value: {
-      size: "contain",
-      orientation: "horizontal",
-      rail: true
-    }
-  }, /* @__PURE__ */ React17.createElement(Plank, {
-    entry: layoutParts.solo?.[0],
-    layoutParts,
-    part: "solo",
-    layoutMode
-  })))), breakpoint === "desktop" && /* @__PURE__ */ React17.createElement(Topbar, null), hoistStatusbar && /* @__PURE__ */ React17.createElement(StatusBar, {
-    showHints
-  })), /* @__PURE__ */ React17.createElement(Popover2.Portal, null, /* @__PURE__ */ React17.createElement(Popover2.Content, {
-    onEscapeKeyDown: () => {
-      context.popoverOpen = false;
-      context.popoverAnchorId = void 0;
-    }
-  }, /* @__PURE__ */ React17.createElement(Popover2.Viewport, null, /* @__PURE__ */ React17.createElement(Surface10, {
-    role: "popover",
-    data: popoverContent,
-    limit: 1
-  })), /* @__PURE__ */ React17.createElement(Popover2.Arrow, null))), /* @__PURE__ */ React17.createElement(Dialog.Root, {
-    open: dialogOpen,
-    onOpenChange: (nextOpen) => context.dialogOpen = nextOpen
-  }, /* @__PURE__ */ React17.createElement(Dialog.Overlay, {
-    blockAlign: dialogBlockAlign
-  }, /* @__PURE__ */ React17.createElement(Surface10, {
-    role: "dialog",
-    data: dialogContent,
-    limit: 1
-  }))), toasts?.map((toast) => /* @__PURE__ */ React17.createElement(Toast, {
-    ...toast,
-    key: toast.id,
-    onOpenChange: (open) => {
-      if (!open) {
-        onDismissToast(toast.id);
-      }
-      return open;
-    }
-  })));
-};
-
-// packages/plugins/plugin-deck/src/components/LayoutSettings.tsx
-import React18 from "react";
-import { Input, Select, useTranslation as useTranslation8 } from "@dxos/react-ui";
-import { DeprecatedFormInput } from "@dxos/react-ui-form";
-var isSocket = !!globalThis.__args;
-var LayoutSettings = ({ settings }) => {
-  const { t } = useTranslation8(DECK_PLUGIN);
-  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(DeprecatedFormInput, {
-    label: t("select new plank positioning label")
-  }, /* @__PURE__ */ React18.createElement(Select.Root, {
-    value: settings.newPlankPositioning ?? "start",
-    onValueChange: (value) => settings.newPlankPositioning = value
-  }, /* @__PURE__ */ React18.createElement(Select.TriggerButton, {
-    placeholder: t("select new plank positioning placeholder")
-  }), /* @__PURE__ */ React18.createElement(Select.Portal, null, /* @__PURE__ */ React18.createElement(Select.Content, null, /* @__PURE__ */ React18.createElement(Select.Viewport, null, NewPlankPositions.map((position) => /* @__PURE__ */ React18.createElement(Select.Option, {
-    key: position,
-    value: position
-  }, t(`settings new plank position ${position} label`)))))))), /* @__PURE__ */ React18.createElement(DeprecatedFormInput, {
-    label: t("settings overscroll label")
-  }, /* @__PURE__ */ React18.createElement(Select.Root, {
-    value: settings.overscroll ?? "none",
-    onValueChange: (value) => settings.overscroll = value
-  }, /* @__PURE__ */ React18.createElement(Select.TriggerButton, {
-    placeholder: t("select overscroll placeholder")
-  }), /* @__PURE__ */ React18.createElement(Select.Portal, null, /* @__PURE__ */ React18.createElement(Select.Content, null, /* @__PURE__ */ React18.createElement(Select.Viewport, null, OverscrollOptions.map((option) => /* @__PURE__ */ React18.createElement(Select.Option, {
-    key: option,
-    value: option
-  }, t(`settings overscroll ${option} label`)))))))), /* @__PURE__ */ React18.createElement(DeprecatedFormInput, {
-    label: t("settings show hints label")
-  }, /* @__PURE__ */ React18.createElement(Input.Switch, {
-    checked: settings.showHints,
-    onCheckedChange: (checked) => settings.showHints = checked
-  })), !isSocket && /* @__PURE__ */ React18.createElement(DeprecatedFormInput, {
-    label: t("settings native redirect label")
-  }, /* @__PURE__ */ React18.createElement(Input.Switch, {
-    checked: settings.enableNativeRedirect,
-    onCheckedChange: (checked) => settings.enableNativeRedirect = checked
-  })), /* @__PURE__ */ React18.createElement(DeprecatedFormInput, {
-    label: t("settings custom slots")
-  }, /* @__PURE__ */ React18.createElement(Input.Switch, {
-    checked: settings.customSlots,
-    onCheckedChange: (checked) => settings.customSlots = checked
-  })), /* @__PURE__ */ React18.createElement(DeprecatedFormInput, {
-    label: t("settings flat deck")
-  }, /* @__PURE__ */ React18.createElement(Input.Switch, {
-    checked: settings.flatDeck,
-    onCheckedChange: (checked) => settings.flatDeck = checked
-  })));
-};
-
-export {
-  NAV_ID,
-  LayoutContext,
-  DeckContext,
-  DeckLayout,
-  LayoutSettings
-};
-//# sourceMappingURL=chunk-2M4PXYNB.mjs.map