@dxos/plugin-space 0.8.4-main.d05673bc65 → 0.8.4-main.d9fc60f731

package/dist/lib/neutral/CollectionArticle-S3OF5KJ7.mjs

@@ -0,0 +1,96 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/CollectionArticle/CollectionArticle.tsx
+import React, { useCallback, useMemo } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation, getCollectionObjectPath, getObjectPathFromObject } from "@dxos/app-toolkit";
+import { Obj } from "@dxos/echo";
+import { ScrollArea, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { Card, Toolbar } from "@dxos/react-ui";
+import { Mosaic } from "@dxos/react-ui-mosaic";
+import { SearchPanel, useSearchListResults } from "@dxos/react-ui-search";
+import { getStyles } from "@dxos/ui-theme";
+import { meta } from "#meta";
+var CollectionArticle = ({ subject, attendableId }) => {
+  const { t } = useTranslation(meta.id);
+  const { items, handleSearch } = useCollectionItems(subject, attendableId);
+  return /* @__PURE__ */ React.createElement(SearchPanel, {
+    onSearch: handleSearch
+  }, /* @__PURE__ */ React.createElement(Mosaic.Container, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    centered: true,
+    padding: true,
+    thin: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React.createElement(Mosaic.Stack, {
+    classNames: "gap-1",
+    draggable: false,
+    items,
+    getId: (item) => item.id,
+    Tile: ObjectTile
+  })))));
+};
+var ObjectTile = ({ data: item }) => {
+  const { t } = useTranslation(meta.id);
+  const { invokePromise } = useOperationInvoker();
+  const typename = Obj.getTypename(item.object) ?? "";
+  const label = Obj.getLabel(item.object) ?? toLocalizedString([
+    "object-name.placeholder",
+    {
+      ns: typename,
+      defaultValue: item.id
+    }
+  ], t);
+  const styles = item.iconHue ? getStyles(item.iconHue) : void 0;
+  const handleClick = useCallback(() => void invokePromise(LayoutOperation.Open, {
+    subject: [
+      item.targetPath
+    ]
+  }), [
+    invokePromise,
+    item.targetPath
+  ]);
+  return /* @__PURE__ */ React.createElement(Card.Root, {
+    fullWidth: true,
+    role: "button",
+    classNames: "cursor-pointer",
+    onClick: handleClick
+  }, /* @__PURE__ */ React.createElement(Card.Header, null, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
+    variant: "ghost",
+    label,
+    icon: item.icon,
+    iconOnly: true,
+    iconClassNames: styles?.fg
+  }), /* @__PURE__ */ React.createElement(Card.Title, null, label), /* @__PURE__ */ React.createElement(Card.Menu, null)));
+};
+var useCollectionItems = (collection, attendableId) => {
+  const objects = useMemo(() => (collection.objects ?? []).map((ref) => ref.target).filter((obj) => Obj.isObject(obj)), [
+    collection.objects
+  ]);
+  const items = useMemo(() => objects.map((obj) => {
+    const iconAnnotation = Obj.getIcon(obj);
+    const targetPath = attendableId ? getCollectionObjectPath(attendableId, obj.id) : getObjectPathFromObject(obj);
+    return {
+      id: Obj.getURI(obj),
+      object: obj,
+      targetPath,
+      icon: iconAnnotation?.icon ?? "ph--circle-dashed--regular",
+      iconHue: iconAnnotation?.hue
+    };
+  }), [
+    objects,
+    attendableId
+  ]);
+  const { results, handleSearch } = useSearchListResults({
+    items,
+    extract: (item) => Obj.getLabel(item.object) ?? item.id
+  });
+  return {
+    items: results,
+    handleSearch
+  };
+};
+export {
+  CollectionArticle as default
+};
+//# sourceMappingURL=CollectionArticle-S3OF5KJ7.mjs.map

package/dist/lib/neutral/CollectionArticle-S3OF5KJ7.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CollectionArticle/CollectionArticle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, getCollectionObjectPath, getObjectPathFromObject } from '@dxos/app-toolkit';\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { type Collection, Obj } from '@dxos/echo';\nimport { ScrollArea, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Card, Toolbar } from '@dxos/react-ui';\nimport { Mosaic, type MosaicStackTileComponent } from '@dxos/react-ui-mosaic';\nimport { SearchPanel, useSearchListResults } from '@dxos/react-ui-search';\nimport { getStyles } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\n/**\n * Article view for collections.\n */\nexport const CollectionArticle = ({ subject, attendableId }: AppSurface.ObjectArticleProps<Collection.Collection>) => {\n  const { t } = useTranslation(meta.id);\n  const { items, handleSearch } = useCollectionItems(subject, attendableId);\n\n  return (\n    <SearchPanel onSearch={handleSearch}>\n      <Mosaic.Container asChild>\n        <ScrollArea.Root centered padding thin>\n          <ScrollArea.Viewport>\n            <Mosaic.Stack\n              classNames='gap-1'\n              draggable={false}\n              items={items}\n              getId={(item) => item.id}\n              Tile={ObjectTile}\n            />\n          </ScrollArea.Viewport>\n        </ScrollArea.Root>\n      </Mosaic.Container>\n    </SearchPanel>\n  );\n};\n\ntype ObjectItem = {\n  id: string;\n  object: Obj.Unknown;\n  targetPath: string;\n  icon: string;\n  iconHue?: string;\n};\n\nconst ObjectTile: MosaicStackTileComponent<ObjectItem> = ({ data: item }) => {\n  const { t } = useTranslation(meta.id);\n  const { invokePromise } = useOperationInvoker();\n\n  const typename = Obj.getTypename(item.object) ?? '';\n  const label =\n    Obj.getLabel(item.object) ??\n    toLocalizedString(['object-name.placeholder', { ns: typename, defaultValue: item.id }], t);\n  const styles = item.iconHue ? getStyles(item.iconHue) : undefined;\n\n  const handleClick = useCallback(\n    () => void invokePromise(LayoutOperation.Open, { subject: [item.targetPath] }),\n    [invokePromise, item.targetPath],\n  );\n\n  return (\n    <Card.Root fullWidth role='button' classNames='cursor-pointer' onClick={handleClick}>\n      <Card.Header>\n        <Toolbar.IconButton variant='ghost' label={label} icon={item.icon} iconOnly iconClassNames={styles?.fg} />\n        <Card.Title>{label}</Card.Title>\n        <Card.Menu />\n      </Card.Header>\n    </Card.Root>\n  );\n};\n\n/**\n * Combined hook to get collection items with search/filter support.\n */\nconst useCollectionItems = (collection: Collection.Collection, attendableId?: string) => {\n  const objects = useMemo(\n    () => (collection.objects ?? []).map((ref) => ref.target).filter((obj): obj is Obj.Unknown => Obj.isObject(obj)),\n    [collection.objects],\n  );\n\n  const items = useMemo(\n    () =>\n      objects.map((obj) => {\n        const iconAnnotation = Obj.getIcon(obj);\n        const targetPath = attendableId ? getCollectionObjectPath(attendableId, obj.id) : getObjectPathFromObject(obj);\n\n        return {\n          id: Obj.getURI(obj),\n          object: obj,\n          targetPath,\n          icon: iconAnnotation?.icon ?? 'ph--circle-dashed--regular',\n          iconHue: iconAnnotation?.hue,\n        } satisfies ObjectItem;\n      }),\n    [objects, attendableId],\n  );\n\n  const { results, handleSearch } = useSearchListResults({\n    items,\n    extract: (item) => Obj.getLabel(item.object) ?? item.id,\n  });\n\n  return { items: results, handleSearch };\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "useOperationInvoker", "LayoutOperation", "getCollectionObjectPath", "getObjectPathFromObject", "Obj", "ScrollArea", "toLocalizedString", "useTranslation", "Card", "Toolbar", "Mosaic", "SearchPanel", "useSearchListResults", "getStyles", "meta", "CollectionArticle", "subject", "attendableId", "t", "id", "items", "handleSearch", "useCollectionItems", "onSearch", "Container", "asChild", "Root", "centered", "padding", "thin", "Viewport", "Stack", "classNames", "draggable", "getId", "item", "Tile", "ObjectTile", "data", "invokePromise", "typename", "getTypename", "object", "label", "getLabel", "ns", "defaultValue", "styles", "iconHue", "undefined", "handleClick", "Open", "targetPath", "fullWidth", "role", "onClick", "Header", "IconButton", "variant", "icon", "iconOnly", "iconClassNames", "fg", "Title", "Menu", "collection", "objects", "map", "ref", "target", "filter", "obj", "isObject", "iconAnnotation", "getIcon", "getURI", "hue", "results", "extract"]
+}

