@dxos/plugin-deck 0.8.4-main.4a85c3132b → 0.8.4-main.4f23b4e393

package/dist/lib/neutral/DeckLayout-6SICSSUF.mjs

@@ -0,0 +1,278 @@
+import {
+  Deck,
+  PlankErrorFallback
+} from "./chunk-4MYX2NT3.mjs";
+import "./chunk-GBIGQKYW.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/DeckLayout/DeckLayout.tsx
+import React5, { useCallback as useCallback3 } from "react";
+import { useAtomCapability, useOperationInvoker, usePluginManager } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Mosaic } from "@dxos/react-ui-mosaic";
+import { useDeckState as useDeckState3 } from "#hooks";
+import { DeckCapabilities, getMode } from "#types";
+
+// src/containers/DeckLayout/ActiveNode.tsx
+import React from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { AppSurface, useAppGraph } from "@dxos/app-toolkit/ui";
+import { useNode } from "@dxos/plugin-graph";
+import { useAttended } from "@dxos/react-ui-attention";
+import { useNodeActionExpander } from "#hooks";
+var ActiveNode = () => {
+  const [id] = useAttended();
+  const { graph } = useAppGraph();
+  const activeNode = useNode(graph, id);
+  useNodeActionExpander(activeNode);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "sr-only"
+  }, /* @__PURE__ */ React.createElement(Surface.Surface, {
+    type: AppSurface.DocumentTitle,
+    data: {
+      subject: activeNode
+    },
+    limit: 1
+  }));
+};
+
+// src/containers/DeckLayout/Dialog.tsx
+import React2, { useCallback } from "react";
+import { Surface as Surface2 } from "@dxos/app-framework/ui";
+import { AppSurface as AppSurface2 } from "@dxos/app-toolkit/ui";
+import { AlertDialog, Dialog as NaturalDialog } from "@dxos/react-ui";
+import { useDeckState } from "#hooks";
+var Dialog = () => {
+  const { state, updateEphemeral } = useDeckState();
+  const { dialogOpen, dialogType, dialogBlockAlign, dialogOverlayClasses, dialogOverlayStyle, dialogContent } = state;
+  const Root = dialogType === "alert" ? AlertDialog.Root : NaturalDialog.Root;
+  const Overlay = dialogType === "alert" ? AlertDialog.Overlay : NaturalDialog.Overlay;
+  const handleOpenChange = useCallback((nextOpen) => {
+    updateEphemeral((s) => ({
+      ...s,
+      dialogOpen: nextOpen
+    }));
+  }, [
+    updateEphemeral
+  ]);
+  return /* @__PURE__ */ React2.createElement(Root, {
+    modal: dialogBlockAlign !== "end",
+    open: dialogOpen,
+    onOpenChange: handleOpenChange
+  }, dialogBlockAlign === "end" ? (
+    // TODO(burdon): Placeholder creates a suspense boundary; replace with defaults.
+    /* @__PURE__ */ React2.createElement(Surface2.Surface, {
+      type: AppSurface2.Dialog,
+      data: dialogContent ?? void 0,
+      limit: 1,
+      fallback: PlankErrorFallback,
+      placeholder: /* @__PURE__ */ React2.createElement("div", null)
+    })
+  ) : /* @__PURE__ */ React2.createElement(Overlay, {
+    blockAlign: dialogBlockAlign,
+    classNames: dialogOverlayClasses,
+    style: dialogOverlayStyle
+  }, /* @__PURE__ */ React2.createElement(Surface2.Surface, {
+    type: AppSurface2.Dialog,
+    data: dialogContent ?? void 0,
+    limit: 1,
+    fallback: PlankErrorFallback
+  })));
+};
+
+// src/containers/DeckLayout/Popover.tsx
+import { createContext } from "@radix-ui/react-context";
+import * as Function from "effect/Function";
+import * as Option from "effect/Option";
+import React3, { useCallback as useCallback2, useEffect, useRef, useState } from "react";
+import { Surface as Surface3 } from "@dxos/app-framework/ui";
+import { AppSurface as AppSurface3, useObjectMenuItems } from "@dxos/app-toolkit/ui";
+import { Annotation, Obj } from "@dxos/echo";
+import { Card, Popover, toLocalizedString, Toolbar, useTranslation } from "@dxos/react-ui";
+import { Menu } from "@dxos/react-ui-menu";
+import { useDeckState as useDeckState2 } from "#hooks";
+import { meta } from "#meta";
+var DEBOUNCE_DELAY = 40;
+var [DeckPopoverProvider, useDeckPopoverContext] = createContext("DeckPopover");
+var PopoverRoot = ({ children }) => {
+  const { state } = useDeckState2();
+  const virtualRef = useRef(null);
+  const [virtualIter, setVirtualIter] = useState(0);
+  const [open, setOpen] = useState(false);
+  const debounceRef = useRef(null);
+  useEffect(() => {
+    setOpen(false);
+    if (state.popoverOpen) {
+      if (debounceRef.current) {
+        clearTimeout(debounceRef.current);
+      }
+      if (state.popoverAnchor && virtualRef.current !== state.popoverAnchor) {
+        virtualRef.current = state.popoverAnchor ?? null;
+        setVirtualIter((iter) => iter + 1);
+      }
+      debounceRef.current = setTimeout(() => setOpen(true), DEBOUNCE_DELAY);
+    }
+  }, [
+    state.popoverOpen,
+    state.popoverAnchorId,
+    state.popoverAnchor,
+    state.popoverContent
+  ]);
+  return /* @__PURE__ */ React3.createElement(DeckPopoverProvider, {
+    setOpen
+  }, /* @__PURE__ */ React3.createElement(Popover.Root, {
+    modal: false,
+    open
+  }, state.popoverAnchor && /* @__PURE__ */ React3.createElement(Popover.VirtualTrigger, {
+    key: virtualIter,
+    virtualRef
+  }), children));
+};
+var PopoverContent = () => {
+  const { t } = useTranslation(meta.id);
+  const { state, updateEphemeral } = useDeckState2();
+  const { setOpen } = useDeckPopoverContext("PopoverContent");
+  const popoverSubject = state.popoverContent && "subject" in state.popoverContent ? state.popoverContent.subject : void 0;
+  const isObjectPopover = Obj.isObject(popoverSubject);
+  const objectMenuItems = useObjectMenuItems(popoverSubject);
+  const title = state.popoverTitle ? toLocalizedString(state.popoverTitle, t) : "Unknown";
+  const icon = isObjectPopover ? Function.pipe(Obj.getSchema(popoverSubject), Option.fromNullable, Option.flatMap(Annotation.IconAnnotation.get), Option.map(({ icon: icon2 }) => icon2), Option.getOrElse(() => "ph--placeholder--regular")) : void 0;
+  const handleClose = useCallback2(() => {
+    setOpen(false);
+    updateEphemeral((state2) => ({
+      ...state2,
+      popoverOpen: false,
+      popoverAnchor: void 0,
+      popoverAnchorId: void 0,
+      popoverSide: void 0
+    }));
+  }, [
+    updateEphemeral
+  ]);
+  const handleInteractOutside = useCallback2((event) => {
+    if (
+      // TODO(thure): CodeMirror should not focus itself when it updates.
+      event.type === "dismissableLayer.focusOutside" && event.currentTarget?.classList.contains("cm-content")
+    ) {
+      event.preventDefault();
+    } else {
+      handleClose();
+    }
+  }, [
+    handleClose
+  ]);
+  return /* @__PURE__ */ React3.createElement(Popover.Portal, null, /* @__PURE__ */ React3.createElement(Popover.Content, {
+    side: state.popoverSide,
+    sticky: "always",
+    hideWhenDetached: true,
+    onInteractOutside: handleInteractOutside,
+    onEscapeKeyDown: handleInteractOutside
+  }, /* @__PURE__ */ React3.createElement(Popover.Viewport, null, state.popoverKind === "base" && state.popoverContent && "component" in state.popoverContent && /* @__PURE__ */ React3.createElement(Surface3.Surface, {
+    type: AppSurface3.Popover,
+    data: state.popoverContent,
+    limit: 1
+  }), state.popoverKind === "card" && /* @__PURE__ */ React3.createElement(Menu.Root, null, /* @__PURE__ */ React3.createElement(Card.Root, {
+    border: false,
+    classNames: "dx-card-popover"
+  }, /* @__PURE__ */ React3.createElement(Card.Toolbar, null, /* @__PURE__ */ React3.createElement(Card.IconBlock, {
+    padding: true
+  }, icon && /* @__PURE__ */ React3.createElement(Card.Icon, {
+    icon
+  })), /* @__PURE__ */ React3.createElement(Card.Title, null, title), /* @__PURE__ */ React3.createElement(Card.IconBlock, {
+    padding: true
+  }, /* @__PURE__ */ React3.createElement(Menu.Trigger, {
+    asChild: true,
+    disabled: !objectMenuItems.length
+  }, /* @__PURE__ */ React3.createElement(Toolbar.IconButton, {
+    variant: "ghost",
+    icon: "ph--dots-three-vertical--regular",
+    iconOnly: true,
+    label: "Actions"
+  })), /* @__PURE__ */ React3.createElement(Menu.Content, {
+    items: objectMenuItems
+  }))), state.popoverContent && "subject" in state.popoverContent && /* @__PURE__ */ React3.createElement(Surface3.Surface, {
+    type: AppSurface3.Card,
+    data: state.popoverContent,
+    limit: 1
+  })))), /* @__PURE__ */ React3.createElement(Popover.Arrow, null)));
+};
+
+// src/containers/DeckLayout/Toast.tsx
+import React4 from "react";
+import { Button, Icon, Toast as NaturalToast, toLocalizedString as toLocalizedString2, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { meta as meta2 } from "#meta";
+var Toast = ({ id, title, description, icon, duration, actionLabel, actionAlt, closeLabel, onAction, onOpenChange }) => {
+  const { t } = useTranslation2(meta2.id);
+  return /* @__PURE__ */ React4.createElement(NaturalToast.Root, {
+    "data-testid": id,
+    defaultOpen: true,
+    duration,
+    onOpenChange
+  }, /* @__PURE__ */ React4.createElement(NaturalToast.Body, null, /* @__PURE__ */ React4.createElement(NaturalToast.Title, {
+    classNames: "items-center"
+  }, icon && /* @__PURE__ */ React4.createElement(Icon, {
+    icon,
+    classNames: "inline mr-1"
+  }), title && /* @__PURE__ */ React4.createElement("span", null, toLocalizedString2(title, t))), description && /* @__PURE__ */ React4.createElement(NaturalToast.Description, null, description && toLocalizedString2(description, t))), /* @__PURE__ */ React4.createElement(NaturalToast.Actions, null, onAction && actionAlt && actionLabel && /* @__PURE__ */ React4.createElement(NaturalToast.Action, {
+    altText: toLocalizedString2(actionAlt, t),
+    asChild: true
+  }, /* @__PURE__ */ React4.createElement(Button, {
+    "data-testid": "toast.action",
+    variant: "primary",
+    onClick: () => onAction?.()
+  }, toLocalizedString2(actionLabel, t))), closeLabel && /* @__PURE__ */ React4.createElement(NaturalToast.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React4.createElement(Button, {
+    "data-testid": "toast.close"
+  }, toLocalizedString2(closeLabel, t)))));
+};
+var Toaster = ({ toasts, onDismissToast }) => {
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, toasts?.map((toast) => /* @__PURE__ */ React4.createElement(Toast, {
+    ...toast,
+    key: toast.id,
+    onOpenChange: (open) => {
+      if (!open) {
+        onDismissToast?.(toast.id);
+      }
+      return open;
+    }
+  })));
+};
+
+// src/containers/DeckLayout/DeckLayout.tsx
+var DeckLayout = ({ onDismissToast }) => {
+  const settings = useAtomCapability(DeckCapabilities.Settings);
+  const pluginManager = usePluginManager();
+  const { invokePromise } = useOperationInvoker();
+  const { deck, state, updateState } = useDeckState3();
+  const layoutMode = getMode(deck);
+  const { toasts } = state;
+  const handleLayoutChange = useCallback3((request) => {
+    void invokePromise(LayoutOperation.SetLayoutMode, request);
+  }, [
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React5.createElement(Mosaic.Root, null, /* @__PURE__ */ React5.createElement(PopoverRoot, null, /* @__PURE__ */ React5.createElement(ActiveNode, null), /* @__PURE__ */ React5.createElement(Deck.Root, {
+    settings,
+    pluginManager,
+    layoutMode,
+    deck,
+    state,
+    updateState,
+    onLayoutChange: handleLayoutChange
+  }, /* @__PURE__ */ React5.createElement(Deck.Content, null, /* @__PURE__ */ React5.createElement(Deck.Viewport, null, deck.solo ? /* @__PURE__ */ React5.createElement(Deck.SoloMode, null) : deck.active.length === 0 ? /* @__PURE__ */ React5.createElement(Deck.ContentEmpty, null) : /* @__PURE__ */ React5.createElement(Deck.MultiMode, null)))), /* @__PURE__ */ React5.createElement(PopoverContent, null), /* @__PURE__ */ React5.createElement(Dialog, null), /* @__PURE__ */ React5.createElement(Toaster, {
+    toasts,
+    onDismissToast
+  })));
+};
+
+// src/containers/DeckLayout/constants.ts
+var NAV_ID = "NavTree";
+
+// src/containers/DeckLayout/index.ts
+var DeckLayout_default = DeckLayout;
+export {
+  NAV_ID,
+  DeckLayout_default as default
+};
+//# sourceMappingURL=DeckLayout-6SICSSUF.mjs.map

package/dist/lib/neutral/DeckLayout-6SICSSUF.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DeckLayout/DeckLayout.tsx", "../../../src/containers/DeckLayout/ActiveNode.tsx", "../../../src/containers/DeckLayout/Dialog.tsx", "../../../src/containers/DeckLayout/Popover.tsx", "../../../src/containers/DeckLayout/Toast.tsx", "../../../src/containers/DeckLayout/constants.ts", "../../../src/containers/DeckLayout/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { useAtomCapability, useOperationInvoker, usePluginManager } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Mosaic } from '@dxos/react-ui-mosaic';\n\nimport { useDeckState } from '#hooks';\nimport { DeckCapabilities, getMode } from '#types';\n\nimport { Deck, type DeckLayoutChangeRequest } from '../Deck';\nimport { ActiveNode } from './ActiveNode';\nimport { Dialog } from './Dialog';\nimport { PopoverContent, PopoverRoot } from './Popover';\nimport { Toaster, type ToasterProps } from './Toast';\n\nexport type DeckLayoutProps = Pick<ToasterProps, 'onDismissToast'>;\n\nexport const DeckLayout = ({ onDismissToast }: DeckLayoutProps) => {\n  const settings = useAtomCapability(DeckCapabilities.Settings);\n  const pluginManager = usePluginManager();\n  const { invokePromise } = useOperationInvoker();\n  const { deck, state, updateState } = useDeckState();\n  const layoutMode = getMode(deck);\n  const { toasts } = state;\n\n  const handleLayoutChange = useCallback(\n    (request: DeckLayoutChangeRequest) => {\n      void invokePromise(LayoutOperation.SetLayoutMode, request);\n    },\n    [invokePromise],\n  );\n\n  return (\n    <Mosaic.Root>\n      <PopoverRoot>\n        <ActiveNode />\n        <Deck.Root\n          settings={settings}\n          pluginManager={pluginManager}\n          layoutMode={layoutMode}\n          deck={deck}\n          state={state}\n          updateState={updateState}\n          onLayoutChange={handleLayoutChange}\n        >\n          <Deck.Content>\n            <Deck.Viewport>\n              {deck.solo ? <Deck.SoloMode /> : deck.active.length === 0 ? <Deck.ContentEmpty /> : <Deck.MultiMode />}\n            </Deck.Viewport>\n          </Deck.Content>\n        </Deck.Root>\n        <PopoverContent />\n        <Dialog />\n        <Toaster toasts={toasts} onDismissToast={onDismissToast} />\n      </PopoverRoot>\n    </Mosaic.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface, useAppGraph } from '@dxos/app-toolkit/ui';\nimport { useNode } from '@dxos/plugin-graph';\nimport { useAttended } from '@dxos/react-ui-attention';\n\nimport { useNodeActionExpander } from '#hooks';\n\n// TODO(burdon): Factor out to effect in plugin set document title.\nexport const ActiveNode = () => {\n  const [id] = useAttended();\n  const { graph } = useAppGraph();\n  const activeNode = useNode(graph, id);\n  useNodeActionExpander(activeNode);\n\n  return (\n    <div className='sr-only'>\n      {/* TODO(wittjosiah): Weird that this is a surface, feel like it's not really render logic.\n            Probably this lives in React-land currently in order to access translations? */}\n      <Surface.Surface\n        type={AppSurface.DocumentTitle}\n        data={{ subject: activeNode } satisfies AppSurface.DocumentTitleData}\n        limit={1}\n      />\n    </div>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { AlertDialog, Dialog as NaturalDialog } from '@dxos/react-ui';\n\nimport { useDeckState } from '#hooks';\n\nimport { PlankErrorFallback } from '../Plank';\n\nexport const Dialog = () => {\n  const { state, updateEphemeral } = useDeckState();\n  const { dialogOpen, dialogType, dialogBlockAlign, dialogOverlayClasses, dialogOverlayStyle, dialogContent } = state;\n  const Root = dialogType === 'alert' ? AlertDialog.Root : NaturalDialog.Root;\n  const Overlay = dialogType === 'alert' ? AlertDialog.Overlay : NaturalDialog.Overlay;\n\n  const handleOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      updateEphemeral((s) => ({ ...s, dialogOpen: nextOpen }));\n    },\n    [updateEphemeral],\n  );\n\n  // TODO(thure): End block alignment affecting `modal` and whether the surface renders in an overlay is tailored to the needs of the ambient chat dialog. As the feature matures, consider separating concerns.\n  return (\n    <Root modal={dialogBlockAlign !== 'end'} open={dialogOpen} onOpenChange={handleOpenChange}>\n      {dialogBlockAlign === 'end' ? (\n        // TODO(burdon): Placeholder creates a suspense boundary; replace with defaults.\n        <Surface.Surface\n          type={AppSurface.Dialog}\n          data={dialogContent ?? undefined}\n          limit={1}\n          fallback={PlankErrorFallback}\n          placeholder={<div />}\n        />\n      ) : (\n        <Overlay blockAlign={dialogBlockAlign} classNames={dialogOverlayClasses} style={dialogOverlayStyle}>\n          <Surface.Surface\n            type={AppSurface.Dialog}\n            data={dialogContent ?? undefined}\n            limit={1}\n            fallback={PlankErrorFallback}\n          />\n        </Overlay>\n      )}\n    </Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport * as Function from 'effect/Function';\nimport * as Option from 'effect/Option';\nimport React, { type PropsWithChildren, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface, useObjectMenuItems } from '@dxos/app-toolkit/ui';\nimport { Annotation, Obj } from '@dxos/echo';\nimport {\n  Card,\n  Popover,\n  type PopoverContentInteractOutsideEvent,\n  toLocalizedString,\n  Toolbar,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { Menu } from '@dxos/react-ui-menu';\n\nimport { useDeckState } from '#hooks';\nimport { meta } from '#meta';\n\nconst DEBOUNCE_DELAY = 40;\n\ntype DeckPopoverContextValue = {\n  setOpen: (open: boolean) => void;\n};\n\nconst [DeckPopoverProvider, useDeckPopoverContext] = createContext<DeckPopoverContextValue>('DeckPopover');\n\nexport type PopoverRootProps = PropsWithChildren;\n\nexport const PopoverRoot = ({ children }: PopoverRootProps) => {\n  const { state } = useDeckState();\n  const virtualRef = useRef<HTMLButtonElement | null>(null);\n  const [virtualIter, setVirtualIter] = useState(0);\n  const [open, setOpen] = useState(false);\n  const debounceRef = useRef<NodeJS.Timeout | null>(null);\n\n  // TODO(thure): This is a workaround for the race condition between displaying a Popover and either rendering\n  //  the anchor further down the tree or measuring the virtual trigger's client rect.\n  useEffect(() => {\n    setOpen(false);\n    if (state.popoverOpen) {\n      if (debounceRef.current) {\n        clearTimeout(debounceRef.current);\n      }\n      if (state.popoverAnchor && virtualRef.current !== state.popoverAnchor) {\n        virtualRef.current = state.popoverAnchor ?? null;\n        setVirtualIter((iter) => iter + 1);\n      }\n      debounceRef.current = setTimeout(() => setOpen(true), DEBOUNCE_DELAY);\n    }\n  }, [state.popoverOpen, state.popoverAnchorId, state.popoverAnchor, state.popoverContent]);\n\n  return (\n    <DeckPopoverProvider setOpen={setOpen}>\n      <Popover.Root modal={false} open={open}>\n        {state.popoverAnchor && <Popover.VirtualTrigger key={virtualIter} virtualRef={virtualRef} />}\n        {children}\n      </Popover.Root>\n    </DeckPopoverProvider>\n  );\n};\n\nexport const PopoverContent = () => {\n  const { t } = useTranslation(meta.id);\n  const { state, updateEphemeral } = useDeckState();\n  const { setOpen } = useDeckPopoverContext('PopoverContent');\n  const popoverSubject =\n    state.popoverContent && 'subject' in state.popoverContent ? state.popoverContent.subject : undefined;\n  const isObjectPopover = Obj.isObject(popoverSubject);\n  const objectMenuItems = useObjectMenuItems(popoverSubject);\n  const title = state.popoverTitle ? toLocalizedString(state.popoverTitle, t) : 'Unknown';\n  const icon = isObjectPopover\n    ? Function.pipe(\n        Obj.getSchema(popoverSubject),\n        Option.fromNullable,\n        Option.flatMap(Annotation.IconAnnotation.get),\n        Option.map(({ icon }) => icon),\n        Option.getOrElse(() => 'ph--placeholder--regular'),\n      )\n    : undefined;\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n    updateEphemeral((state) => ({\n      ...state,\n      popoverOpen: false,\n      popoverAnchor: undefined,\n      popoverAnchorId: undefined,\n      popoverSide: undefined,\n    }));\n  }, [updateEphemeral]);\n\n  const handleInteractOutside = useCallback(\n    (event: KeyboardEvent | PopoverContentInteractOutsideEvent) => {\n      if (\n        // TODO(thure): CodeMirror should not focus itself when it updates.\n        event.type === 'dismissableLayer.focusOutside' &&\n        (event.currentTarget as HTMLElement | undefined)?.classList.contains('cm-content')\n      ) {\n        event.preventDefault();\n      } else {\n        handleClose();\n      }\n    },\n    [handleClose],\n  );\n\n  return (\n    <Popover.Portal>\n      <Popover.Content\n        side={state.popoverSide}\n        sticky='always'\n        hideWhenDetached\n        onInteractOutside={handleInteractOutside}\n        onEscapeKeyDown={handleInteractOutside}\n      >\n        <Popover.Viewport>\n          {/* Base popover */}\n          {state.popoverKind === 'base' && state.popoverContent && 'component' in state.popoverContent && (\n            <Surface.Surface type={AppSurface.Popover} data={state.popoverContent} limit={1} />\n          )}\n\n          {/* Card popover */}\n          {state.popoverKind === 'card' && (\n            <Menu.Root>\n              <Card.Root border={false} classNames='dx-card-popover'>\n                <Card.Toolbar>\n                  <Card.IconBlock padding>{icon && <Card.Icon icon={icon} />}</Card.IconBlock>\n                  <Card.Title>{title}</Card.Title>\n                  {/* TODO(wittjosiah): Reconcile with Card.Menu. */}\n                  <Card.IconBlock padding>\n                    <Menu.Trigger asChild disabled={!objectMenuItems.length}>\n                      <Toolbar.IconButton\n                        variant='ghost'\n                        icon='ph--dots-three-vertical--regular'\n                        iconOnly\n                        label='Actions'\n                      />\n                    </Menu.Trigger>\n                    <Menu.Content items={objectMenuItems} />\n                  </Card.IconBlock>\n                </Card.Toolbar>\n\n                {state.popoverContent && 'subject' in state.popoverContent && (\n                  <Surface.Surface type={AppSurface.Card} data={state.popoverContent} limit={1} />\n                )}\n              </Card.Root>\n            </Menu.Root>\n          )}\n        </Popover.Viewport>\n        <Popover.Arrow />\n      </Popover.Content>\n    </Popover.Portal>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type LayoutOperation } from '@dxos/app-toolkit';\nimport {\n  Button,\n  Icon,\n  Toast as NaturalToast,\n  type ToastRootProps,\n  toLocalizedString,\n  useTranslation,\n} from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\n// TODO(wittjosiah): Render remaining duration as a progress bar within the toast.\nexport const Toast = ({\n  id,\n  title,\n  description,\n  icon,\n  duration,\n  actionLabel,\n  actionAlt,\n  closeLabel,\n  onAction,\n  onOpenChange,\n}: LayoutOperation.Toast & Pick<ToastRootProps, 'onOpenChange'>) => {\n  const { t } = useTranslation(meta.id);\n\n  return (\n    <NaturalToast.Root data-testid={id} defaultOpen duration={duration} onOpenChange={onOpenChange}>\n      <NaturalToast.Body>\n        <NaturalToast.Title classNames='items-center'>\n          {icon && <Icon icon={icon} classNames='inline mr-1' />}\n          {title && <span>{toLocalizedString(title, t)}</span>}\n        </NaturalToast.Title>\n        {description && (\n          <NaturalToast.Description>{description && toLocalizedString(description, t)}</NaturalToast.Description>\n        )}\n      </NaturalToast.Body>\n      <NaturalToast.Actions>\n        {onAction && actionAlt && actionLabel && (\n          <NaturalToast.Action altText={toLocalizedString(actionAlt, t)} asChild>\n            <Button data-testid='toast.action' variant='primary' onClick={() => onAction?.()}>\n              {toLocalizedString(actionLabel, t)}\n            </Button>\n          </NaturalToast.Action>\n        )}\n        {closeLabel && (\n          <NaturalToast.Close asChild>\n            <Button data-testid='toast.close'>{toLocalizedString(closeLabel, t)}</Button>\n          </NaturalToast.Close>\n        )}\n      </NaturalToast.Actions>\n    </NaturalToast.Root>\n  );\n};\n\nexport type ToasterProps = {\n  toasts?: LayoutOperation.Toast[];\n  onDismissToast?: (id: string) => void;\n};\n\nexport const Toaster = ({ toasts, onDismissToast }: ToasterProps) => {\n  return (\n    <>\n      {toasts?.map((toast) => (\n        <Toast\n          {...toast}\n          key={toast.id}\n          onOpenChange={(open: boolean) => {\n            if (!open) {\n              onDismissToast?.(toast.id);\n            }\n\n            return open;\n          }}\n        />\n      ))}\n    </>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nexport const NAV_ID = 'NavTree';\n\nexport const SURFACE_PREFIX = 'surface:';\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { DeckLayout } from './DeckLayout';\n\nexport { NAV_ID } from './constants';\n\nexport default DeckLayout;\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useAtomCapability", "useOperationInvoker", "usePluginManager", "LayoutOperation", "Mosaic", "useDeckState", "DeckCapabilities", "getMode", "React", "Surface", "AppSurface", "useAppGraph", "useNode", "useAttended", "useNodeActionExpander", "ActiveNode", "id", "graph", "activeNode", "div", "className", "type", "DocumentTitle", "data", "subject", "limit", "React", "useCallback", "Surface", "AppSurface", "AlertDialog", "Dialog", "NaturalDialog", "useDeckState", "Dialog", "state", "updateEphemeral", "useDeckState", "dialogOpen", "dialogType", "dialogBlockAlign", "dialogOverlayClasses", "dialogOverlayStyle", "dialogContent", "Root", "AlertDialog", "NaturalDialog", "Overlay", "handleOpenChange", "useCallback", "nextOpen", "s", "React", "modal", "open", "onOpenChange", "Surface", "type", "AppSurface", "data", "undefined", "limit", "fallback", "PlankErrorFallback", "placeholder", "div", "blockAlign", "classNames", "style", "createContext", "Function", "Option", "React", "useCallback", "useEffect", "useRef", "useState", "Surface", "AppSurface", "useObjectMenuItems", "Annotation", "Obj", "Card", "Popover", "toLocalizedString", "Toolbar", "useTranslation", "Menu", "useDeckState", "meta", "DEBOUNCE_DELAY", "DeckPopoverProvider", "useDeckPopoverContext", "PopoverRoot", "children", "state", "virtualRef", "virtualIter", "setVirtualIter", "open", "setOpen", "debounceRef", "popoverOpen", "current", "clearTimeout", "popoverAnchor", "iter", "setTimeout", "popoverAnchorId", "popoverContent", "Root", "modal", "VirtualTrigger", "key", "PopoverContent", "t", "id", "updateEphemeral", "popoverSubject", "subject", "undefined", "isObjectPopover", "isObject", "objectMenuItems", "title", "popoverTitle", "icon", "pipe", "getSchema", "fromNullable", "flatMap", "IconAnnotation", "get", "map", "getOrElse", "handleClose", "popoverSide", "handleInteractOutside", "event", "type", "currentTarget", "classList", "contains", "preventDefault", "Portal", "Content", "side", "sticky", "hideWhenDetached", "onInteractOutside", "onEscapeKeyDown", "Viewport", "popoverKind", "data", "limit", "border", "classNames", "IconBlock", "padding", "Icon", "Title", "Trigger", "asChild", "disabled", "length", "IconButton", "variant", "iconOnly", "label", "items", "Arrow", "React", "Button", "Icon", "Toast", "NaturalToast", "toLocalizedString", "useTranslation", "meta", "id", "title", "description", "icon", "duration", "actionLabel", "actionAlt", "closeLabel", "onAction", "onOpenChange", "t", "Root", "data-testid", "defaultOpen", "Body", "Title", "classNames", "span", "Description", "Actions", "Action", "altText", "asChild", "variant", "onClick", "Close", "Toaster", "toasts", "onDismissToast", "map", "toast", "key", "open", "DeckLayout", "onDismissToast", "settings", "useAtomCapability", "DeckCapabilities", "Settings", "pluginManager", "usePluginManager", "invokePromise", "useOperationInvoker", "deck", "state", "updateState", "useDeckState", "layoutMode", "getMode", "toasts", "handleLayoutChange", "useCallback", "request", "LayoutOperation", "SetLayoutMode", "React", "Mosaic", "Root", "PopoverRoot", "ActiveNode", "Deck", "onLayoutChange", "Content", "Viewport", "solo", "SoloMode", "active", "length", "ContentEmpty", "MultiMode", "PopoverContent", "Dialog", "Toaster", "NAV_ID", "DeckLayout"]
+}

package/dist/lib/neutral/DeckPlugin.mjs

@@ -0,0 +1,70 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/DeckPlugin.ts
+import { setAutoFreeze } from "immer";
+import { ActivationEvent, ActivationEvents, Plugin } from "@dxos/app-framework";
+import { AppActivationEvents, AppPlugin } from "@dxos/app-toolkit";
+import { translations as stackTranslations } from "@dxos/react-ui-stack/translations";
+import { AppGraphBuilder, CheckAppScheme, DeckSettings, DeckState, OperationHandler, ReactRoot, ReactSurface, UrlHandler } from "#capabilities";
+import { meta } from "#meta";
+import { translations } from "#translations";
+import { DeckEvents } from "#types";
+setAutoFreeze(false);
+var DeckPlugin = Plugin.define(meta).pipe(
+  AppPlugin.addAppGraphModule({
+    activate: AppGraphBuilder
+  }),
+  AppPlugin.addOperationHandlerModule({
+    activate: OperationHandler
+  }),
+  AppPlugin.addSurfaceModule({
+    activate: ReactSurface
+  }),
+  AppPlugin.addTranslationsModule({
+    translations: [
+      ...translations,
+      ...stackTranslations
+    ]
+  }),
+  Plugin.addModule({
+    activatesOn: AppActivationEvents.SetupSettings,
+    firesAfterActivation: [
+      DeckEvents.SettingsReady
+    ],
+    activate: DeckSettings
+  }),
+  Plugin.addModule({
+    activatesOn: ActivationEvent.allOf(DeckEvents.SettingsReady, ActivationEvents.OperationInvokerReady),
+    activate: CheckAppScheme
+  }),
+  Plugin.addModule({
+    // TODO(wittjosiah): Does not integrate with settings store.
+    //   Should this be a different event?
+    //   Should settings store be renamed to be more generic?
+    activatesOn: ActivationEvent.oneOf(AppActivationEvents.SetupSettings, AppActivationEvents.SetupAppGraph),
+    firesAfterActivation: [
+      AppActivationEvents.LayoutReady,
+      DeckEvents.StateReady
+    ],
+    activate: DeckState
+  }),
+  Plugin.addModule({
+    activatesOn: ActivationEvents.Startup,
+    activate: ReactRoot
+  }),
+  // Plugin.addModule({
+  //   activatesOn: Events.SetupArtifactDefinition,
+  //   activate: Tools,
+  // }),
+  Plugin.addModule({
+    activatesOn: ActivationEvent.allOf(ActivationEvents.OperationInvokerReady, DeckEvents.StateReady),
+    activate: UrlHandler
+  }),
+  Plugin.make
+);
+var DeckPlugin_default = DeckPlugin;
+export {
+  DeckPlugin,
+  DeckPlugin_default as default
+};
+//# sourceMappingURL=DeckPlugin.mjs.map

package/dist/lib/neutral/DeckPlugin.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DeckPlugin.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { setAutoFreeze } from 'immer';\n\nimport { ActivationEvent, ActivationEvents, Plugin } from '@dxos/app-framework';\nimport { AppActivationEvents, AppPlugin } from '@dxos/app-toolkit';\nimport { translations as stackTranslations } from '@dxos/react-ui-stack/translations';\n\nimport {\n  AppGraphBuilder,\n  CheckAppScheme,\n  DeckSettings,\n  DeckState,\n  OperationHandler,\n  ReactRoot,\n  ReactSurface,\n  UrlHandler,\n} from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\nimport { DeckEvents } from '#types';\n\n// NOTE(Zan): When producing values with immer, we shouldn't auto-freeze them because\n//   our signal implementation needs to add some hidden properties to the produced values.\n// TODO(Zan): Move this to a more global location if we use immer more broadly.\nsetAutoFreeze(false);\n\nexport const DeckPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations: [...translations, ...stackTranslations] }),\n  Plugin.addModule({\n    activatesOn: AppActivationEvents.SetupSettings,\n    firesAfterActivation: [DeckEvents.SettingsReady],\n    activate: DeckSettings,\n  }),\n  Plugin.addModule({\n    activatesOn: ActivationEvent.allOf(DeckEvents.SettingsReady, ActivationEvents.OperationInvokerReady),\n    activate: CheckAppScheme,\n  }),\n  Plugin.addModule({\n    // TODO(wittjosiah): Does not integrate with settings store.\n    //   Should this be a different event?\n    //   Should settings store be renamed to be more generic?\n    activatesOn: ActivationEvent.oneOf(AppActivationEvents.SetupSettings, AppActivationEvents.SetupAppGraph),\n    firesAfterActivation: [AppActivationEvents.LayoutReady, DeckEvents.StateReady],\n    activate: DeckState,\n  }),\n  Plugin.addModule({\n    activatesOn: ActivationEvents.Startup,\n    activate: ReactRoot,\n  }),\n  // Plugin.addModule({\n  //   activatesOn: Events.SetupArtifactDefinition,\n  //   activate: Tools,\n  // }),\n  Plugin.addModule({\n    activatesOn: ActivationEvent.allOf(ActivationEvents.OperationInvokerReady, DeckEvents.StateReady),\n    activate: UrlHandler,\n  }),\n  Plugin.make,\n);\n\nexport default DeckPlugin;\n"],
+  "mappings": ";;;AAIA,SAASA,qBAAqB;AAE9B,SAASC,iBAAiBC,kBAAkBC,cAAc;AAC1D,SAASC,qBAAqBC,iBAAiB;AAC/C,SAASC,gBAAgBC,yBAAyB;AAElD,SACEC,iBACAC,gBACAC,cACAC,WACAC,kBACAC,WACAC,cACAC,kBACK;AACP,SAASC,YAAY;AACrB,SAASV,oBAAoB;AAC7B,SAASW,kBAAkB;AAK3BjB,cAAc,KAAA;AAEP,IAAMkB,aAAaf,OAAOgB,OAAOH,IAAAA,EAAMI;EAC5Cf,UAAUgB,kBAAkB;IAAEC,UAAUd;EAAgB,CAAA;EACxDH,UAAUkB,0BAA0B;IAAED,UAAUV;EAAiB,CAAA;EACjEP,UAAUmB,iBAAiB;IAAEF,UAAUR;EAAa,CAAA;EACpDT,UAAUoB,sBAAsB;IAAEnB,cAAc;SAAIA;SAAiBC;;EAAmB,CAAA;EACxFJ,OAAOuB,UAAU;IACfC,aAAavB,oBAAoBwB;IACjCC,sBAAsB;MAACZ,WAAWa;;IAClCR,UAAUZ;EACZ,CAAA;EACAP,OAAOuB,UAAU;IACfC,aAAa1B,gBAAgB8B,MAAMd,WAAWa,eAAe5B,iBAAiB8B,qBAAqB;IACnGV,UAAUb;EACZ,CAAA;EACAN,OAAOuB,UAAU;;;;IAIfC,aAAa1B,gBAAgBgC,MAAM7B,oBAAoBwB,eAAexB,oBAAoB8B,aAAa;IACvGL,sBAAsB;MAACzB,oBAAoB+B;MAAalB,WAAWmB;;IACnEd,UAAUX;EACZ,CAAA;EACAR,OAAOuB,UAAU;IACfC,aAAazB,iBAAiBmC;IAC9Bf,UAAUT;EACZ,CAAA;;;;;EAKAV,OAAOuB,UAAU;IACfC,aAAa1B,gBAAgB8B,MAAM7B,iBAAiB8B,uBAAuBf,WAAWmB,UAAU;IAChGd,UAAUP;EACZ,CAAA;EACAZ,OAAOmC;AAAI;AAGb,IAAA,qBAAepB;",
+  "names": ["setAutoFreeze", "ActivationEvent", "ActivationEvents", "Plugin", "AppActivationEvents", "AppPlugin", "translations", "stackTranslations", "AppGraphBuilder", "CheckAppScheme", "DeckSettings", "DeckState", "OperationHandler", "ReactRoot", "ReactSurface", "UrlHandler", "meta", "DeckEvents", "DeckPlugin", "define", "pipe", "addAppGraphModule", "activate", "addOperationHandlerModule", "addSurfaceModule", "addTranslationsModule", "addModule", "activatesOn", "SetupSettings", "firesAfterActivation", "SettingsReady", "allOf", "OperationInvokerReady", "oneOf", "SetupAppGraph", "LayoutReady", "StateReady", "Startup", "make"]
+}

