@dxos/plugin-simple-layout 0.9.0 → 0.9.1-staging.ee54ba693a

package/dist/lib/neutral/capabilities/index.mjs

@@ -4,11 +4,11 @@ import "../chunk-J5LGTIGS.mjs";
 import { Capability } from "@dxos/app-framework";
 var AppGraphBuilder = Capability.lazy("AppGraphBuilder", () => import("../app-graph-builder-MSPO34DT.mjs"));
 var OperationHandler = Capability.lazy("OperationHandler", () => import("../operation-handler-EAIE7KPR.mjs"));
-var ReactRoot = Capability.lazy("ReactRoot", () => import("../react-root-VE265VX4.mjs"));
-var ReactSurface = Capability.lazy("ReactSurface", () => import("../react-surface-N3PGKIYV.mjs"));
+var ReactRoot = Capability.lazy("ReactRoot", () => import("../react-root-JX7QKKR2.mjs"));
+var ReactSurface = Capability.lazy("ReactSurface", () => import("../react-surface-UBGUUGUS.mjs"));
 var SpotlightDismiss = Capability.lazy("SpotlightDismiss", () => import("../spotlight-dismiss-EIYW5E7M.mjs"));
 var State = Capability.lazy("State", () => import("../state-7NXKBLPY.mjs"));
-var UrlHandler = Capability.lazy("UrlHandler", () => import("../url-handler-DGZ4WISE.mjs"));
+var UrlHandler = Capability.lazy("UrlHandler", () => import("../url-handler-BJX33VLR.mjs"));
 export {
   AppGraphBuilder,
   OperationHandler,

package/dist/lib/neutral/{chunk-7UDV3JDT.mjs → chunk-5DF656PN.mjs}

@@ -1,6 +1,6 @@
 import {
   SimpleLayoutCapabilities_exports
-} from "./chunk-FD2CAY4Q.mjs";
+} from "./chunk-LLTNQSEB.mjs";
 
 // src/operations/state-access.ts
 import * as Effect from "effect/Effect";