package/dist/lib/neutral/CollectionSection-A5WRHE5Z.mjs

@@ -0,0 +1,19 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/CollectionSection/CollectionSection.tsx
+import React from "react";
+import { useTranslation } from "@dxos/react-ui";
+import { meta } from "#meta";
+var CollectionSection = ({ role, subject }) => {
+  const { t } = useTranslation(meta.id);
+  return /* @__PURE__ */ React.createElement("div", {
+    role,
+    className: "min-h-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "truncate"
+  }, subject.name ?? t("unnamed-collection.label")));
+};
+export {
+  CollectionSection as default
+};
+//# sourceMappingURL=CollectionSection-A5WRHE5Z.mjs.map

package/dist/lib/neutral/CollectionSection-A5WRHE5Z.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CollectionSection/CollectionSection.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { type Collection } from '@dxos/echo';\nimport { useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport type CollectionSectionProps = AppSurface.ObjectSectionProps<Collection.Collection>;\n\nexport const CollectionSection = ({ role, subject }: CollectionSectionProps) => {\n  const { t } = useTranslation(meta.id);\n\n  // TODO(wittjosiah): Better placeholder.\n  return (\n    <div role={role} className='min-h-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center'>\n      <span className='truncate'>{subject.name ?? t('unnamed-collection.label')}</span>\n    </div>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAIlB,SAASC,sBAAsB;AAE/B,SAASC,YAAY;AAId,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,QAAO,MAA0B;AACzE,QAAM,EAAEC,EAAC,IAAKL,eAAeC,KAAKK,EAAE;AAGpC,SACE,sBAAA,cAACC,OAAAA;IAAIJ;IAAYK,WAAU;KACzB,sBAAA,cAACC,QAAAA;IAAKD,WAAU;KAAYJ,QAAQM,QAAQL,EAAE,0BAAA,CAAA,CAAA;AAGpD;",
+  "names": ["React", "useTranslation", "meta", "CollectionSection", "role", "subject", "t", "id", "div", "className", "span", "name"]
+}

package/dist/lib/neutral/CreateObjectDialog-APLFTWSB.mjs

@@ -0,0 +1,167 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/CreateObjectDialog/CreateObjectDialog.tsx
+import { useAtomValue } from "@effect-atom/atom-react";
+import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
+import React, { useCallback, useMemo, useRef, useState } from "react";
+import { Capability } from "@dxos/app-framework";
+import { useOperationInvoker, usePluginManager } from "@dxos/app-framework/ui";
+import { getPersonalSpace, LayoutOperation } from "@dxos/app-toolkit";
+import { PluginRegistryButton, useLayout } from "@dxos/app-toolkit/ui";
+import { Operation } from "@dxos/compute";
+import { Annotation, Database, Obj, Type } from "@dxos/echo";
+import { runAndForwardErrors } from "@dxos/effect";
+import { invariant } from "@dxos/invariant";
+import { useClient } from "@dxos/react-client";
+import { useSpaces } from "@dxos/react-client/echo";
+import { Dialog, useTranslation } from "@dxos/react-ui";
+import { ViewAnnotation } from "@dxos/schema";
+import { CreateObjectPanel } from "#components";
+import { meta } from "#meta";
+import { SpaceCapabilities } from "#types";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/CreateObjectDialog/CreateObjectDialog.tsx";
+var CREATE_OBJECT_DIALOG = `${meta.id}.CreateObjectDialog`;
+var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, views, initialFormValues, onCreateObject, shouldNavigate: _shouldNavigate, targetNodeId }) => {
+  const { t } = useTranslation(meta.id);
+  const manager = usePluginManager();
+  const operationInvoker = useOperationInvoker();
+  const { invoke } = operationInvoker;
+  const [target, setTarget] = useState(initialTarget);
+  const [typename, setTypename] = useState(initialTypename);
+  const client = useClient();
+  const spaces = useSpaces();
+  const layout = useLayout();
+  const closeRef = useRef(null);
+  const db = Database.isDatabase(target) ? target : target && Obj.getDatabase(target);
+  const schemas = db ? db.graph.registry.list().filter(Type.isType).filter((t2) => !Type.isTypeKind(t2)) : void 0;
+  const entriesByModule = useAtomValue(manager.capabilities.atomByModule(SpaceCapabilities.CreateObjectEntry));
+  const { createObjectEntries, pluginNameByEntryId } = useMemo(() => {
+    const entries = [];
+    const pluginByEntryId = /* @__PURE__ */ new Map();
+    const plugins = manager.getPlugins();
+    for (const [moduleId, contributions] of Object.entries(entriesByModule)) {
+      const owningPlugin = plugins.find((plugin) => plugin.modules.some((module) => module.id === moduleId));
+      for (const entry of contributions) {
+        entries.push(entry);
+        if (owningPlugin) {
+          pluginByEntryId.set(entry.id, owningPlugin.meta.name);
+        }
+      }
+    }
+    return {
+      createObjectEntries: entries,
+      pluginNameByEntryId: pluginByEntryId
+    };
+  }, [
+    entriesByModule,
+    manager
+  ]);
+  const resolve = useCallback((id) => createObjectEntries.find((entry) => entry.id === id), [
+    createObjectEntries
+  ]);
+  const showTypeSelector = !(typename && resolve(typename));
+  const viewTypenames = useMemo(() => {
+    const set = /* @__PURE__ */ new Set();
+    for (const schema of schemas ?? []) {
+      if (ViewAnnotation.has(schema)) {
+        set.add(Type.getTypename(schema));
+      }
+    }
+    return set;
+  }, [
+    schemas
+  ]);
+  const options = useMemo(() => createObjectEntries.filter((entry) => views === true ? viewTypenames.has(entry.id) : true).map((entry) => {
+    const type = schemas?.find((s) => Type.getTypename(s) === entry.id);
+    const schema = type && Type.getSchema(type);
+    const iconAnnotation = schema ? Annotation.IconAnnotation.get(schema).pipe(Option.getOrUndefined) : void 0;
+    return {
+      id: entry.id,
+      label: t("typename.label", {
+        ns: entry.id,
+        defaultValue: entry.id
+      }),
+      icon: iconAnnotation?.icon,
+      iconHue: iconAnnotation?.hue,
+      plugin: pluginNameByEntryId.get(entry.id)
+    };
+  }), [
+    createObjectEntries,
+    views,
+    viewTypenames,
+    schemas,
+    t,
+    pluginNameByEntryId
+  ]);
+  const handleCreateObject = useCallback(({ metadata, data = {} }) => Effect.gen(function* () {
+    if (!target) {
+      return;
+    }
+    closeRef.current?.click();
+    const db2 = Database.isDatabase(target) ? target : target && Obj.getDatabase(target);
+    invariant(db2, "Missing database", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 106, S: this, A: ["db", "'Missing database'"] });
+    const result = yield* metadata.createObject(data, {
+      db: db2,
+      target,
+      targetNodeId
+    });
+    const shouldNavigate = _shouldNavigate ?? (() => true);
+    if (result.subject.length > 0 && shouldNavigate(result.object)) {
+      if (layout.mode === "multi") {
+        yield* invoke(LayoutOperation.Set, {
+          subject: [
+            ...result.subject
+          ]
+        });
+        yield* invoke(LayoutOperation.Expose, {
+          subject: result.subject[0]
+        });
+      } else {
+        yield* invoke(LayoutOperation.Open, {
+          subject: [
+            ...result.subject
+          ],
+          navigation: "immediate"
+        });
+      }
+    }
+    onCreateObject?.(result.object);
+  }).pipe(Effect.provideService(Capability.Service, manager.capabilities), Effect.provideService(Operation.Service, operationInvoker), runAndForwardErrors), [
+    target,
+    _shouldNavigate,
+    onCreateObject,
+    manager.capabilities,
+    invoke,
+    layout.mode
+  ]);
+  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement(Dialog.Header, null, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("create-object-dialog.title", {
+    object: t("typename.label", {
+      ns: typename,
+      defaultValue: views ? "View" : "Object"
+    })
+  })), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Dialog.ActionIconButton, {
+    action: "close",
+    ref: closeRef
+  }))), /* @__PURE__ */ React.createElement(Dialog.Body, null, /* @__PURE__ */ React.createElement(CreateObjectPanel, {
+    options,
+    spaces,
+    target,
+    typename,
+    initialFormValues,
+    defaultSpaceId: getPersonalSpace(client)?.id ?? client.spaces.get()[0]?.id,
+    resolve,
+    onCreateObject: handleCreateObject,
+    onTargetChange: setTarget,
+    onTypenameChange: setTypename
+  })), showTypeSelector && /* @__PURE__ */ React.createElement(Dialog.ActionBar, null, /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(PluginRegistryButton, null))));
+};
+export {
+  CreateObjectDialog,
+  CreateObjectDialog as default
+};
+//# sourceMappingURL=CreateObjectDialog-APLFTWSB.mjs.map