package/dist/lib/neutral/DeckPlugin.node.mjs

@@ -0,0 +1,18 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/DeckPlugin.node.ts
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { AppGraphBuilder, OperationHandler } from "#capabilities";
+import { meta } from "#meta";
+var DeckPlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
+  activate: AppGraphBuilder
+}), AppPlugin.addOperationHandlerModule({
+  activate: OperationHandler
+}), Plugin.make);
+var DeckPlugin_node_default = DeckPlugin;
+export {
+  DeckPlugin,
+  DeckPlugin_node_default as default
+};
+//# sourceMappingURL=DeckPlugin.node.mjs.map

package/dist/lib/neutral/DeckPlugin.node.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DeckPlugin.node.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { AppGraphBuilder, OperationHandler } from '#capabilities';\nimport { meta } from '#meta';\n\nexport const DeckPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),\n  Plugin.make,\n);\n\nexport default DeckPlugin;\n"],
+  "mappings": ";;;AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;AAE1B,SAASC,iBAAiBC,wBAAwB;AAClD,SAASC,YAAY;AAEd,IAAMC,aAAaL,OAAOM,OAAOF,IAAAA,EAAMG,KAC5CN,UAAUO,kBAAkB;EAAEC,UAAUP;AAAgB,CAAA,GACxDD,UAAUS,0BAA0B;EAAED,UAAUN;AAAiB,CAAA,GACjEH,OAAOW,IAAI;AAGb,IAAA,0BAAeN;",
+  "names": ["Plugin", "AppPlugin", "AppGraphBuilder", "OperationHandler", "meta", "DeckPlugin", "define", "pipe", "addAppGraphModule", "activate", "addOperationHandlerModule", "make"]
+}

