@dxos/plugin-space 0.8.4-main.8360d9e660 → 0.8.4-main.8baae0fced

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

@@ -0,0 +1,385 @@
+import {
+  getSpaceDisplayName
+} from "../chunk-2DHCIE27.mjs";
+import "../chunk-K2XBM3E3.mjs";
+import "../chunk-J5LGTIGS.mjs";
+
+// src/components/index.ts
+import { lazy } from "react";
+
+// src/components/AwaitingObject/AwaitingObject.tsx
+import React, { useCallback, useEffect, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { useLayout } from "@dxos/app-toolkit/ui";
+import { Filter, Obj } from "@dxos/echo";
+import { useClient } from "@dxos/react-client";
+import { useQuery } from "@dxos/react-client/echo";
+import { Button, Icon, Toast, useTranslation } from "@dxos/react-ui";
+import { osTranslations } from "@dxos/ui-theme";
+import { meta } from "#meta";
+import { SpaceOperation } from "#operations";
+var WAIT_FOR_OBJECT_TIMEOUT = 3 * 60 * 1e3;
+var TOAST_TIMEOUT = 4 * 60 * 1e3;
+var AwaitingObject = ({ id }) => {
+  const { t } = useTranslation(meta.id);
+  const { invokePromise } = useOperationInvoker();
+  const [open, setOpen] = useState(true);
+  const [waiting, setWaiting] = useState(true);
+  const [found, setFound] = useState(false);
+  const layout = useLayout();
+  const client = useClient();
+  const objects = useQuery(client.spaces, Filter.everything());
+  useEffect(() => {
+    if (!id) {
+      return;
+    }
+    const timeout = setTimeout(() => setWaiting(false), WAIT_FOR_OBJECT_TIMEOUT);
+    return () => clearTimeout(timeout);
+  }, [
+    id
+  ]);
+  useEffect(() => {
+    if (objects.findIndex((object) => Obj.getDXN(object).toString() === id) > -1) {
+      setFound(true);
+      if (layout.active.includes(id)) {
+        setOpen(false);
+      }
+    }
+  }, [
+    id,
+    objects,
+    layout
+  ]);
+  const handleClose = useCallback(async () => invokePromise(SpaceOperation.WaitForObject, {
+    id: void 0
+  }), [
+    invokePromise
+  ]);
+  const handleNavigate = useCallback(() => {
+    void invokePromise(LayoutOperation.Open, {
+      subject: [
+        id
+      ]
+    });
+    void handleClose();
+  }, [
+    id,
+    handleClose,
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement(Toast.Root, {
+    open,
+    duration: TOAST_TIMEOUT,
+    onOpenChange: setOpen
+  }, /* @__PURE__ */ React.createElement(Toast.Body, null, /* @__PURE__ */ React.createElement(Toast.Title, {
+    classNames: "flex items-center gap-2"
+  }, found ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--check-circle--regular"
+  }), /* @__PURE__ */ React.createElement("span", null, t("found-object.label"))) : waiting ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--circle-notch--regular",
+    classNames: "animate-spin"
+  }), /* @__PURE__ */ React.createElement("span", null, t("waiting-for-object.label"))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--circle-dashed--regular"
+  }), /* @__PURE__ */ React.createElement("span", null, t("object-not-found.label")))), /* @__PURE__ */ React.createElement(Toast.Description, null, t(found ? "found-object.description" : waiting ? "waiting-for-object.description" : "object-not-found.description"))), /* @__PURE__ */ React.createElement(Toast.Actions, null, found ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Toast.Action, {
+    altText: t("go-to-object.alt"),
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    variant: "primary",
+    onClick: handleNavigate
+  }, t("go-to-object.label"))), /* @__PURE__ */ React.createElement(Toast.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    onClick: handleClose
+  }, t("close.label", {
+    ns: osTranslations
+  })))) : /* @__PURE__ */ React.createElement(Toast.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    onClick: handleClose
+  }, t(waiting ? "close.label" : "confirm.label", {
+    ns: osTranslations
+  })))));
+};
+
+// src/components/CreateDialog/CreateObjectPanel.tsx
+import React2, { useCallback as useCallback2, useMemo } from "react";
+import { Obj as Obj2 } from "@dxos/echo";
+import { toLocalizedString, useDefaultValue, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { Form, omitId } from "@dxos/react-ui-form";
+import { SearchList, useSearchListResults } from "@dxos/react-ui-search";
+import { useInputSurfaceLookup } from "#hooks";
+import { meta as meta2 } from "#meta";
+var CreateObjectPanel = ({ options, spaces, typename, target, initialFormValues: initialFormValuesProp, defaultSpaceId, resolve, onTargetChange, onTypenameChange, onCreateObject }) => {
+  const initialFormValues = useDefaultValue(initialFormValuesProp, () => ({}));
+  const metadata = typename && resolve?.(typename);
+  const sortedOptions = useMemo(() => [
+    ...options
+  ].sort((a, b) => a.label.localeCompare(b.label)), [
+    options
+  ]);
+  const handleCreateObject = useCallback2(async (props) => {
+    if (!metadata) {
+      return;
+    }
+    await onCreateObject?.({
+      metadata,
+      data: props
+    });
+  }, [
+    onCreateObject,
+    metadata
+  ]);
+  const handleSelectOption = useCallback2(async (id) => {
+    const metadata2 = resolve?.(id);
+    if (metadata2 && !metadata2.inputSchema && !metadata2.customPanel) {
+      await onCreateObject?.({
+        metadata: metadata2
+      });
+    } else {
+      onTypenameChange?.(id);
+    }
+  }, [
+    resolve,
+    onCreateObject
+  ]);
+  const inputSchema = useMemo(() => metadata && typeof metadata === "object" && metadata.inputSchema ? omitId(metadata.inputSchema) : void 0, [
+    metadata
+  ]);
+  const inputSurfaceLookup = useInputSurfaceLookup({
+    target
+  });
+  if (!metadata) {
+    return /* @__PURE__ */ React2.createElement(SelectType, {
+      options: sortedOptions,
+      onChange: handleSelectOption
+    });
+  }
+  if (!target) {
+    return /* @__PURE__ */ React2.createElement(SelectSpace, {
+      spaces,
+      defaultSpaceId,
+      onChange: onTargetChange
+    });
+  }
+  if (metadata.customPanel) {
+    const CustomPanel = metadata.customPanel;
+    return /* @__PURE__ */ React2.createElement(CustomPanel, {
+      target,
+      initialFormValues,
+      onCreateObject: (data) => handleCreateObject(data)
+    });
+  }
+  if (metadata.inputSchema) {
+    return /* @__PURE__ */ React2.createElement(Form.Root, {
+      autoFocus: true,
+      schema: inputSchema,
+      defaultValues: initialFormValues,
+      fieldProvider: inputSurfaceLookup,
+      db: Obj2.isObject(target) ? Obj2.getDatabase(target) : target,
+      onSave: handleCreateObject,
+      testId: "create-object-form"
+    }, /* @__PURE__ */ React2.createElement(Form.Viewport, null, /* @__PURE__ */ React2.createElement(Form.Content, null, /* @__PURE__ */ React2.createElement(Form.FieldSet, null), /* @__PURE__ */ React2.createElement(Form.Submit, null))));
+  }
+  return null;
+};
+CreateObjectPanel.displayName = "CreateObjectPanel";
+var SelectType = ({ options, onChange }) => {
+  const { t } = useTranslation2(meta2.id);
+  const { results, handleSearch } = useSearchListResults({
+    items: options,
+    extract: (option) => option.label
+  });
+  return /* @__PURE__ */ React2.createElement(SearchList.Root, {
+    onSearch: handleSearch
+  }, /* @__PURE__ */ React2.createElement(SearchList.Input, {
+    classNames: "mb-form-gap",
+    autoFocus: true,
+    "data-testid": "create-object-form.schema-input",
+    placeholder: t("schema-input.placeholder")
+  }), /* @__PURE__ */ React2.createElement(SearchList.Viewport, null, results.map((option) => /* @__PURE__ */ React2.createElement(SearchList.Item, {
+    key: option.id,
+    value: option.id,
+    label: option.label,
+    icon: option.icon ?? "ph--placeholder--regular",
+    onSelect: () => onChange(option.id)
+  }))));
+};
+var SelectSpace = ({ spaces, defaultSpaceId, onChange }) => {
+  const { t } = useTranslation2(meta2.id);
+  const sortedSpaces = useMemo(() => [
+    ...spaces
+  ].sort((a, b) => {
+    const labelA = toLocalizedString(getSpaceDisplayName(a, {
+      personal: a.id === defaultSpaceId
+    }), t);
+    const labelB = toLocalizedString(getSpaceDisplayName(b, {
+      personal: b.id === defaultSpaceId
+    }), t);
+    return labelA.localeCompare(labelB);
+  }), [
+    spaces,
+    defaultSpaceId,
+    t
+  ]);
+  const { results, handleSearch } = useSearchListResults({
+    items: sortedSpaces,
+    extract: (space) => toLocalizedString(getSpaceDisplayName(space, {
+      personal: space.id === defaultSpaceId
+    }), t)
+  });
+  return /* @__PURE__ */ React2.createElement(SearchList.Root, {
+    onSearch: handleSearch
+  }, /* @__PURE__ */ React2.createElement(SearchList.Input, {
+    classNames: "mb-form-gap",
+    autoFocus: true,
+    "data-testid": "create-object-form.space-input",
+    placeholder: t("space-input.placeholder")
+  }), /* @__PURE__ */ React2.createElement(SearchList.Viewport, null, results.map((space) => {
+    return /* @__PURE__ */ React2.createElement(SearchList.Item, {
+      key: space.id,
+      value: space.id,
+      label: toLocalizedString(getSpaceDisplayName(space, {
+        personal: space.id === defaultSpaceId
+      }), t),
+      onSelect: () => onChange?.(space.db)
+    });
+  })));
+};
+
+// src/components/ForeignKeys/ForeignKeys.tsx
+import React3, { useCallback as useCallback3 } from "react";
+import { IconButton, List, ListItem, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { meta as meta3 } from "#meta";
+var ForeignKeys = ({ keys, onDelete }) => {
+  return /* @__PURE__ */ React3.createElement(List, {
+    classNames: "flex flex-col gap-2"
+  }, keys.map((key) => /* @__PURE__ */ React3.createElement(KeyItem, {
+    key: key.id,
+    forignKey: key,
+    onDelete
+  })));
+};
+var KeyItem = ({ forignKey, onDelete }) => {
+  const { t } = useTranslation3(meta3.id);
+  const handleDelete = useCallback3(() => {
+    onDelete?.(forignKey);
+  }, [
+    forignKey,
+    onDelete
+  ]);
+  return /* @__PURE__ */ React3.createElement(ListItem.Root, {
+    classNames: "px-2"
+  }, /* @__PURE__ */ React3.createElement(ListItem.Heading, {
+    classNames: "flex flex-col grow truncate"
+  }, /* @__PURE__ */ React3.createElement("div", null, forignKey.source), /* @__PURE__ */ React3.createElement("div", {
+    className: "text-description text-sm truncate"
+  }, forignKey.id)), /* @__PURE__ */ React3.createElement(ListItem.Endcap, null, /* @__PURE__ */ React3.createElement(IconButton, {
+    iconOnly: true,
+    icon: "ph--x--regular",
+    variant: "ghost",
+    label: t("delete-key.button"),
+    onClick: handleDelete
+  })));
+};
+
+// src/components/SyncStatus/save-tracker.ts
+import { Context } from "@dxos/context";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts";
+var createClientSaveTracker = (client, cb) => {
+  const CleanupFns = {};
+  const state = {};
+  const install = (spaces) => {
+    for (const space of spaces) {
+      if (state[space.id]) {
+        continue;
+      }
+      state[space.id] = "saved";
+      CleanupFns[space.id] = createSpaceSaveTracker(space, (s) => {
+        state[space.id] = s;
+        cb(Object.values(state).some((s2) => s2 === "saving") ? "saving" : "saved");
+      });
+    }
+  };
+  client.spaces.subscribe((spaces) => {
+    install(spaces);
+  });
+  install(client.spaces.get());
+  return () => {
+    for (const unsubscribe of Object.values(CleanupFns)) {
+      unsubscribe();
+    }
+  };
+};
+var createSpaceSaveTracker = (space, cb) => {
+  const ctx = new Context(void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 31 });
+  void space.waitUntilReady().then(() => {
+    if (ctx.disposed) {
+      return;
+    }
+    let hasUnsavedChanges = false;
+    let lastFlushPromise;
+    space.internal.db.saveStateChanged.on(ctx, ({ unsavedDocuments }) => {
+      hasUnsavedChanges = unsavedDocuments.length > 0;
+    });
+    space.internal.db.saveStateChanged.debounce(500).on(ctx, () => {
+      if (hasUnsavedChanges) {
+        lastFlushPromise = void 0;
+        cb("saving");
+      } else {
+        const flushPromise = space.db.flush();
+        lastFlushPromise = flushPromise;
+        void flushPromise.then(() => {
+          if (lastFlushPromise === flushPromise) {
+            cb("saved");
+          }
+        });
+      }
+    });
+  });
+  return () => {
+    void ctx.dispose();
+  };
+};
+
+// src/components/SyncStatus/status.ts
+var getStatus = ({ offline, saved, needsToUpload, needsToDownload }) => {
+  if (!saved) {
+    return "saving-locally";
+  } else if (!offline && needsToDownload) {
+    return "downloading";
+  } else if (!offline && needsToUpload) {
+    return "uploading";
+  } else if (offline && !needsToUpload && !needsToDownload) {
+    return "offline-persisted";
+  } else {
+    return "remote-synced";
+  }
+};
+var getIcon = (status) => {
+  switch (status) {
+    case "saving-locally":
+      return "ph--download--regular";
+    case "downloading":
+      return "ph--cloud-arrow-down--regular";
+    case "uploading":
+      return "ph--cloud-arrow-up--regular";
+    case "offline-persisted":
+      return "ph--check-circle--regular";
+    case "remote-synced":
+      return "ph--cloud-check--regular";
+  }
+};
+
+// src/components/index.ts
+var SpaceSettings = lazy(() => import("../SpaceSettings-JBE266M2.mjs"));
+export {
+  AwaitingObject,
+  CreateObjectPanel,
+  ForeignKeys,
+  SpaceSettings,
+  createClientSaveTracker,
+  getIcon,
+  getStatus
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/index.ts", "../../../../src/components/AwaitingObject/AwaitingObject.tsx", "../../../../src/components/CreateDialog/CreateObjectPanel.tsx", "../../../../src/components/ForeignKeys/ForeignKeys.tsx", "../../../../src/components/SyncStatus/save-tracker.ts", "../../../../src/components/SyncStatus/status.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport * from './AwaitingObject';\nexport * from './CreateDialog';\nexport * from './ForeignKeys';\nexport * from './SyncStatus';\n\nexport const SpaceSettings: ComponentType<any> = lazy(() => import('./SpaceSettings'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { useLayout } from '@dxos/app-toolkit/ui';\nimport { Filter, Obj } from '@dxos/echo';\nimport { useClient } from '@dxos/react-client';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Button, Icon, Toast, useTranslation } from '@dxos/react-ui';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\nimport { SpaceOperation } from '#operations';\n\nconst WAIT_FOR_OBJECT_TIMEOUT = 3 * 60 * 1_000;\nconst TOAST_TIMEOUT = 4 * 60 * 1_000;\n\nexport const AwaitingObject = ({ id }: { id: string }) => {\n  const { t } = useTranslation(meta.id);\n  const { invokePromise } = useOperationInvoker();\n  const [open, setOpen] = useState(true);\n  const [waiting, setWaiting] = useState(true);\n  const [found, setFound] = useState(false);\n  const layout = useLayout();\n\n  const client = useClient();\n  const objects = useQuery(client.spaces, Filter.everything());\n\n  useEffect(() => {\n    if (!id) {\n      return;\n    }\n\n    const timeout = setTimeout(() => setWaiting(false), WAIT_FOR_OBJECT_TIMEOUT);\n    return () => clearTimeout(timeout);\n  }, [id]);\n\n  useEffect(() => {\n    if (objects.findIndex((object) => Obj.getDXN(object).toString() === id) > -1) {\n      setFound(true);\n      if (layout.active.includes(id)) {\n        setOpen(false);\n      }\n    }\n  }, [id, objects, layout]);\n\n  const handleClose = useCallback(\n    async () => invokePromise(SpaceOperation.WaitForObject, { id: undefined }),\n    [invokePromise],\n  );\n\n  const handleNavigate = useCallback(() => {\n    void invokePromise(LayoutOperation.Open, { subject: [id] });\n    void handleClose();\n  }, [id, handleClose, invokePromise]);\n\n  return (\n    <Toast.Root open={open} duration={TOAST_TIMEOUT} onOpenChange={setOpen}>\n      <Toast.Body>\n        <Toast.Title classNames='flex items-center gap-2'>\n          {found ? (\n            <>\n              <Icon icon='ph--check-circle--regular' />\n              <span>{t('found-object.label')}</span>\n            </>\n          ) : waiting ? (\n            <>\n              <Icon icon='ph--circle-notch--regular' classNames='animate-spin' />\n              <span>{t('waiting-for-object.label')}</span>\n            </>\n          ) : (\n            <>\n              <Icon icon='ph--circle-dashed--regular' />\n              <span>{t('object-not-found.label')}</span>\n            </>\n          )}\n        </Toast.Title>\n        <Toast.Description>\n          {t(\n            found\n              ? 'found-object.description'\n              : waiting\n                ? 'waiting-for-object.description'\n                : 'object-not-found.description',\n          )}\n        </Toast.Description>\n      </Toast.Body>\n      <Toast.Actions>\n        {found ? (\n          <>\n            <Toast.Action altText={t('go-to-object.alt')} asChild>\n              <Button variant='primary' onClick={handleNavigate}>\n                {t('go-to-object.label')}\n              </Button>\n            </Toast.Action>\n            <Toast.Close asChild>\n              <Button onClick={handleClose}>{t('close.label', { ns: osTranslations })}</Button>\n            </Toast.Close>\n          </>\n        ) : (\n          <Toast.Close asChild>\n            <Button onClick={handleClose}>\n              {t(waiting ? 'close.label' : 'confirm.label', { ns: osTranslations })}\n            </Button>\n          </Toast.Close>\n        )}\n      </Toast.Actions>\n    </Toast.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { type Collection, type Database, Obj } from '@dxos/echo';\nimport { type AnyProperties } from '@dxos/echo/internal';\nimport { type SpaceId } from '@dxos/keys';\nimport { type Space } from '@dxos/react-client/echo';\nimport { toLocalizedString, useDefaultValue, useTranslation } from '@dxos/react-ui';\nimport { Form, omitId } from '@dxos/react-ui-form';\nimport { SearchList, useSearchListResults } from '@dxos/react-ui-search';\nimport { type MaybePromise } from '@dxos/util';\n\nimport { useInputSurfaceLookup } from '#hooks';\nimport { meta } from '#meta';\nimport { type SpaceCapabilities } from '#types';\n\nimport { getSpaceDisplayName } from '../../util';\n\n/** Display-ready option for the create object search list. */\nexport type CreateObjectOption = {\n  id: string;\n  label: string;\n  icon?: string;\n};\n\nexport type Metadata = SpaceCapabilities.CreateObjectEntry;\n\nexport type CreateObjectPanelProps = {\n  options: CreateObjectOption[];\n  spaces: Space[];\n  typename?: string;\n  target?: Database.Database | Collection.Collection;\n  initialFormValues?: Partial<AnyProperties>;\n  defaultSpaceId?: SpaceId;\n  resolve?: (typename: string) => Metadata | undefined;\n  onTargetChange?: (target: Database.Database) => void;\n  onTypenameChange?: (typename: string) => void;\n  onCreateObject?: (params: { metadata: Metadata; data?: Record<string, any> }) => MaybePromise<void>;\n};\n\nexport const CreateObjectPanel = ({\n  options,\n  spaces,\n  typename,\n  target,\n  initialFormValues: initialFormValuesProp,\n  defaultSpaceId,\n  resolve,\n  onTargetChange,\n  onTypenameChange,\n  onCreateObject,\n}: CreateObjectPanelProps) => {\n  const initialFormValues = useDefaultValue(initialFormValuesProp, () => ({}));\n  const metadata = typename && resolve?.(typename);\n\n  const sortedOptions = useMemo(() => [...options].sort((a, b) => a.label.localeCompare(b.label)), [options]);\n\n  const handleCreateObject = useCallback(\n    async (props: Record<string, any>) => {\n      if (!metadata) {\n        return;\n      }\n      await onCreateObject?.({ metadata, data: props });\n    },\n    [onCreateObject, metadata],\n  );\n\n  const handleSelectOption = useCallback(\n    async (id: string) => {\n      const metadata = resolve?.(id);\n      if (metadata && !metadata.inputSchema && !metadata.customPanel) {\n        await onCreateObject?.({ metadata });\n      } else {\n        onTypenameChange?.(id);\n      }\n    },\n    [resolve, onCreateObject],\n  );\n\n  const inputSchema = useMemo(\n    () => (metadata && typeof metadata === 'object' && metadata.inputSchema ? omitId(metadata.inputSchema) : undefined),\n    [metadata],\n  );\n  const inputSurfaceLookup = useInputSurfaceLookup({ target });\n\n  // TODO(wittjosiah): Extends and use react-ui-form to handle variants.\n\n  if (!metadata) {\n    return <SelectType options={sortedOptions} onChange={handleSelectOption} />;\n  }\n\n  if (!target) {\n    return <SelectSpace spaces={spaces} defaultSpaceId={defaultSpaceId} onChange={onTargetChange} />;\n  }\n\n  if (metadata.customPanel) {\n    const CustomPanel = metadata.customPanel;\n    return (\n      <CustomPanel\n        target={target}\n        initialFormValues={initialFormValues}\n        onCreateObject={(data) => handleCreateObject(data)}\n      />\n    );\n  }\n\n  if (metadata.inputSchema) {\n    return (\n      <Form.Root\n        autoFocus\n        schema={inputSchema}\n        defaultValues={initialFormValues}\n        fieldProvider={inputSurfaceLookup}\n        db={Obj.isObject(target) ? Obj.getDatabase(target) : target}\n        onSave={handleCreateObject}\n        testId='create-object-form'\n      >\n        <Form.Viewport>\n          <Form.Content>\n            <Form.FieldSet />\n            <Form.Submit />\n          </Form.Content>\n        </Form.Viewport>\n      </Form.Root>\n    );\n  }\n\n  return null;\n};\n\nCreateObjectPanel.displayName = 'CreateObjectPanel';\n\ntype SelectTypeProps = Pick<CreateObjectPanelProps, 'options'> & {\n  onChange: (id: string) => void;\n};\n\nconst SelectType = ({ options, onChange }: SelectTypeProps) => {\n  const { t } = useTranslation(meta.id);\n\n  const { results, handleSearch } = useSearchListResults({\n    items: options,\n    extract: (option) => option.label,\n  });\n\n  return (\n    <SearchList.Root onSearch={handleSearch}>\n      <SearchList.Input\n        classNames='mb-form-gap'\n        autoFocus\n        data-testid='create-object-form.schema-input'\n        placeholder={t('schema-input.placeholder')}\n      />\n      <SearchList.Viewport>\n        {results.map((option) => (\n          <SearchList.Item\n            key={option.id}\n            value={option.id}\n            label={option.label}\n            icon={option.icon ?? 'ph--placeholder--regular'}\n            onSelect={() => onChange(option.id)}\n          />\n        ))}\n      </SearchList.Viewport>\n    </SearchList.Root>\n  );\n};\n\ntype SelectSpaceProps = Pick<CreateObjectPanelProps, 'spaces' | 'defaultSpaceId'> & {\n  onChange?: (db: Database.Database) => void;\n};\n\nconst SelectSpace = ({ spaces, defaultSpaceId, onChange }: SelectSpaceProps) => {\n  const { t } = useTranslation(meta.id);\n\n  const sortedSpaces = useMemo(\n    () =>\n      [...spaces].sort((a, b) => {\n        const labelA = toLocalizedString(\n          getSpaceDisplayName(a, {\n            personal: a.id === defaultSpaceId,\n          }),\n          t,\n        );\n        const labelB = toLocalizedString(\n          getSpaceDisplayName(b, {\n            personal: b.id === defaultSpaceId,\n          }),\n          t,\n        );\n        return labelA.localeCompare(labelB);\n      }),\n    [spaces, defaultSpaceId, t],\n  );\n\n  const { results, handleSearch } = useSearchListResults({\n    items: sortedSpaces,\n    extract: (space) =>\n      toLocalizedString(\n        getSpaceDisplayName(space, {\n          personal: space.id === defaultSpaceId,\n        }),\n        t,\n      ),\n  });\n\n  return (\n    <SearchList.Root onSearch={handleSearch}>\n      <SearchList.Input\n        classNames='mb-form-gap'\n        autoFocus\n        data-testid='create-object-form.space-input'\n        placeholder={t('space-input.placeholder')}\n      />\n      <SearchList.Viewport>\n        {results.map((space) => {\n          return (\n            <SearchList.Item\n              key={space.id}\n              value={space.id}\n              label={toLocalizedString(getSpaceDisplayName(space, { personal: space.id === defaultSpaceId }), t)}\n              onSelect={() => onChange?.(space.db)}\n            />\n          );\n        })}\n      </SearchList.Viewport>\n    </SearchList.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { type Key } from '@dxos/echo';\nimport { IconButton, List, ListItem, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport type ForeignKeysProps = {\n  keys: Key.ForeignKey[];\n  onDelete?: (key: Key.ForeignKey) => void;\n};\n\n// TODO(wittjosiah): This is a clone of `TokenManager`. Consider a form variant for arrays of read-only objects.\nexport const ForeignKeys = ({ keys, onDelete }: ForeignKeysProps) => {\n  return (\n    <List classNames='flex flex-col gap-2'>\n      {keys.map((key) => (\n        <KeyItem key={key.id} forignKey={key} onDelete={onDelete} />\n      ))}\n    </List>\n  );\n};\n\ntype KeyItemProps = {\n  forignKey: Key.ForeignKey;\n  onDelete?: (key: Key.ForeignKey) => void;\n};\n\nconst KeyItem = ({ forignKey, onDelete }: KeyItemProps) => {\n  const { t } = useTranslation(meta.id);\n\n  const handleDelete = useCallback(() => {\n    onDelete?.(forignKey);\n  }, [forignKey, onDelete]);\n\n  return (\n    <ListItem.Root classNames='px-2'>\n      <ListItem.Heading classNames='flex flex-col grow truncate'>\n        <div>{forignKey.source}</div>\n        <div className='text-description text-sm truncate'>{forignKey.id}</div>\n      </ListItem.Heading>\n      <ListItem.Endcap>\n        <IconButton\n          iconOnly\n          icon='ph--x--regular'\n          variant='ghost'\n          label={t('delete-key.button')}\n          onClick={handleDelete}\n        />\n      </ListItem.Endcap>\n    </ListItem.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type CleanupFn } from '@dxos/async';\nimport { type Client } from '@dxos/client';\nimport { type Space } from '@dxos/client/echo';\nimport { Context } from '@dxos/context';\nimport { type SpaceId } from '@dxos/keys';\n\nexport const createClientSaveTracker = (client: Client, cb: (state: 'saved' | 'saving') => void) => {\n  const CleanupFns: Record<SpaceId, CleanupFn> = {};\n  const state: Record<SpaceId, 'saved' | 'saving'> = {};\n\n  const install = (spaces: Space[]) => {\n    for (const space of spaces) {\n      if (state[space.id]) {\n        continue;\n      }\n\n      state[space.id] = 'saved';\n      CleanupFns[space.id] = createSpaceSaveTracker(space, (s) => {\n        state[space.id] = s;\n        cb(Object.values(state).some((s) => s === 'saving') ? 'saving' : 'saved');\n      });\n    }\n  };\n  client.spaces.subscribe((spaces) => {\n    install(spaces);\n  });\n  install(client.spaces.get());\n\n  return () => {\n    for (const unsubscribe of Object.values(CleanupFns)) {\n      unsubscribe();\n    }\n  };\n};\n\nconst createSpaceSaveTracker = (space: Space, cb: (state: 'saved' | 'saving') => void): CleanupFn => {\n  const ctx = new Context();\n\n  void space.waitUntilReady().then(() => {\n    if (ctx.disposed) {\n      return;\n    }\n\n    let hasUnsavedChanges = false;\n    let lastFlushPromise: Promise<void> | undefined;\n    space.internal.db.saveStateChanged.on(ctx, ({ unsavedDocuments }) => {\n      hasUnsavedChanges = unsavedDocuments.length > 0;\n    });\n    space.internal.db.saveStateChanged.debounce(500).on(ctx, () => {\n      if (hasUnsavedChanges) {\n        lastFlushPromise = undefined;\n        cb('saving');\n      } else {\n        const flushPromise = space.db.flush();\n        lastFlushPromise = flushPromise;\n        void flushPromise.then(() => {\n          if (lastFlushPromise === flushPromise) {\n            cb('saved');\n          }\n        });\n      }\n    });\n  });\n\n  return () => {\n    void ctx.dispose();\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nexport type Status = 'saving-locally' | 'downloading' | 'uploading' | 'offline-persisted' | 'remote-synced';\n\nexport const getStatus = ({\n  offline,\n  saved,\n  needsToUpload,\n  needsToDownload,\n}: {\n  offline: boolean;\n  saved: boolean;\n  needsToUpload: boolean;\n  needsToDownload: boolean;\n}): Status => {\n  if (!saved) {\n    return 'saving-locally';\n  } else if (!offline && needsToDownload) {\n    return 'downloading';\n  } else if (!offline && needsToUpload) {\n    return 'uploading';\n  } else if (offline && !needsToUpload && !needsToDownload) {\n    return 'offline-persisted';\n  } else {\n    return 'remote-synced';\n  }\n};\n\nexport const getIcon = (status: Status) => {\n  switch (status) {\n    case 'saving-locally':\n      return 'ph--download--regular';\n    case 'downloading':\n      return 'ph--cloud-arrow-down--regular';\n    case 'uploading':\n      return 'ph--cloud-arrow-up--regular';\n    case 'offline-persisted':\n      return 'ph--check-circle--regular';\n    case 'remote-synced':\n      return 'ph--cloud-check--regular';\n  }\n};\n"],
+  "mappings": "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",
+  "names": ["lazy", "React", "useCallback", "useEffect", "useState", "useOperationInvoker", "LayoutOperation", "useLayout", "Filter", "Obj", "useClient", "useQuery", "Button", "Icon", "Toast", "useTranslation", "osTranslations", "meta", "SpaceOperation", "WAIT_FOR_OBJECT_TIMEOUT", "TOAST_TIMEOUT", "AwaitingObject", "id", "t", "invokePromise", "open", "setOpen", "waiting", "setWaiting", "found", "setFound", "layout", "client", "objects", "spaces", "everything", "timeout", "setTimeout", "clearTimeout", "findIndex", "object", "getDXN", "toString", "active", "includes", "handleClose", "WaitForObject", "undefined", "handleNavigate", "Open", "subject", "Root", "duration", "onOpenChange", "Body", "Title", "classNames", "icon", "span", "Description", "Actions", "Action", "altText", "asChild", "variant", "onClick", "Close", "ns", "React", "useCallback", "useMemo", "Obj", "toLocalizedString", "useDefaultValue", "useTranslation", "Form", "omitId", "SearchList", "useSearchListResults", "useInputSurfaceLookup", "meta", "CreateObjectPanel", "options", "spaces", "typename", "target", "initialFormValues", "initialFormValuesProp", "defaultSpaceId", "resolve", "onTargetChange", "onTypenameChange", "onCreateObject", "useDefaultValue", "metadata", "sortedOptions", "useMemo", "sort", "a", "b", "label", "localeCompare", "handleCreateObject", "useCallback", "props", "data", "handleSelectOption", "id", "inputSchema", "customPanel", "omitId", "undefined", "inputSurfaceLookup", "useInputSurfaceLookup", "React", "SelectType", "onChange", "SelectSpace", "CustomPanel", "Form", "Root", "autoFocus", "schema", "defaultValues", "fieldProvider", "db", "Obj", "isObject", "getDatabase", "onSave", "testId", "Viewport", "Content", "FieldSet", "Submit", "displayName", "t", "useTranslation", "meta", "results", "handleSearch", "useSearchListResults", "items", "extract", "option", "SearchList", "onSearch", "Input", "classNames", "data-testid", "placeholder", "map", "Item", "key", "value", "icon", "onSelect", "sortedSpaces", "labelA", "toLocalizedString", "getSpaceDisplayName", "personal", "labelB", "space", "React", "useCallback", "IconButton", "List", "ListItem", "useTranslation", "meta", "ForeignKeys", "keys", "onDelete", "classNames", "map", "key", "KeyItem", "id", "forignKey", "t", "handleDelete", "Root", "Heading", "div", "source", "className", "Endcap", "iconOnly", "icon", "variant", "label", "onClick", "Context", "createClientSaveTracker", "state", "install", "spaces", "space", "CleanupFns", "Object", "values", "s", "client", "unsubscribe", "then", "disposed", "hasUnsavedChanges", "saveStateChanged", "debounce", "on", "lastFlushPromise", "undefined", "cb", "flushPromise", "getStatus", "offline", "saved", "needsToUpload", "needsToDownload", "getIcon", "status", "SpaceSettings", "lazy"]
+}

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

@@ -0,0 +1,49 @@
+import "../chunk-J5LGTIGS.mjs";
+
+// src/containers/index.ts
+import { lazy } from "react";
+var CollectionArticle = lazy(() => import("../CollectionArticle-QGPAEA7D.mjs"));
+var CollectionSection = lazy(() => import("../CollectionSection-A5WRHE5Z.mjs"));
+var CreateObjectDialog = lazy(() => import("../CreateObjectDialog-2JEYK4PI.mjs"));
+var CreateSpaceDialog = lazy(() => import("../CreateSpaceDialog-B3OELSC7.mjs"));
+var ImportSpaceDialog = lazy(() => import("../ImportSpaceDialog-LWLVC5RZ.mjs"));
+var InlineSyncStatus = lazy(() => import("../InlineSyncStatus-TBJKZCH7.mjs"));
+var JoinDialog = lazy(() => import("../JoinDialog-SSFKRFTJ.mjs"));
+var MembersContainer = lazy(() => import("../MembersContainer-MRPLHZ6L.mjs"));
+var MenuFooter = lazy(() => import("../MenuFooter-O4XS4T4D.mjs"));
+var ObjectCardStack = lazy(() => import("../ObjectCardStack-ODQZOBWB.mjs"));
+var ObjectProperties = lazy(() => import("../ObjectProperties-BF6KGFFC.mjs"));
+var ObjectRenamePopover = lazy(() => import("../ObjectRenamePopover-V656TFC5.mjs"));
+var RecordArticle = lazy(() => import("../RecordArticle-U4PB3HUA.mjs"));
+var RelatedArticle = lazy(() => import("../RelatedArticle-GHGL2GL5.mjs"));
+var SchemaContainer = lazy(() => import("../SchemaContainer-KMOZ23RA.mjs"));
+var SmallPresenceLive = lazy(() => import("../SmallPresenceLive-2W5ZUDCF.mjs"));
+var SpacePresence = lazy(() => import("../SpacePresence-PTTGZYZ6.mjs"));
+var SpaceRenamePopover = lazy(() => import("../SpaceRenamePopover-KFWL4CTJ.mjs"));
+var SpaceSettingsContainer = lazy(() => import("../SpaceSettingsContainer-5HSVWRW4.mjs"));
+var SyncStatus = lazy(() => import("../SyncStatus-FFKEPNZF.mjs"));
+var ViewEditor = lazy(() => import("../ViewEditor-MQRYNTSI.mjs"));
+export {
+  CollectionArticle,
+  CollectionSection,
+  CreateObjectDialog,
+  CreateSpaceDialog,
+  ImportSpaceDialog,
+  InlineSyncStatus,
+  JoinDialog,
+  MembersContainer,
+  MenuFooter,
+  ObjectCardStack,
+  ObjectProperties,
+  ObjectRenamePopover,
+  RecordArticle,
+  RelatedArticle,
+  SchemaContainer,
+  SmallPresenceLive,
+  SpacePresence,
+  SpaceRenamePopover,
+  SpaceSettingsContainer,
+  SyncStatus,
+  ViewEditor
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/neutral/containers/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/containers/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport type { CreateObjectDialogProps } from './CreateObjectDialog';\n\nexport const CollectionArticle: ComponentType<any> = lazy(() => import('./CollectionArticle'));\nexport const CollectionSection: ComponentType<any> = lazy(() => import('./CollectionSection'));\nexport const CreateObjectDialog: ComponentType<any> = lazy(() => import('./CreateObjectDialog'));\nexport const CreateSpaceDialog: ComponentType<any> = lazy(() => import('./CreateSpaceDialog'));\nexport const ImportSpaceDialog: ComponentType<any> = lazy(() => import('./ImportSpaceDialog'));\nexport const InlineSyncStatus: ComponentType<any> = lazy(() => import('./InlineSyncStatus'));\nexport const JoinDialog: ComponentType<any> = lazy(() => import('./JoinDialog'));\nexport const MembersContainer: ComponentType<any> = lazy(() => import('./MembersContainer'));\nexport const MenuFooter: ComponentType<any> = lazy(() => import('./MenuFooter'));\nexport const ObjectCardStack: ComponentType<any> = lazy(() => import('./ObjectCardStack'));\nexport const ObjectProperties: ComponentType<any> = lazy(() => import('./ObjectProperties'));\nexport const ObjectRenamePopover: ComponentType<any> = lazy(() => import('./ObjectRenamePopover'));\nexport const RecordArticle: ComponentType<any> = lazy(() => import('./RecordArticle'));\nexport const RelatedArticle: ComponentType<any> = lazy(() => import('./RelatedArticle'));\nexport const SchemaContainer: ComponentType<any> = lazy(() => import('./SchemaContainer'));\nexport const SmallPresenceLive: ComponentType<any> = lazy(() => import('./SmallPresenceLive'));\nexport const SpacePresence: ComponentType<any> = lazy(() => import('./SpacePresence'));\nexport const SpaceRenamePopover: ComponentType<any> = lazy(() => import('./SpaceRenamePopover'));\nexport const SpaceSettingsContainer: ComponentType<any> = lazy(() => import('./SpaceSettingsContainer'));\nexport const SyncStatus: ComponentType<any> = lazy(() => import('./SyncStatus'));\nexport const ViewEditor: ComponentType<any> = lazy(() => import('./ViewEditor'));\n"],
+  "mappings": ";;;AAIA,SAA6BA,YAAY;AAIlC,IAAMC,oBAAwCD,KAAK,MAAM,OAAO,mCAAA,CAAA;AAChE,IAAME,oBAAwCF,KAAK,MAAM,OAAO,mCAAA,CAAA;AAChE,IAAMG,qBAAyCH,KAAK,MAAM,OAAO,oCAAA,CAAA;AACjE,IAAMI,oBAAwCJ,KAAK,MAAM,OAAO,mCAAA,CAAA;AAChE,IAAMK,oBAAwCL,KAAK,MAAM,OAAO,mCAAA,CAAA;AAChE,IAAMM,mBAAuCN,KAAK,MAAM,OAAO,kCAAA,CAAA;AAC/D,IAAMO,aAAiCP,KAAK,MAAM,OAAO,4BAAA,CAAA;AACzD,IAAMQ,mBAAuCR,KAAK,MAAM,OAAO,kCAAA,CAAA;AAC/D,IAAMS,aAAiCT,KAAK,MAAM,OAAO,4BAAA,CAAA;AACzD,IAAMU,kBAAsCV,KAAK,MAAM,OAAO,iCAAA,CAAA;AAC9D,IAAMW,mBAAuCX,KAAK,MAAM,OAAO,kCAAA,CAAA;AAC/D,IAAMY,sBAA0CZ,KAAK,MAAM,OAAO,qCAAA,CAAA;AAClE,IAAMa,gBAAoCb,KAAK,MAAM,OAAO,+BAAA,CAAA;AAC5D,IAAMc,iBAAqCd,KAAK,MAAM,OAAO,gCAAA,CAAA;AAC7D,IAAMe,kBAAsCf,KAAK,MAAM,OAAO,iCAAA,CAAA;AAC9D,IAAMgB,oBAAwChB,KAAK,MAAM,OAAO,mCAAA,CAAA;AAChE,IAAMiB,gBAAoCjB,KAAK,MAAM,OAAO,+BAAA,CAAA;AAC5D,IAAMkB,qBAAyClB,KAAK,MAAM,OAAO,oCAAA,CAAA;AACjE,IAAMmB,yBAA6CnB,KAAK,MAAM,OAAO,wCAAA,CAAA;AACrE,IAAMoB,aAAiCpB,KAAK,MAAM,OAAO,4BAAA,CAAA;AACzD,IAAMqB,aAAiCrB,KAAK,MAAM,OAAO,4BAAA,CAAA;",
+  "names": ["lazy", "CollectionArticle", "CollectionSection", "CreateObjectDialog", "CreateSpaceDialog", "ImportSpaceDialog", "InlineSyncStatus", "JoinDialog", "MembersContainer", "MenuFooter", "ObjectCardStack", "ObjectProperties", "ObjectRenamePopover", "RecordArticle", "RelatedArticle", "SchemaContainer", "SmallPresenceLive", "SpacePresence", "SpaceRenamePopover", "SpaceSettingsContainer", "SyncStatus", "ViewEditor"]
+}

package/dist/lib/neutral/create-EVGFICSP.mjs

@@ -0,0 +1,74 @@
+import {
+  SpaceOperationConfig
+} from "./chunk-JHZGRYGS.mjs";
+import {
+  SpaceOperation
+} from "./chunk-2RW554NL.mjs";
+import {
+  SpaceCapabilities,
+  SpaceEvents
+} from "./chunk-K2XBM3E3.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/operations/create.ts
+import * as Effect from "effect/Effect";
+import { Capability, Plugin } from "@dxos/app-framework";
+import { Operation } from "@dxos/compute";
+import { Collection, Obj, Ref } from "@dxos/echo";
+import { Migrations } from "@dxos/migrations";
+import { ClientCapabilities } from "@dxos/plugin-client";
+import { ObservabilityOperation } from "@dxos/plugin-observability";
+import { EdgeReplicationSetting } from "@dxos/protocols/proto/dxos/echo/metadata";
+import { iconValues } from "@dxos/react-ui-pickers/icons";
+import { hues } from "@dxos/ui-theme";
+var handler = SpaceOperation.Create.pipe(Operation.withHandler(Effect.fnUntraced(function* ({ name, hue: hue_, icon: icon_, edgeReplication }) {
+  const client = yield* Capability.get(ClientCapabilities.Client);
+  const hue = hue_ ?? hues[Math.floor(Math.random() * hues.length)];
+  const icon = icon_ ?? iconValues[Math.floor(Math.random() * iconValues.length)];
+  const space = yield* Effect.promise(() => client.spaces.create({
+    name,
+    hue,
+    icon
+  }));
+  if (edgeReplication) {
+    yield* Effect.promise(() => space.internal.setEdgeReplicationPreference(EdgeReplicationSetting.ENABLED));
+  }
+  yield* Effect.promise(() => space.waitUntilReady());
+  const collection = Obj.make(Collection.Collection, {
+    objects: []
+  });
+  Obj.update(space.properties, (obj) => {
+    obj[Collection.Collection.typename] = Ref.make(collection);
+    if (Migrations.versionProperty) {
+      obj[Migrations.versionProperty] = Migrations.targetVersion;
+    }
+  });
+  yield* Plugin.activate(SpaceEvents.SpaceCreated);
+  const onCreateSpaceCallbacks = yield* Capability.getAll(SpaceCapabilities.OnCreateSpace);
+  yield* Effect.all(onCreateSpaceCallbacks.map((onCreateSpace) => onCreateSpace({
+    space,
+    isDefault: false,
+    rootCollection: collection
+  })));
+  const { observability } = yield* Capability.get(SpaceOperationConfig);
+  if (observability) {
+    yield* Operation.schedule(ObservabilityOperation.SendEvent, {
+      name: "space.create",
+      properties: {
+        spaceId: space.id
+      }
+    });
+  }
+  return {
+    id: space.id,
+    subject: [
+      space.id
+    ],
+    space
+  };
+})));
+var create_default = handler;
+export {
+  create_default as default
+};
+//# sourceMappingURL=create-EVGFICSP.mjs.map

package/dist/lib/neutral/create-EVGFICSP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/create.ts"],
+  "sourcesContent": ["// Copyright 2025 DXOS.org\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability, Plugin } from '@dxos/app-framework';\nimport { Operation } from '@dxos/compute';\nimport { Collection, Obj, Ref } from '@dxos/echo';\nimport { Migrations } from '@dxos/migrations';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { ObservabilityOperation } from '@dxos/plugin-observability';\nimport { EdgeReplicationSetting } from '@dxos/protocols/proto/dxos/echo/metadata';\nimport { iconValues } from '@dxos/react-ui-pickers/icons';\nimport { hues } from '@dxos/ui-theme';\n\nimport { SpaceEvents, SpaceCapabilities } from '../types';\nimport { SpaceOperation } from './definitions';\nimport { SpaceOperationConfig } from './helpers';\n\nconst handler: Operation.WithHandler<typeof SpaceOperation.Create> = SpaceOperation.Create.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* ({ name, hue: hue_, icon: icon_, edgeReplication }) {\n      const client = yield* Capability.get(ClientCapabilities.Client);\n      const hue = hue_ ?? hues[Math.floor(Math.random() * hues.length)];\n      const icon = icon_ ?? iconValues[Math.floor(Math.random() * iconValues.length)];\n      const space = yield* Effect.promise(() => client.spaces.create({ name, hue, icon }));\n      if (edgeReplication) {\n        yield* Effect.promise(() => space.internal.setEdgeReplicationPreference(EdgeReplicationSetting.ENABLED));\n      }\n      yield* Effect.promise(() => space.waitUntilReady());\n\n      const collection = Obj.make(Collection.Collection, { objects: [] });\n      Obj.update(space.properties, (obj) => {\n        obj[Collection.Collection.typename] = Ref.make(collection);\n        if (Migrations.versionProperty) {\n          obj[Migrations.versionProperty] = Migrations.targetVersion;\n        }\n      });\n\n      yield* Plugin.activate(SpaceEvents.SpaceCreated);\n      const onCreateSpaceCallbacks = yield* Capability.getAll(SpaceCapabilities.OnCreateSpace);\n      yield* Effect.all(\n        onCreateSpaceCallbacks.map((onCreateSpace) =>\n          onCreateSpace({ space, isDefault: false, rootCollection: collection }),\n        ),\n      );\n\n      const { observability } = yield* Capability.get(SpaceOperationConfig);\n      if (observability) {\n        yield* Operation.schedule(ObservabilityOperation.SendEvent, {\n          name: 'space.create',\n          properties: { spaceId: space.id },\n        });\n      }\n\n      return { id: space.id, subject: [space.id], space };\n    }),\n  ),\n);\nexport default handler;\n"],
+  "mappings": ";;;;;;;;;;;;;AAEA,YAAYA,YAAY;AAExB,SAASC,YAAYC,cAAc;AACnC,SAASC,iBAAiB;AAC1B,SAASC,YAAYC,KAAKC,WAAW;AACrC,SAASC,kBAAkB;AAC3B,SAASC,0BAA0B;AACnC,SAASC,8BAA8B;AACvC,SAASC,8BAA8B;AACvC,SAASC,kBAAkB;AAC3B,SAASC,YAAY;AAMrB,IAAMC,UAA+DC,eAAeC,OAAOC,KACzFC,UAAUC,YACDC,kBAAW,WAAW,EAAEC,MAAMC,KAAKC,MAAMC,MAAMC,OAAOC,gBAAe,GAAE;AAC5E,QAAMC,SAAS,OAAOC,WAAWC,IAAIC,mBAAmBC,MAAM;AAC9D,QAAMT,MAAMC,QAAQS,KAAKC,KAAKC,MAAMD,KAAKE,OAAM,IAAKH,KAAKI,MAAM,CAAA;AAC/D,QAAMZ,OAAOC,SAASY,WAAWJ,KAAKC,MAAMD,KAAKE,OAAM,IAAKE,WAAWD,MAAM,CAAA;AAC7E,QAAME,QAAQ,OAAcC,eAAQ,MAAMZ,OAAOa,OAAOC,OAAO;IAAEpB;IAAMC;IAAKE;EAAK,CAAA,CAAA;AACjF,MAAIE,iBAAiB;AACnB,WAAca,eAAQ,MAAMD,MAAMI,SAASC,6BAA6BC,uBAAuBC,OAAO,CAAA;EACxG;AACA,SAAcN,eAAQ,MAAMD,MAAMQ,eAAc,CAAA;AAEhD,QAAMC,aAAaC,IAAIC,KAAKC,WAAWA,YAAY;IAAEC,SAAS,CAAA;EAAG,CAAA;AACjEH,MAAII,OAAOd,MAAMe,YAAY,CAACC,QAAAA;AAC5BA,QAAIJ,WAAWA,WAAWK,QAAQ,IAAIC,IAAIP,KAAKF,UAAAA;AAC/C,QAAIU,WAAWC,iBAAiB;AAC9BJ,UAAIG,WAAWC,eAAe,IAAID,WAAWE;IAC/C;EACF,CAAA;AAEA,SAAOC,OAAOC,SAASC,YAAYC,YAAY;AAC/C,QAAMC,yBAAyB,OAAOpC,WAAWqC,OAAOC,kBAAkBC,aAAa;AACvF,SAAcC,WACZJ,uBAAuBK,IAAI,CAACC,kBAC1BA,cAAc;IAAEhC;IAAOiC,WAAW;IAAOC,gBAAgBzB;EAAW,CAAA,CAAA,CAAA;AAIxE,QAAM,EAAE0B,cAAa,IAAK,OAAO7C,WAAWC,IAAI6C,oBAAAA;AAChD,MAAID,eAAe;AACjB,WAAOvD,UAAUyD,SAASC,uBAAuBC,WAAW;MAC1DxD,MAAM;MACNgC,YAAY;QAAEyB,SAASxC,MAAMyC;MAAG;IAClC,CAAA;EACF;AAEA,SAAO;IAAEA,IAAIzC,MAAMyC;IAAIC,SAAS;MAAC1C,MAAMyC;;IAAKzC;EAAM;AACpD,CAAA,CAAA,CAAA;AAGJ,IAAA,iBAAexB;",
+  "names": ["Effect", "Capability", "Plugin", "Operation", "Collection", "Obj", "Ref", "Migrations", "ClientCapabilities", "ObservabilityOperation", "EdgeReplicationSetting", "iconValues", "hues", "handler", "SpaceOperation", "Create", "pipe", "Operation", "withHandler", "fnUntraced", "name", "hue", "hue_", "icon", "icon_", "edgeReplication", "client", "Capability", "get", "ClientCapabilities", "Client", "hues", "Math", "floor", "random", "length", "iconValues", "space", "promise", "spaces", "create", "internal", "setEdgeReplicationPreference", "EdgeReplicationSetting", "ENABLED", "waitUntilReady", "collection", "Obj", "make", "Collection", "objects", "update", "properties", "obj", "typename", "Ref", "Migrations", "versionProperty", "targetVersion", "Plugin", "activate", "SpaceEvents", "SpaceCreated", "onCreateSpaceCallbacks", "getAll", "SpaceCapabilities", "OnCreateSpace", "all", "map", "onCreateSpace", "isDefault", "rootCollection", "observability", "SpaceOperationConfig", "schedule", "ObservabilityOperation", "SendEvent", "spaceId", "id", "subject"]
+}