@@ -19,4 +19,4 @@ var layoutStateAccess = Effect.gen(function* () {
 export {
   layoutStateAccess
 };
-//# sourceMappingURL=chunk-7UDV3JDT.mjs.map
+//# sourceMappingURL=chunk-5DF656PN.mjs.map

package/dist/lib/neutral/{chunk-FD2CAY4Q.mjs → chunk-LLTNQSEB.mjs}

@@ -9,7 +9,7 @@ __export(SimpleLayoutCapabilities_exports, {
 });
 import { Capability } from "@dxos/app-framework";
 import { meta } from "#meta";
-var State = Capability.make(`${meta.id}.state`);
+var State = Capability.make(`${meta.profile.key}.state`);
 
 // src/types/SimpleLayoutEvents.ts
 var SimpleLayoutEvents_exports = {};
@@ -23,4 +23,4 @@ export {
   SimpleLayoutCapabilities_exports,
   SimpleLayoutEvents_exports
 };
-//# sourceMappingURL=chunk-FD2CAY4Q.mjs.map
+//# sourceMappingURL=chunk-LLTNQSEB.mjs.map

package/dist/lib/neutral/chunk-LLTNQSEB.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/SimpleLayoutCapabilities.ts", "../../../src/types/SimpleLayoutEvents.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\n// @import-as-namespace\n\nimport { type Atom } from '@effect-atom/atom-react';\n\nimport { Capability } from '@dxos/app-framework';\nimport { type Label } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport type DrawerState = 'closed' | 'open' | 'expanded';\n\nexport type SimpleLayoutState = {\n  content?: any;\n  previousWorkspace: string;\n  workspace: string;\n  active?: string;\n  dialogOpen: boolean;\n  dialogType?: 'default' | 'alert';\n  dialogBlockAlign?: 'start' | 'center' | 'end';\n  dialogOverlayClasses?: string;\n  dialogOverlayStyle?: Record<string, any>;\n  dialogContent?: { component: string; props?: any } | null;\n  popoverOpen?: boolean;\n  popoverSide?: 'top' | 'right' | 'bottom' | 'left';\n  popoverVariant?: 'virtual' | 'react';\n  popoverAnchor?: HTMLButtonElement;\n  popoverAnchorId?: string;\n  popoverKind?: 'base' | 'card' | 'rename';\n  popoverTitle?: Label;\n  popoverContent?: { component: string; props?: any } | { subject: any } | null;\n  drawerState: DrawerState;\n  history: string[];\n  isPopover?: boolean;\n  companionVariant?: string;\n};\n\nexport const State = Capability.make<Atom.Writable<SimpleLayoutState>>(`${meta.profile.key}.state`);\n", "//\n// Copyright 2025 DXOS.org\n//\n\n// @import-as-namespace\n\nimport { type ActivationEvent } from '@dxos/app-framework';\nimport { AppActivationEvents } from '@dxos/app-toolkit';\n\nimport * as SimpleLayoutCapabilities from './SimpleLayoutCapabilities';\n\n/** Fired when State capability is ready. */\nexport const StateReady: ActivationEvent.ActivationEvent = AppActivationEvents.createStateEvent(\n  SimpleLayoutCapabilities.State.identifier,\n);\n"],
+  "mappings": ";;;;;AAAA;;;;AAQA,SAASA,kBAAkB;AAG3B,SAASC,YAAY;AA6Bd,IAAMC,QAAQF,WAAWG,KAAuC,GAAGF,KAAKG,QAAQC,GAAG,QAAQ;;;ACxClG;;;;AAOA,SAASC,2BAA2B;AAK7B,IAAMC,aAA8CC,oBAAoBC,iBACpDC,MAAMC,UAAU;",
+  "names": ["Capability", "meta", "State", "make", "profile", "key", "AppActivationEvents", "StateReady", "AppActivationEvents", "createStateEvent", "State", "identifier"]
+}

package/dist/lib/neutral/chunk-NTI42Y3O.mjs

@@ -0,0 +1,8 @@
+// src/operations/index.ts
+import { OperationHandlerSet } from "@dxos/compute";
+var SimpleLayoutOperationHandlerSet = OperationHandlerSet.lazy(() => import("./close-5ZAMG3N7.mjs"), () => import("./open-TI35QPEC.mjs"), () => import("./revert-workspace-KI6QHPTX.mjs"), () => import("./set-C4HII3NF.mjs"), () => import("./set-layout-mode-L22HRCKS.mjs"), () => import("./switch-workspace-E664GRHY.mjs"), () => import("./update-complementary-BCWHK4SM.mjs"), () => import("./update-dialog-TCKGS26T.mjs"), () => import("./update-popover-NRI2OATE.mjs"), () => import("./update-sidebar-O5SQPR6Q.mjs"));
+
+export {
+  SimpleLayoutOperationHandlerSet
+};
+//# sourceMappingURL=chunk-NTI42Y3O.mjs.map

package/dist/lib/neutral/chunk-T2JFEPBT.mjs

@@ -0,0 +1,31 @@
+// src/meta.ts
+import { Plugin } from "@dxos/app-framework";
+
+// dx.config.ts
+import { Config2 } from "@dxos/app-framework/config";
+import { trim } from "@dxos/util";
+var dx_config_default = Config2.make({
+  plugin: {
+    key: "org.dxos.plugin.simpleLayout",
+    name: "Simple Layout",
+    author: "DXOS",
+    description: trim`
+      Minimal layout plugin for simplified UI contexts like popover windows.
+      Provides basic content rendering without sidebars or complex navigation.
+    `,
+    icon: {
+      key: "ph--layout--regular"
+    },
+    tags: [
+      "system"
+    ]
+  }
+});
+
+// src/meta.ts
+var meta = Plugin.getMetaFromConfig(dx_config_default);
+
+export {
+  meta
+};
+//# sourceMappingURL=chunk-T2JFEPBT.mjs.map

package/dist/lib/neutral/chunk-T2JFEPBT.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts", "../../../dx.config.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\n\nimport config from '../dx.config';\n\nexport const meta = Plugin.getMetaFromConfig(config);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Config2 } from '@dxos/app-framework/config';\nimport { trim } from '@dxos/util';\n\nexport default Config2.make({\n  plugin: {\n    key: 'org.dxos.plugin.simpleLayout',\n    name: 'Simple Layout',\n    author: 'DXOS',\n    description: trim`\n      Minimal layout plugin for simplified UI contexts like popover windows.\n      Provides basic content rendering without sidebars or complex navigation.\n    `,\n    icon: { key: 'ph--layout--regular' },\n    tags: ['system'],\n  },\n});\n"],
+  "mappings": ";AAIA,SAASA,cAAc;;;ACAvB,SAASC,eAAe;AACxB,SAASC,YAAY;AAErB,IAAA,oBAAeD,QAAQE,KAAK;EAC1BC,QAAQ;IACNC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,aAAaN;;;;IAIbO,MAAM;MAAEJ,KAAK;IAAsB;IACnCK,MAAM;MAAC;;EACT;AACF,CAAA;;;ADXO,IAAMC,OAAOC,OAAOC,kBAAkBC,iBAAAA;",
+  "names": ["Plugin", "Config2", "trim", "make", "plugin", "key", "name", "author", "description", "icon", "tags", "meta", "Plugin", "getMetaFromConfig", "config"]
+}