package/dist/lib/neutral/DeckSettings-W5I57OXM.mjs

@@ -0,0 +1,27 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/components/DeckSettings/DeckSettings.tsx
+import React from "react";
+import { useTranslation } from "@dxos/react-ui";
+import { Settings as SettingsForm } from "@dxos/react-ui-form";
+import { meta } from "#meta";
+import { Settings } from "#types";
+var isSocket = !!globalThis.__args;
+var DeckSettings = ({ settings, onSettingsChange }) => {
+  const { t } = useTranslation(meta.id);
+  return /* @__PURE__ */ React.createElement(SettingsForm.Viewport, null, /* @__PURE__ */ React.createElement(SettingsForm.Section, {
+    title: t("settings.title", {
+      ns: meta.id
+    })
+  }, /* @__PURE__ */ React.createElement(SettingsForm.FieldSet, {
+    readonly: !onSettingsChange,
+    schema: Settings.Settings,
+    visible: (path) => path !== "enableNativeRedirect" || !isSocket,
+    values: settings,
+    onValuesChanged: (values) => onSettingsChange?.(() => values)
+  })));
+};
+export {
+  DeckSettings as default
+};
+//# sourceMappingURL=DeckSettings-W5I57OXM.mjs.map

package/dist/lib/neutral/DeckSettings-W5I57OXM.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DeckSettings/DeckSettings.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Settings as SettingsForm } from '@dxos/react-ui-form';\n\nimport { meta } from '#meta';\nimport { Settings } from '#types';\n\nconst isSocket = !!(globalThis as any).__args;\n\nexport type DeckSettingsProps = AppSurface.SettingsArticleProps<Settings.Settings>;\n\nexport const DeckSettings = ({ settings, onSettingsChange }: DeckSettingsProps) => {\n  const { t } = useTranslation(meta.id);\n\n  return (\n    <SettingsForm.Viewport>\n      <SettingsForm.Section title={t('settings.title', { ns: meta.id })}>\n        <SettingsForm.FieldSet\n          readonly={!onSettingsChange}\n          schema={Settings.Settings}\n          visible={(path) => path !== 'enableNativeRedirect' || !isSocket}\n          values={settings}\n          onValuesChanged={(values) => onSettingsChange?.(() => values)}\n        />\n      </SettingsForm.Section>\n    </SettingsForm.Viewport>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAGlB,SAASC,sBAAsB;AAC/B,SAASC,YAAYC,oBAAoB;AAEzC,SAASC,YAAY;AACrB,SAASF,gBAAgB;AAEzB,IAAMG,WAAW,CAAC,CAAEC,WAAmBC;AAIhC,IAAMC,eAAe,CAAC,EAAEC,UAAUC,iBAAgB,MAAqB;AAC5E,QAAM,EAAEC,EAAC,IAAKV,eAAeG,KAAKQ,EAAE;AAEpC,SACE,sBAAA,cAACT,aAAaU,UAAQ,MACpB,sBAAA,cAACV,aAAaW,SAAO;IAACC,OAAOJ,EAAE,kBAAkB;MAAEK,IAAIZ,KAAKQ;IAAG,CAAA;KAC7D,sBAAA,cAACT,aAAac,UAAQ;IACpBC,UAAU,CAACR;IACXS,QAAQjB,SAASA;IACjBkB,SAAS,CAACC,SAASA,SAAS,0BAA0B,CAAChB;IACvDiB,QAAQb;IACRc,iBAAiB,CAACD,WAAWZ,mBAAmB,MAAMY,MAAAA;;AAKhE;",
+  "names": ["React", "useTranslation", "Settings", "SettingsForm", "meta", "isSocket", "globalThis", "__args", "DeckSettings", "settings", "onSettingsChange", "t", "id", "Viewport", "Section", "title", "ns", "FieldSet", "readonly", "schema", "visible", "path", "values", "onValuesChanged"]
+}

package/dist/lib/neutral/add-toast-2OMTFZ2L.mjs

@@ -0,0 +1,24 @@
+import {
+  DeckCapabilities_exports
+} from "./chunk-64ODQD6S.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/operations/add-toast.ts
+import * as Effect from "effect/Effect";
+import { Capabilities } from "@dxos/app-framework";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/compute";
+var handler = LayoutOperation.AddToast.pipe(Operation.withHandler(Effect.fnUntraced(function* (input) {
+  yield* Capabilities.updateAtomValue(DeckCapabilities_exports.EphemeralState, (state) => ({
+    ...state,
+    toasts: [
+      ...state.toasts,
+      input
+    ]
+  }));
+})));
+var add_toast_default = handler;
+export {
+  add_toast_default as default
+};
+//# sourceMappingURL=add-toast-2OMTFZ2L.mjs.map

package/dist/lib/neutral/add-toast-2OMTFZ2L.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/add-toast.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities } from '@dxos/app-framework';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/compute';\n\nimport { DeckCapabilities } from '../types';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.AddToast> = LayoutOperation.AddToast.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* (input) {\n      yield* Capabilities.updateAtomValue(DeckCapabilities.EphemeralState, (state) => ({\n        ...state,\n        toasts: [...state.toasts, input as LayoutOperation.Toast],\n      }));\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,oBAAoB;AAC7B,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAI1B,IAAMC,UAAkEC,gBAAgBC,SAASC,KAC/FC,UAAUC,YACDC,kBAAW,WAAWC,OAAK;AAChC,SAAOC,aAAaC,gBAAgBC,yBAAiBC,gBAAgB,CAACC,WAAW;IAC/E,GAAGA;IACHC,QAAQ;SAAID,MAAMC;MAAQN;;EAC5B,EAAA;AACF,CAAA,CAAA,CAAA;AAIJ,IAAA,oBAAeP;",
+  "names": ["Effect", "Capabilities", "LayoutOperation", "Operation", "handler", "LayoutOperation", "AddToast", "pipe", "Operation", "withHandler", "fnUntraced", "input", "Capabilities", "updateAtomValue", "DeckCapabilities", "EphemeralState", "state", "toasts"]
+}