package/dist/lib/neutral/CreateObjectDialog-APLFTWSB.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CreateObjectDialog/CreateObjectDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport * as Effect from 'effect/Effect';\nimport * as Option from 'effect/Option';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { Capability } from '@dxos/app-framework';\nimport { useOperationInvoker, usePluginManager } from '@dxos/app-framework/ui';\nimport { getPersonalSpace, LayoutOperation } from '@dxos/app-toolkit';\nimport { PluginRegistryButton, useLayout } from '@dxos/app-toolkit/ui';\nimport { Operation } from '@dxos/compute';\nimport { Annotation, Collection, Database, Obj, Type } from '@dxos/echo';\nimport { runAndForwardErrors } from '@dxos/effect';\nimport { invariant } from '@dxos/invariant';\nimport { useClient } from '@dxos/react-client';\nimport { useSpaces } from '@dxos/react-client/echo';\nimport { Dialog, useTranslation } from '@dxos/react-ui';\nimport { ViewAnnotation } from '@dxos/schema';\n\nimport { type CreateObjectOption, CreateObjectPanel, type CreateObjectPanelProps } from '#components';\nimport { meta } from '#meta';\nimport { SpaceCapabilities } from '#types';\n\nexport const CREATE_OBJECT_DIALOG = `${meta.id}.CreateObjectDialog`;\n\nexport type CreateObjectDialogProps = Pick<CreateObjectPanelProps, 'target' | 'typename' | 'initialFormValues'> & {\n  views?: boolean;\n  onCreateObject?: (object: Obj.Unknown) => void;\n  shouldNavigate?: (object: Obj.Unknown) => boolean;\n  targetNodeId?: string;\n};\n\nexport const CreateObjectDialog = ({\n  target: initialTarget,\n  typename: initialTypename,\n  views,\n  initialFormValues,\n  onCreateObject,\n  shouldNavigate: _shouldNavigate,\n  targetNodeId,\n}: CreateObjectDialogProps) => {\n  const { t } = useTranslation(meta.id);\n  const manager = usePluginManager();\n  const operationInvoker = useOperationInvoker();\n  const { invoke } = operationInvoker;\n  const [target, setTarget] = useState<Database.Database | Collection.Collection | undefined>(initialTarget);\n  const [typename, setTypename] = useState<string | undefined>(initialTypename);\n  const client = useClient();\n  const spaces = useSpaces();\n  const layout = useLayout();\n  const closeRef = useRef<HTMLButtonElement | null>(null);\n\n  const db = Database.isDatabase(target) ? target : target && Obj.getDatabase(target);\n  // TODO(wittjosiah): Support database schemas.\n  const schemas = db\n    ? db.graph.registry\n        .list()\n        .filter(Type.isType)\n        .filter((t) => !Type.isTypeKind(t))\n    : undefined;\n\n  const entriesByModule = useAtomValue(manager.capabilities.atomByModule(SpaceCapabilities.CreateObjectEntry));\n\n  const { createObjectEntries, pluginNameByEntryId } = useMemo(() => {\n    const entries: SpaceCapabilities.CreateObjectEntry[] = [];\n    const pluginByEntryId = new Map<string, string>();\n    const plugins = manager.getPlugins();\n    for (const [moduleId, contributions] of Object.entries(entriesByModule)) {\n      const owningPlugin = plugins.find((plugin) => plugin.modules.some((module) => module.id === moduleId));\n      for (const entry of contributions) {\n        entries.push(entry);\n        if (owningPlugin) {\n          pluginByEntryId.set(entry.id, owningPlugin.meta.name);\n        }\n      }\n    }\n    return { createObjectEntries: entries, pluginNameByEntryId: pluginByEntryId };\n  }, [entriesByModule, manager]);\n\n  const resolve = useCallback<NonNullable<CreateObjectPanelProps['resolve']>>(\n    (id) => createObjectEntries.find((entry) => entry.id === id),\n    [createObjectEntries],\n  );\n\n  // The type selector is shown while no type has been resolved; the registry button is only relevant then.\n  const showTypeSelector = !(typename && resolve(typename));\n\n  const viewTypenames = useMemo(() => {\n    const set = new Set<string>();\n    for (const schema of schemas ?? []) {\n      if (ViewAnnotation.has(schema)) {\n        set.add(Type.getTypename(schema));\n      }\n    }\n    return set;\n  }, [schemas]);\n\n  const options = useMemo<CreateObjectOption[]>(\n    () =>\n      createObjectEntries\n        .filter((entry) => (views === true ? viewTypenames.has(entry.id) : true))\n        .map((entry) => {\n          const type = schemas?.find((s) => Type.getTypename(s) === entry.id);\n          const schema = type && Type.getSchema(type);\n          const iconAnnotation = schema ? Annotation.IconAnnotation.get(schema).pipe(Option.getOrUndefined) : undefined;\n          return {\n            id: entry.id,\n            label: t('typename.label', { ns: entry.id, defaultValue: entry.id }),\n            icon: iconAnnotation?.icon,\n            iconHue: iconAnnotation?.hue,\n            plugin: pluginNameByEntryId.get(entry.id),\n          };\n        }),\n    [createObjectEntries, views, viewTypenames, schemas, t, pluginNameByEntryId],\n  );\n\n  const handleCreateObject = useCallback<NonNullable<CreateObjectPanelProps['onCreateObject']>>(\n    ({ metadata, data = {} }) =>\n      Effect.gen(function* () {\n        if (!target) {\n          // TODO(wittjosiah): UI feedback.\n          return;\n        }\n\n        // NOTE: Must close before navigating or attention won't follow object.\n        closeRef.current?.click();\n\n        const db = Database.isDatabase(target) ? target : target && Obj.getDatabase(target);\n        invariant(db, 'Missing database');\n        const result = yield* metadata.createObject(data, { db, target, targetNodeId });\n        const shouldNavigate = _shouldNavigate ?? (() => true);\n        if (result.subject.length > 0 && shouldNavigate(result.object)) {\n          if (layout.mode === 'multi') {\n            yield* invoke(LayoutOperation.Set, {\n              subject: [...result.subject],\n            });\n            yield* invoke(LayoutOperation.Expose, {\n              subject: result.subject[0],\n            });\n          } else {\n            yield* invoke(LayoutOperation.Open, {\n              subject: [...result.subject],\n              navigation: 'immediate',\n            });\n          }\n        }\n\n        onCreateObject?.(result.object);\n      }).pipe(\n        Effect.provideService(Capability.Service, manager.capabilities),\n        Effect.provideService(Operation.Service, operationInvoker),\n        runAndForwardErrors,\n      ),\n    [target, _shouldNavigate, onCreateObject, manager.capabilities, invoke, layout.mode],\n  );\n\n  return (\n    <Dialog.Content>\n      <Dialog.Header>\n        <Dialog.Title>\n          {t('create-object-dialog.title', {\n            object: t('typename.label', { ns: typename, defaultValue: views ? 'View' : 'Object' }),\n          })}\n        </Dialog.Title>\n        <Dialog.Close asChild>\n          <Dialog.ActionIconButton action='close' ref={closeRef} />\n        </Dialog.Close>\n      </Dialog.Header>\n      <Dialog.Body>\n        <CreateObjectPanel\n          options={options}\n          spaces={spaces}\n          target={target}\n          typename={typename}\n          initialFormValues={initialFormValues}\n          defaultSpaceId={getPersonalSpace(client)?.id ?? client.spaces.get()[0]?.id}\n          resolve={resolve}\n          onCreateObject={handleCreateObject}\n          onTargetChange={setTarget}\n          onTypenameChange={setTypename}\n        />\n      </Dialog.Body>\n      {showTypeSelector && (\n        <Dialog.ActionBar>\n          <Dialog.Close asChild>\n            <PluginRegistryButton />\n          </Dialog.Close>\n        </Dialog.ActionBar>\n      )}\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["useAtomValue", "Effect", "Option", "React", "useCallback", "useMemo", "useRef", "useState", "Capability", "useOperationInvoker", "usePluginManager", "getPersonalSpace", "LayoutOperation", "PluginRegistryButton", "useLayout", "Operation", "Annotation", "Database", "Obj", "Type", "runAndForwardErrors", "invariant", "useClient", "useSpaces", "Dialog", "useTranslation", "ViewAnnotation", "CreateObjectPanel", "meta", "SpaceCapabilities", "CREATE_OBJECT_DIALOG", "id", "manager", "operationInvoker", "initialTarget", "typename", "setTypename", "client", "spaces", "layout", "closeRef", "db", "isDatabase", "schemas", "registry", "list", "filter", "isType", "t", "createObjectEntries", "pluginNameByEntryId", "Map", "plugins", "contributions", "owningPlugin", "find", "entry", "entries", "pluginByEntryId", "entriesByModule", "Set", "schema", "set", "getTypename", "type", "iconAnnotation", "IconAnnotation", "label", "ns", "defaultValue", "icon", "iconHue", "plugin", "views", "viewTypenames", "result", "createObject", "target", "targetNodeId", "invoke", "subject", "navigation", "onCreateObject", "pipe", "_shouldNavigate", "mode", "asChild", "ActionIconButton", "action", "options", "initialFormValues", "defaultSpaceId", "resolve", "handleCreateObject", "onTargetChange", "onTypenameChange", "showTypeSelector"]
+}