package/dist/lib/neutral/{close-WKMURGUB.mjs → close-5ZAMG3N7.mjs}

@@ -1,7 +1,7 @@
 import {
   layoutStateAccess
-} from "./chunk-7UDV3JDT.mjs";
-import "./chunk-FD2CAY4Q.mjs";
+} from "./chunk-5DF656PN.mjs";
+import "./chunk-LLTNQSEB.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
 // src/operations/close.ts
@@ -32,4 +32,4 @@ var close_default = handler;
 export {
   close_default as default
 };
-//# sourceMappingURL=close-WKMURGUB.mjs.map
+//# sourceMappingURL=close-5ZAMG3N7.mjs.map

package/dist/lib/neutral/components/index.mjs

@@ -56,7 +56,7 @@ import { Card } from "@dxos/react-ui";
 import { Mosaic } from "@dxos/react-ui-mosaic";
 import { SearchPanel, useSearchListItem, useSearchListResults } from "@dxos/react-ui-search";
 import { mx } from "@dxos/ui-theme";
-import { byPosition, getHostPlatform, isTauri } from "@dxos/util";
+import { Position, getHostPlatform, isTauri } from "@dxos/util";
 import { meta } from "#meta";
 
 // src/components/hooks.ts
@@ -80,7 +80,7 @@ var useExpandPath = (nodeId) => {
 
 // src/components/Home/Home.tsx
 var Home = (_) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const userAccountItem = useItemsByDisposition("user-account")[0];
   const pinnedItems = useItemsByDisposition("pin-end", true);
   const workspaceItems = useItemsByDisposition("workspace");
@@ -119,7 +119,7 @@ var Home = (_) => {
 };
 var WorkspaceTile = (props) => {
   const data = props.data;
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const { invokePromise } = useOperationInvoker();
   const { selectedValue, registerItem, unregisterItem } = useSearchListItem();
   const name = toLocalizedString(data.properties.label, t);
@@ -161,9 +161,7 @@ var WorkspaceTile = (props) => {
     classNames: mx("dx-focus-ring", isSelected && "bg-selected-surface"),
     onClick: handleSelect,
     ref: cardRef
-  }, /* @__PURE__ */ React2.createElement(Card.Header, {
-    density: "md"
-  }, /* @__PURE__ */ React2.createElement(Avatar.Root, null, /* @__PURE__ */ React2.createElement(Avatar.Content, {
+  }, /* @__PURE__ */ React2.createElement(Card.Header, null, /* @__PURE__ */ React2.createElement(Avatar.Root, null, /* @__PURE__ */ React2.createElement(Avatar.Content, {
     icon: data.properties.icon,
     hue: data.properties.hue,
     hueVariant: "transparent",
@@ -184,7 +182,7 @@ var useItemsByDisposition = (disposition, sort = false) => {
   const connections = useConnections(graph, Node.RootId, "child");
   return useMemo(() => {
     const filtered = connections.filter((node) => filterItems(node, disposition));
-    return sort ? filtered.toSorted((a, b) => byPosition(a.properties, b.properties)) : filtered;
+    return sort ? filtered.toSorted((a, b) => Position.compare(a.properties, b.properties)) : filtered;
   }, [
     connections,
     disposition,
@@ -468,7 +466,7 @@ var PopoverRoot = ({ children }) => {
   }), children));
 };
 var PopoverContent = () => {
-  const { t } = useTranslation2(meta2.id);
+  const { t } = useTranslation2(meta2.profile.key);
   const { state, updateState } = useSimpleLayoutState();
   const { setOpen } = useLayoutPopoverContext("PopoverContent");
   const handleClose = useCallback3(() => {
@@ -512,7 +510,7 @@ var PopoverContent = () => {
     onOpenAutoFocus: (event) => event.preventDefault(),
     onInteractOutside: handleInteractOutside,
     onEscapeKeyDown: handleInteractOutside
-  }, /* @__PURE__ */ React5.createElement(Popover.Viewport, null, state.popoverKind === "base" && state.popoverContent && "component" in state.popoverContent && /* @__PURE__ */ React5.createElement(Surface.Surface, {
+  }, /* @__PURE__ */ React5.createElement(Popover.Viewport, null, (state.popoverKind === "base" || state.popoverKind === "rename") && state.popoverContent && "component" in state.popoverContent && /* @__PURE__ */ React5.createElement(Surface.Surface, {
     type: AppSurface.Popover,
     data: state.popoverContent,
     limit: 1
@@ -523,7 +521,7 @@ var PopoverContent = () => {
     action: "close",
     onClick: handleClose
   })), state.popoverContent && "subject" in state.popoverContent && /* @__PURE__ */ React5.createElement(Surface.Surface, {
-    type: AppSurface.Card,
+    type: AppSurface.CardContent,
     data: state.popoverContent,
     limit: 1
   }))), /* @__PURE__ */ React5.createElement(Popover.Arrow, null)));
@@ -539,7 +537,7 @@ import { osTranslations } from "@dxos/ui-theme";
 import { meta as meta3 } from "#meta";
 var APP_BAR_NAME = "SimpleLayout.AppBar";
 var AppBar = composable(({ classNames, title, actions, showBackButton, popoverAnchorId, onAction, onBack, ...props }, forwardedRef) => {
-  const { t } = useTranslation3(meta3.id);
+  const { t } = useTranslation3(meta3.profile.key);
   const menuActions = useMenuActions(actions);
   const actionsValue = useAtomValue(actions);
   const hasActions = actionsValue.nodes.length > 0;
@@ -571,7 +569,7 @@ var AppBar = composable(({ classNames, title, actions, showBackButton, popoverAn
     className: "text-center truncate font-thin uppercase"
   }, displayTitle), hasActions ? /* @__PURE__ */ React6.createElement(AnchorRoot, null, /* @__PURE__ */ React6.createElement(Menu.Root, {
     ...menuActions,
-    caller: meta3.id,
+    caller: meta3.profile.key,
     onAction
   }, /* @__PURE__ */ React6.createElement(Menu.Trigger, {
     asChild: true
@@ -784,11 +782,11 @@ var useSelectedCompanion = (companions, preferredVariant) => {
 var SimpleLayout = () => {
   const { state } = useSimpleLayoutState5();
   const [keyboardOpen, setKeyboardOpen] = useState3(false);
-  const [splitterMode, setSplitterMode] = useState3("top");
+  const [splitterMode, setSplitterMode] = useState3("start");
   const drawerRef = useRef4(null);
   useLayoutEffect2(() => {
     if (!keyboardOpen) {
-      setSplitterMode(state.drawerState === "closed" ? "top" : state.drawerState === "open" ? "split" : "bottom");
+      setSplitterMode(state.drawerState === "closed" ? "start" : state.drawerState === "open" ? "split" : "end");
     }
   }, [
     state.drawerState,
@@ -802,15 +800,16 @@ var SimpleLayout = () => {
   }, /* @__PURE__ */ React11.createElement(MobileLayout.Panel, {
     safe: {
       top: true,
-      bottom: splitterMode === "top"
+      bottom: splitterMode === "start"
     }
   }, /* @__PURE__ */ React11.createElement(Splitter.Root, {
+    orientation: "vertical",
     mode: splitterMode,
-    ratio: 0.55
+    size: 24
   }, /* @__PURE__ */ React11.createElement(Splitter.Panel, {
-    position: "top"
+    position: "start"
   }, /* @__PURE__ */ React11.createElement(Main, null)), /* @__PURE__ */ React11.createElement(Splitter.Panel, {
-    position: "bottom",
+    position: "end",
     ref: drawerRef
   }, /* @__PURE__ */ React11.createElement(Drawer, null))), /* @__PURE__ */ React11.createElement(Dialog, null), /* @__PURE__ */ React11.createElement(PopoverContent, null))))));
 };
@@ -828,7 +827,7 @@ import { SearchPanel as SearchPanel2, useSearchListItem as useSearchListItem2, u
 import { mx as mx3 } from "@dxos/ui-theme";
 import { meta as meta4 } from "#meta";
 var NavBranch = ({ id }) => {
-  const { t } = useTranslation4(meta4.id);
+  const { t } = useTranslation4(meta4.profile.key);
   const { graph } = useAppGraph5();
   useExpandPath(id);
   const children = useConnections2(graph, id, "child");
@@ -857,7 +856,7 @@ var NavBranch = ({ id }) => {
 };
 var NavBranchTile = (props) => {
   const data = props.data;
-  const { t } = useTranslation4(meta4.id);
+  const { t } = useTranslation4(meta4.profile.key);
   const { invokePromise } = useOperationInvoker2();
   const ref = useRef5(null);
   const { selectedValue, registerItem, unregisterItem } = useSearchListItem2();