package/dist/lib/neutral/adjust-RXTF3IT3.mjs

@@ -0,0 +1,93 @@
+import {
+  incrementPlank
+} from "./chunk-ZYYOSX5I.mjs";
+import {
+  updateActiveDeck
+} from "./chunk-GLB73Q6U.mjs";
+import {
+  DeckCapabilities_exports,
+  DeckOperation_exports,
+  PLANK_COMPANION_TYPE
+} from "./chunk-64ODQD6S.mjs";
+import {
+  computeActiveUpdates
+} from "./chunk-GBIGQKYW.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/operations/adjust.ts
+import * as Effect from "effect/Effect";
+import * as Function from "effect/Function";
+import * as Option from "effect/Option";
+import { Capabilities, Capability } from "@dxos/app-framework";
+import { AppCapabilities, LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/compute";
+import { AttentionCapabilities } from "@dxos/plugin-attention";
+import { Graph } from "@dxos/plugin-graph";
+import { byPosition } from "@dxos/util";
+var handler = DeckOperation_exports.Adjust.pipe(Operation.withHandler(Effect.fnUntraced(function* (input) {
+  const _state = yield* Capabilities.getAtomValue(DeckCapabilities_exports.State);
+  const deck = yield* DeckCapabilities_exports.getDeck();
+  const attention = yield* Capability.get(AttentionCapabilities.Attention);
+  const { graph } = yield* Capability.get(AppCapabilities.AppGraph);
+  let soloOperation;
+  if (input.type === "increment-end" || input.type === "increment-start") {
+    const next = incrementPlank(deck.active, input);
+    const { deckUpdates } = computeActiveUpdates({
+      next,
+      deck,
+      attention
+    });
+    yield* Capabilities.updateAtomValue(DeckCapabilities_exports.State, (state) => updateActiveDeck(state, deckUpdates));
+  }
+  if (input.type.startsWith("solo")) {
+    const entryId = input.id;
+    if (!deck.solo) {
+      soloOperation = {
+        type: "solo",
+        entryId,
+        mode: input.type
+      };
+    } else {
+      if (input.type === "solo--fullscreen") {
+        soloOperation = {
+          type: "solo",
+          entryId,
+          mode: "solo--fullscreen"
+        };
+      } else if (input.type === "solo") {
+        soloOperation = {
+          type: "unsolo",
+          entryId
+        };
+      }
+    }
+  }
+  if (soloOperation?.type === "solo") {
+    yield* Operation.invoke(LayoutOperation.SetLayoutMode, {
+      subject: soloOperation.entryId,
+      mode: soloOperation.mode
+    });
+  } else if (soloOperation?.type === "unsolo") {
+    yield* Operation.invoke(LayoutOperation.SetLayoutMode, {
+      mode: "multi"
+    });
+    yield* Operation.invoke(LayoutOperation.Open, {
+      subject: [
+        soloOperation.entryId
+      ]
+    });
+  }
+  if (input.type === "companion") {
+    const companion = Function.pipe(Graph.getNode(graph, input.id), Option.map((node) => Graph.getConnections(graph, node.id, "child").filter((n) => n.type === PLANK_COMPANION_TYPE).toSorted((a, b) => byPosition(a.properties, b.properties))), Option.flatMap((companions) => companions.length > 0 ? Option.some(companions[0]) : Option.none()));
+    if (Option.isSome(companion)) {
+      yield* Operation.invoke(LayoutOperation.UpdateCompanion, {
+        subject: companion.value.id
+      });
+    }
+  }
+})));
+var adjust_default = handler;
+export {
+  adjust_default as default
+};
+//# sourceMappingURL=adjust-RXTF3IT3.mjs.map