package/dist/lib/neutral/CreateSpaceDialog-WPKMRZH3.mjs

@@ -0,0 +1,57 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/CreateSpaceDialog/CreateSpaceDialog.tsx
+import * as Effect from "effect/Effect";
+import React, { useCallback, useRef } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation, getSpacePath } from "@dxos/app-toolkit";
+import { runAndForwardErrors } from "@dxos/effect";
+import { Dialog, useTranslation } from "@dxos/react-ui";
+import { Form } from "@dxos/react-ui-form";
+import { useInputSurfaceLookup } from "#hooks";
+import { meta } from "#meta";
+import { SpaceOperation } from "#operations";
+import { SpaceForm } from "#types";
+var CREATE_SPACE_DIALOG = `${meta.id}.CreateSpaceDialog`;
+var initialValues = {
+  edgeReplication: true
+};
+var CreateSpaceDialog = () => {
+  const closeRef = useRef(null);
+  const { t } = useTranslation(meta.id);
+  const { invokePromise } = useOperationInvoker();
+  const inputSurfaceLookup = useInputSurfaceLookup();
+  const handleCreateSpace = useCallback(async (data) => {
+    const program = Effect.gen(function* () {
+      const { data: result } = yield* Effect.promise(() => invokePromise(SpaceOperation.Create, data));
+      if (result?.space) {
+        yield* Effect.promise(() => invokePromise(LayoutOperation.SwitchWorkspace, {
+          subject: getSpacePath(result.space.id)
+        }));
+        yield* Effect.promise(() => invokePromise(LayoutOperation.UpdateDialog, {
+          state: false
+        }));
+      }
+    });
+    await runAndForwardErrors(program);
+  }, [
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement(Dialog.Header, null, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("create-space-dialog.title")), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Dialog.ActionIconButton, {
+    action: "close",
+    ref: closeRef
+  }))), /* @__PURE__ */ React.createElement(Dialog.Body, null, /* @__PURE__ */ React.createElement(Form.Root, {
+    testId: "create-space-form",
+    autoFocus: true,
+    schema: SpaceForm,
+    defaultValues: initialValues,
+    fieldProvider: inputSurfaceLookup,
+    onSave: handleCreateSpace
+  }, /* @__PURE__ */ React.createElement(Form.Viewport, null, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.FieldSet, null), /* @__PURE__ */ React.createElement(Form.Submit, null))))));
+};
+export {
+  CreateSpaceDialog as default
+};
+//# sourceMappingURL=CreateSpaceDialog-WPKMRZH3.mjs.map

package/dist/lib/neutral/CreateSpaceDialog-WPKMRZH3.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CreateSpaceDialog/CreateSpaceDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport type * as Schema from 'effect/Schema';\nimport React, { useCallback, useRef } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, getSpacePath } from '@dxos/app-toolkit';\nimport { runAndForwardErrors } from '@dxos/effect';\nimport { Dialog, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\n\nimport { useInputSurfaceLookup } from '#hooks';\nimport { meta } from '#meta';\nimport { SpaceOperation } from '#operations';\nimport { SpaceForm } from '#types';\n\nexport const CREATE_SPACE_DIALOG = `${meta.id}.CreateSpaceDialog`;\n\ntype FormValues = Schema.Schema.Type<typeof SpaceForm>;\nconst initialValues: FormValues = { edgeReplication: true };\n\nexport const CreateSpaceDialog = () => {\n  const closeRef = useRef<HTMLButtonElement | null>(null);\n  const { t } = useTranslation(meta.id);\n  const { invokePromise } = useOperationInvoker();\n\n  const inputSurfaceLookup = useInputSurfaceLookup();\n\n  const handleCreateSpace = useCallback(\n    async (data: FormValues) => {\n      const program = Effect.gen(function* () {\n        const { data: result } = yield* Effect.promise(() => invokePromise(SpaceOperation.Create, data));\n        if (result?.space) {\n          yield* Effect.promise(() =>\n            invokePromise(LayoutOperation.SwitchWorkspace, { subject: getSpacePath(result.space.id) }),\n          );\n          yield* Effect.promise(() => invokePromise(LayoutOperation.UpdateDialog, { state: false }));\n        }\n      });\n      await runAndForwardErrors(program);\n    },\n    [invokePromise],\n  );\n\n  return (\n    <Dialog.Content>\n      <Dialog.Header>\n        <Dialog.Title>{t('create-space-dialog.title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <Dialog.ActionIconButton action='close' ref={closeRef} />\n        </Dialog.Close>\n      </Dialog.Header>\n      <Dialog.Body>\n        <Form.Root\n          testId='create-space-form'\n          autoFocus\n          schema={SpaceForm}\n          defaultValues={initialValues}\n          fieldProvider={inputSurfaceLookup}\n          onSave={handleCreateSpace}\n        >\n          <Form.Viewport>\n            <Form.Content>\n              <Form.FieldSet />\n              <Form.Submit />\n            </Form.Content>\n          </Form.Viewport>\n        </Form.Root>\n      </Dialog.Body>\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": ";;;AAIA,YAAYA,YAAY;AAExB,OAAOC,SAASC,aAAaC,cAAc;AAE3C,SAASC,2BAA2B;AACpC,SAASC,iBAAiBC,oBAAoB;AAC9C,SAASC,2BAA2B;AACpC,SAASC,QAAQC,sBAAsB;AACvC,SAASC,YAAY;AAErB,SAASC,6BAA6B;AACtC,SAASC,YAAY;AACrB,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAEnB,IAAMC,sBAAsB,GAAGH,KAAKI,EAAE;AAG7C,IAAMC,gBAA4B;EAAEC,iBAAiB;AAAK;AAEnD,IAAMC,oBAAoB,MAAA;AAC/B,QAAMC,WAAWjB,OAAiC,IAAA;AAClD,QAAM,EAAEkB,EAAC,IAAKZ,eAAeG,KAAKI,EAAE;AACpC,QAAM,EAAEM,cAAa,IAAKlB,oBAAAA;AAE1B,QAAMmB,qBAAqBZ,sBAAAA;AAE3B,QAAMa,oBAAoBtB,YACxB,OAAOuB,SAAAA;AACL,UAAMC,UAAiBC,WAAI,aAAA;AACzB,YAAM,EAAEF,MAAMG,OAAM,IAAK,OAAcC,eAAQ,MAAMP,cAAcT,eAAeiB,QAAQL,IAAAA,CAAAA;AAC1F,UAAIG,QAAQG,OAAO;AACjB,eAAcF,eAAQ,MACpBP,cAAcjB,gBAAgB2B,iBAAiB;UAAEC,SAAS3B,aAAasB,OAAOG,MAAMf,EAAE;QAAE,CAAA,CAAA;AAE1F,eAAca,eAAQ,MAAMP,cAAcjB,gBAAgB6B,cAAc;UAAEC,OAAO;QAAM,CAAA,CAAA;MACzF;IACF,CAAA;AACA,UAAM5B,oBAAoBmB,OAAAA;EAC5B,GACA;IAACJ;GAAc;AAGjB,SACE,sBAAA,cAACd,OAAO4B,SAAO,MACb,sBAAA,cAAC5B,OAAO6B,QAAM,MACZ,sBAAA,cAAC7B,OAAO8B,OAAK,MAAEjB,EAAE,2BAAA,CAAA,GACjB,sBAAA,cAACb,OAAO+B,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAAChC,OAAOiC,kBAAgB;IAACC,QAAO;IAAQC,KAAKvB;QAGjD,sBAAA,cAACZ,OAAOoC,MAAI,MACV,sBAAA,cAAClC,KAAKmC,MAAI;IACRC,QAAO;IACPC,WAAAA;IACAC,QAAQlC;IACRmC,eAAehC;IACfiC,eAAe3B;IACf4B,QAAQ3B;KAER,sBAAA,cAACd,KAAK0C,UAAQ,MACZ,sBAAA,cAAC1C,KAAK0B,SAAO,MACX,sBAAA,cAAC1B,KAAK2C,UAAQ,IAAA,GACd,sBAAA,cAAC3C,KAAK4C,QAAM,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAO1B;",
+  "names": ["Effect", "React", "useCallback", "useRef", "useOperationInvoker", "LayoutOperation", "getSpacePath", "runAndForwardErrors", "Dialog", "useTranslation", "Form", "useInputSurfaceLookup", "meta", "SpaceOperation", "SpaceForm", "CREATE_SPACE_DIALOG", "id", "initialValues", "edgeReplication", "CreateSpaceDialog", "closeRef", "t", "invokePromise", "inputSurfaceLookup", "handleCreateSpace", "data", "program", "gen", "result", "promise", "Create", "space", "SwitchWorkspace", "subject", "UpdateDialog", "state", "Content", "Header", "Title", "Close", "asChild", "ActionIconButton", "action", "ref", "Body", "Root", "testId", "autoFocus", "schema", "defaultValues", "fieldProvider", "onSave", "Viewport", "FieldSet", "Submit"]
+}

package/dist/lib/neutral/EntityRenamePopover-MYSW262F.mjs

@@ -0,0 +1,59 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/EntityRenamePopover/EntityRenamePopover.tsx
+import React, { useCallback, useRef, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Entity } from "@dxos/echo";
+import { log } from "@dxos/log";
+import { Button, Input, useTranslation } from "@dxos/react-ui";
+import { osTranslations } from "@dxos/ui-theme";
+import { meta } from "#meta";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/EntityRenamePopover/EntityRenamePopover.tsx";
+var ENTITY_RENAME_POPOVER = `${meta.id}.EntityRenamePopover`;
+var EntityRenamePopover = ({ entity }) => {
+  const { t } = useTranslation(meta.id);
+  const doneButton = useRef(null);
+  const [name, setName] = useState(Entity.getLabel(entity));
+  const { invokePromise } = useOperationInvoker();
+  const handleDone = useCallback(() => {
+    try {
+      name && Entity.update(entity, () => Entity.setLabel(entity, name));
+    } catch (err) {
+      log.error("Failed to rename entity", {
+        err
+      }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 22, S: void 0 });
+    }
+    void invokePromise(LayoutOperation.UpdatePopover, {
+      anchorId: "",
+      state: false
+    });
+  }, [
+    entity,
+    name,
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "p-2 flex gap-2"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex-1"
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, {
+    srOnly: true
+  }, t("object-name.label")), /* @__PURE__ */ React.createElement(Input.TextInput, {
+    placeholder: t("object.placeholder"),
+    value: name,
+    "data-testid": "spacePlugin.renameObject.input",
+    onChange: ({ target: { value } }) => setName(value),
+    onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
+  }))), /* @__PURE__ */ React.createElement(Button, {
+    ref: doneButton,
+    classNames: "self-stretch",
+    onClick: handleDone
+  }, t("done.label", {
+    ns: osTranslations
+  })));
+};
+export {
+  EntityRenamePopover as default
+};
+//# sourceMappingURL=EntityRenamePopover-MYSW262F.mjs.map

package/dist/lib/neutral/EntityRenamePopover-MYSW262F.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/EntityRenamePopover/EntityRenamePopover.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Entity } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { Button, Input, useTranslation } from '@dxos/react-ui';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\nexport const ENTITY_RENAME_POPOVER = `${meta.id}.EntityRenamePopover`;\n\nexport const EntityRenamePopover = ({ entity }: { entity: Entity.Unknown }) => {\n  const { t } = useTranslation(meta.id);\n  const doneButton = useRef<HTMLButtonElement>(null);\n  const [name, setName] = useState(Entity.getLabel(entity));\n  const { invokePromise } = useOperationInvoker();\n\n  const handleDone = useCallback(() => {\n    try {\n      name && Entity.update(entity, () => Entity.setLabel(entity, name));\n    } catch (err) {\n      log.error('Failed to rename entity', { err });\n    }\n    void invokePromise(LayoutOperation.UpdatePopover, { anchorId: '', state: false });\n  }, [entity, name, invokePromise]);\n\n  return (\n    <div className='p-2 flex gap-2'>\n      <div className='flex-1'>\n        <Input.Root>\n          <Input.Label srOnly>{t('object-name.label')}</Input.Label>\n          <Input.TextInput\n            placeholder={t('object.placeholder')}\n            value={name}\n            data-testid='spacePlugin.renameObject.input'\n            onChange={({ target: { value } }) => setName(value)}\n            onKeyDown={({ key }) => key === 'Enter' && doneButton.current?.click()}\n          />\n        </Input.Root>\n      </div>\n      <Button ref={doneButton} classNames='self-stretch' onClick={handleDone}>\n        {t('done.label', { ns: osTranslations })}\n      </Button>\n    </div>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,aAAaC,QAAQC,gBAAgB;AAErD,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,QAAQC,OAAOC,sBAAsB;AAC9C,SAASC,sBAAsB;AAE/B,SAASC,YAAY;AAErB,IAAA,eAAaC;AAGX,IAAS,wBAAoBD,GAAO,KAAA,EAAA;AACpC,IAAME,sBAAuC,CAAA,EAAA,OAAA,MAAA;AAC7C,QAAM,EAACC,EAAAA,IAAMC,eAAWb,KAASG,EAAAA;AACjC,QAAM,aAAEW,OAAkBb,IAAAA;AAE1B,QAAMc,CAAAA,MAAAA,OAAajB,IAAAA,SAAY,OAAA,SAAA,MAAA,CAAA;QAC7B,EAAI,cAAA,IAAA,oBAAA;qBACMK,YAAca,MAAAA;AACxB,QAAE;AACAZ,cAAIa,OAAM,OAAA,QAAA,MAAA,OAA2B,SAAA,QAAA,IAAA,CAAA;aAAEC,KAAAA;AAAI,UAAA,MAAA,2BAAA;QAC7C;MACA,GAAKJ,EAAAA,YAAAA,YAAcZ,GAAAA,cAAgBiB,GAAAA,IAAa,GAAE,OAAA,CAAA;;SAAgBC,cAAO,gBAAA,eAAA;MAAM,UAAA;MAC9E,OAAA;IAACJ,CAAAA;;IAAcF;IAAc;IAEhC;;SAEI,sBAAA,cAACO,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAAChB,OAAMiB;IACQC,WAAAA;KAAU,sBAAA,cAAA,MACvB,MAAA,MAAOC,sBAAAA,cAAS,MAAA,OAAA;IACdC,QAAAA;OACAC,mBAAOf,CAAAA,GAAAA,sBAAAA,cAAAA,MAAAA,WAAAA;IACPgB,aAAAA,EAAY,oBAAA;IACZC,OAAAA;IACAC,eAAcC;yBAIpB,EAAA,MAAA,EAAA,MAAA,QAAC1B,KAAAA;IAAO2B,WAAKrB,CAAAA,EAAAA,IAAAA,MAAAA,QAAAA,WAAAA,WAAAA,SAAAA,MAAAA;QAAuB,sBAAA,cAAA,QAAA;IAAesB,KAAAA;IAChDC,YAAE;IAAgBC,SAAI3B;EAAe,GAAA,EAAA,cAAA;IAI5C,IAAA;;;",
+  "names": ["React", "useCallback", "useRef", "useState", "useOperationInvoker", "LayoutOperation", "Entity", "log", "Button", "Input", "useTranslation", "osTranslations", "meta", "ENTITY_RENAME_POPOVER", "doneButton", "name", "setName", "invokePromise", "handleDone", "entity", "error", "err", "UpdatePopover", "state", "div", "className", "Root", "srOnly", "TextInput", "placeholder", "value", "data-testid", "onChange", "onKeyDown", "key", "ref", "onClick", "t", "ns"]
+}

package/dist/lib/neutral/ImportSpaceDialog-7GKV4OTF.mjs

@@ -0,0 +1,64 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/ImportSpaceDialog/ImportSpaceDialog.tsx
+import React, { useCallback } from "react";
+import { FileUploader } from "react-drag-drop-files";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation, getSpacePath } from "@dxos/app-toolkit";
+import { Button, Dialog, Icon, useTranslation } from "@dxos/react-ui";
+import { meta } from "#meta";
+import { SpaceOperation } from "#operations";
+var ImportSpaceDialog = () => {
+  const { t } = useTranslation(meta.id);
+  const { invokePromise } = useOperationInvoker();
+  const handleFile = useCallback(async (file) => {
+    const contents = new Uint8Array(await file.arrayBuffer());
+    const { data: result } = await invokePromise(SpaceOperation.ImportSpace, {
+      archive: {
+        filename: file.name,
+        contents
+      }
+    });
+    await invokePromise(LayoutOperation.UpdateDialog, {
+      state: false
+    });
+    if (result?.space) {
+      await invokePromise(LayoutOperation.SwitchWorkspace, {
+        subject: getSpacePath(result.space.id)
+      });
+    }
+  }, [
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement(Dialog.Header, null, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("import-space-dialog.title")), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Dialog.ActionIconButton, {
+    action: "close"
+  }))), /* @__PURE__ */ React.createElement(Dialog.Body, null, /* @__PURE__ */ React.createElement("p", {
+    className: "my-4"
+  }, t("import-space-dialog.description")), /* @__PURE__ */ React.createElement(FileUploader, {
+    types: [
+      "json",
+      "tar"
+    ],
+    classes: "block my-4 p-8 border-2 border-dashed border-neutral-500/50 rounded-sm flex items-center justify-center gap-2 cursor-pointer",
+    dropMessageStyle: {
+      border: "none",
+      backgroundColor: "#EEE"
+    },
+    handleChange: (file) => {
+      void handleFile(file);
+    }
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--file-plus--duotone",
+    size: 8
+  }), /* @__PURE__ */ React.createElement("span", null, t("import-space-dialog.upload.label")))), /* @__PURE__ */ React.createElement(Dialog.ActionBar, null, /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    variant: "primary"
+  }, t("cancel.label")))));
+};
+export {
+  ImportSpaceDialog as default
+};
+//# sourceMappingURL=ImportSpaceDialog-7GKV4OTF.mjs.map

package/dist/lib/neutral/ImportSpaceDialog-7GKV4OTF.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ImportSpaceDialog/ImportSpaceDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\nimport { FileUploader } from 'react-drag-drop-files';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, getSpacePath } from '@dxos/app-toolkit';\nimport { Button, Dialog, Icon, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\nimport { SpaceOperation } from '#operations';\n\nexport const ImportSpaceDialog = () => {\n  const { t } = useTranslation(meta.id);\n  const { invokePromise } = useOperationInvoker();\n\n  const handleFile = useCallback(\n    async (file: File) => {\n      const contents = new Uint8Array(await file.arrayBuffer());\n      const { data: result } = await invokePromise(SpaceOperation.ImportSpace, {\n        archive: { filename: file.name, contents },\n      });\n      await invokePromise(LayoutOperation.UpdateDialog, { state: false });\n      if (result?.space) {\n        await invokePromise(LayoutOperation.SwitchWorkspace, { subject: getSpacePath(result.space.id) });\n      }\n    },\n    [invokePromise],\n  );\n\n  return (\n    <Dialog.Content>\n      <Dialog.Header>\n        <Dialog.Title>{t('import-space-dialog.title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <Dialog.ActionIconButton action='close' />\n        </Dialog.Close>\n      </Dialog.Header>\n      <Dialog.Body>\n        <p className='my-4'>{t('import-space-dialog.description')}</p>\n        <FileUploader\n          types={['json', 'tar']}\n          classes='block my-4 p-8 border-2 border-dashed border-neutral-500/50 rounded-sm flex items-center justify-center gap-2 cursor-pointer'\n          dropMessageStyle={{ border: 'none', backgroundColor: '#EEE' }}\n          handleChange={(file: File) => {\n            void handleFile(file);\n          }}\n        >\n          <Icon icon='ph--file-plus--duotone' size={8} />\n          <span>{t('import-space-dialog.upload.label')}</span>\n        </FileUploader>\n      </Dialog.Body>\n      <Dialog.ActionBar>\n        <Dialog.Close asChild>\n          <Button variant='primary'>{t('cancel.label')}</Button>\n        </Dialog.Close>\n      </Dialog.ActionBar>\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,mBAAmB;AACnC,SAASC,oBAAoB;AAE7B,SAASC,2BAA2B;AACpC,SAASC,iBAAiBC,oBAAoB;AAC9C,SAASC,QAAQC,QAAQC,MAAMC,sBAAsB;AAErD,SAASC,YAAY;AACrB,SAASC,sBAAsB;AAExB,IAAMC,oBAAoB,MAAA;AAC/B,QAAM,EAAEC,EAAC,IAAKJ,eAAeC,KAAKI,EAAE;AACpC,QAAM,EAAEC,cAAa,IAAKZ,oBAAAA;AAE1B,QAAMa,aAAaf,YACjB,OAAOgB,SAAAA;AACL,UAAMC,WAAW,IAAIC,WAAW,MAAMF,KAAKG,YAAW,CAAA;AACtD,UAAM,EAAEC,MAAMC,OAAM,IAAK,MAAMP,cAAcJ,eAAeY,aAAa;MACvEC,SAAS;QAAEC,UAAUR,KAAKS;QAAMR;MAAS;IAC3C,CAAA;AACA,UAAMH,cAAcX,gBAAgBuB,cAAc;MAAEC,OAAO;IAAM,CAAA;AACjE,QAAIN,QAAQO,OAAO;AACjB,YAAMd,cAAcX,gBAAgB0B,iBAAiB;QAAEC,SAAS1B,aAAaiB,OAAOO,MAAMf,EAAE;MAAE,CAAA;IAChG;EACF,GACA;IAACC;GAAc;AAGjB,SACE,sBAAA,cAACR,OAAOyB,SAAO,MACb,sBAAA,cAACzB,OAAO0B,QAAM,MACZ,sBAAA,cAAC1B,OAAO2B,OAAK,MAAErB,EAAE,2BAAA,CAAA,GACjB,sBAAA,cAACN,OAAO4B,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAAC7B,OAAO8B,kBAAgB;IAACC,QAAO;QAGpC,sBAAA,cAAC/B,OAAOgC,MAAI,MACV,sBAAA,cAACC,KAAAA;IAAEC,WAAU;KAAQ5B,EAAE,iCAAA,CAAA,GACvB,sBAAA,cAACX,cAAAA;IACCwC,OAAO;MAAC;MAAQ;;IAChBC,SAAQ;IACRC,kBAAkB;MAAEC,QAAQ;MAAQC,iBAAiB;IAAO;IAC5DC,cAAc,CAAC9B,SAAAA;AACb,WAAKD,WAAWC,IAAAA;IAClB;KAEA,sBAAA,cAACT,MAAAA;IAAKwC,MAAK;IAAyBC,MAAM;MAC1C,sBAAA,cAACC,QAAAA,MAAMrC,EAAE,kCAAA,CAAA,CAAA,CAAA,GAGb,sBAAA,cAACN,OAAO4C,WAAS,MACf,sBAAA,cAAC5C,OAAO4B,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAAC9B,QAAAA;IAAO8C,SAAQ;KAAWvC,EAAE,cAAA,CAAA,CAAA,CAAA,CAAA;AAKvC;",
+  "names": ["React", "useCallback", "FileUploader", "useOperationInvoker", "LayoutOperation", "getSpacePath", "Button", "Dialog", "Icon", "useTranslation", "meta", "SpaceOperation", "ImportSpaceDialog", "t", "id", "invokePromise", "handleFile", "file", "contents", "Uint8Array", "arrayBuffer", "data", "result", "ImportSpace", "archive", "filename", "name", "UpdateDialog", "state", "space", "SwitchWorkspace", "subject", "Content", "Header", "Title", "Close", "asChild", "ActionIconButton", "action", "Body", "p", "className", "types", "classes", "dropMessageStyle", "border", "backgroundColor", "handleChange", "icon", "size", "span", "ActionBar", "variant"]
+}

package/dist/lib/neutral/InlineSyncStatus-TBJKZCH7.mjs

@@ -0,0 +1,49 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/InlineSyncStatus/InlineSyncStatus.tsx
+import React, { useEffect, useState } from "react";
+import { getSpacePath } from "@dxos/app-toolkit";
+import { EdgeStatus } from "@dxos/protocols/proto/dxos/client/services";
+import { EdgeReplicationSetting } from "@dxos/protocols/proto/dxos/echo/metadata";
+import { useClient } from "@dxos/react-client";
+import { useSpaceSyncState } from "@dxos/react-client/echo";
+import { Tooltip, useTranslation } from "@dxos/react-ui";
+import { AttentionGlyph, useAttention } from "@dxos/react-ui-attention";
+import { meta } from "#meta";
+var useEdgeStatus = () => {
+  const [status, setStatus] = useState(EdgeStatus.ConnectionState.NOT_CONNECTED);
+  const client = useClient();
+  useEffect(() => {
+    client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status: status2 }) => {
+      setStatus(status2.state);
+    });
+  }, [
+    client
+  ]);
+  return status;
+};
+var InlineSyncStatus = ({ space, open }) => {
+  const { t } = useTranslation(meta.id);
+  const qualifiedId = getSpacePath(space.id);
+  const { hasAttention, isAncestor, isRelated } = useAttention(qualifiedId);
+  const attended = hasAttention || isRelated;
+  const containsAttended = isAncestor && !open;
+  const connectedToEdge = useEdgeStatus() === EdgeStatus.ConnectionState.CONNECTED;
+  const edgeSyncEnabled = space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED;
+  const syncState = useSpaceSyncState(space);
+  const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;
+  return /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+    asChild: true,
+    content: t("syncing.label"),
+    side: "bottom"
+  }, /* @__PURE__ */ React.createElement(AttentionGlyph, {
+    syncing,
+    attended,
+    containsAttended,
+    classNames: "self-center mx-1"
+  }));
+};
+export {
+  InlineSyncStatus as default
+};
+//# sourceMappingURL=InlineSyncStatus-TBJKZCH7.mjs.map