@dxos/plugin-space 0.8.4-main.bc674ce → 0.8.4-main.c351d160a8

package/dist/lib/browser/{RecordArticle-W57QE7QV.mjs → RecordArticle-YXAJ23HH.mjs}

@@ -1,65 +1,79 @@
 import {
   meta
-} from "./chunk-HSMQFM57.mjs";
+} from "./chunk-CBWGVOJE.mjs";
 
-// src/components/RecordArticle.tsx
+// src/containers/RecordArticle/RecordArticle.tsx
+import * as Function from "effect/Function";
+import * as Option from "effect/Option";
 import React, { useMemo } from "react";
-import { Surface } from "@dxos/app-framework/react";
-import { Entity, Filter, Obj, Ref, Relation } from "@dxos/echo";
+import { Surface } from "@dxos/app-framework/ui";
+import { useObjectMenuItems } from "@dxos/app-toolkit/ui";
+import { Annotation, Entity, Filter, Obj, Ref, Relation } from "@dxos/echo";
 import { useQuery } from "@dxos/react-client/echo";
-import { useTranslation } from "@dxos/react-ui";
+import { Card, Panel, ScrollArea, Toolbar, useTranslation } from "@dxos/react-ui";
 import { Masonry } from "@dxos/react-ui-masonry";
-import { Layout, Card as MosaicCard } from "@dxos/react-ui-mosaic";
+import { Menu } from "@dxos/react-ui-menu";
 import { mx } from "@dxos/ui-theme";
 import { isNonNullable } from "@dxos/util";
 var RecordArticle = ({ role, subject }) => {
   const { t } = useTranslation(meta.id);
   const db = Obj.getDatabase(subject);
-  const data = useMemo(() => ({
-    subject
-  }), [
-    subject
-  ]);
   const related = useRelatedObjects(db, subject, {
     references: true,
     relations: true
   });
   const singleColumn = related.length === 1;
-  return /* @__PURE__ */ React.createElement(Layout.Main, {
-    role
-  }, /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: mx("flex flex-col gap-4 p-4 is-full overflow-y-auto")
-  }, /* @__PURE__ */ React.createElement("div", {
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    role,
+    className: "dx-document"
+  }, /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    orientation: "vertical"
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
+    classNames: "p-4 gap-4"
+  }, /* @__PURE__ */ React.createElement(ObjectCard, {
+    data: subject,
+    classNames: "dx-card-max-width"
+  }), related.length > 0 && /* @__PURE__ */ React.createElement("div", {
     role: "none",
-    className: mx("flex is-full card-max-width")
-  }, /* @__PURE__ */ React.createElement(Surface, {
-    role: "section",
-    data,
-    limit: 1
-  })), related.length > 0 && /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: mx("flex flex-col gap-1", singleColumn ? "card-max-width" : "is-full")
+    className: mx("flex flex-col gap-1", singleColumn ? "dx-card-max-width" : "w-full")
   }, /* @__PURE__ */ React.createElement("label", {
-    className: "mbs-2 text-sm text-description"
+    className: "mt-2 text-sm text-description"
   }, t("related objects label")), /* @__PURE__ */ React.createElement(Masonry.Root, {
     items: related,
-    render: Card,
+    render: ObjectCard,
     columnCount: singleColumn ? 1 : void 0,
     intrinsicHeight: true
-  }))));
+  }))))));
 };
-var Card = ({ data: subject }) => {
+var ObjectCard = ({ data: subject, classNames }) => {
+  const objectMenuItems = useObjectMenuItems(subject);
   const data = useMemo(() => ({
     subject
   }), [
     subject
   ]);
-  return /* @__PURE__ */ React.createElement(MosaicCard.Root, null, /* @__PURE__ */ React.createElement(MosaicCard.Toolbar, null, /* @__PURE__ */ React.createElement("span", null), /* @__PURE__ */ React.createElement(MosaicCard.Title, null, Entity.getLabel(subject))), /* @__PURE__ */ React.createElement(Surface, {
+  const icon = Function.pipe(Obj.getSchema(subject), Option.fromNullable, Option.flatMap(Annotation.IconAnnotation.get), Option.map(({ icon: icon2 }) => icon2), Option.getOrElse(() => "ph--placeholder--regular"));
+  return /* @__PURE__ */ React.createElement(Menu.Root, null, /* @__PURE__ */ React.createElement(Card.Root, {
+    classNames
+  }, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement(Card.Icon, {
+    icon
+  }), /* @__PURE__ */ React.createElement(Card.Title, null, Entity.getLabel(subject)), /* @__PURE__ */ React.createElement(Menu.Trigger, {
+    asChild: true,
+    disabled: !objectMenuItems?.length
+  }, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
+    iconOnly: true,
+    variant: "ghost",
+    icon: "ph--dots-three-vertical--regular",
+    label: "Actions"
+  })), /* @__PURE__ */ React.createElement(Menu.Content, {
+    items: objectMenuItems
+  })), /* @__PURE__ */ React.createElement(Card.Content, null, /* @__PURE__ */ React.createElement(Surface.Surface, {
     role: "card--content",
     data,
     limit: 1
-  }));
+  }))));
 };
 var useRelatedObjects = (db, record, options = {}) => {
   const objects = useQuery(db, Filter.everything());
@@ -93,15 +107,16 @@ var useRelatedObjects = (db, record, options = {}) => {
       const sourceObjects = relations.filter((relation) => Relation.getSource(relation) === record).map((relation) => Relation.getTarget(relation));
       related.push(...targetObjects, ...sourceObjects);
     }
-    return related;
+    return Array.from(new Set(related));
   }, [
     record,
     objects
   ]);
 };
+
+// src/containers/RecordArticle/index.ts
 var RecordArticle_default = RecordArticle;
 export {
-  RecordArticle,
   RecordArticle_default as default
 };
-//# sourceMappingURL=RecordArticle-W57QE7QV.mjs.map
+//# sourceMappingURL=RecordArticle-YXAJ23HH.mjs.map

package/dist/lib/browser/RecordArticle-YXAJ23HH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/RecordArticle/RecordArticle.tsx", "../../../src/containers/RecordArticle/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Function from 'effect/Function';\nimport * as Option from 'effect/Option';\nimport React, { useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { type SurfaceComponentProps, useObjectMenuItems } from '@dxos/app-toolkit/ui';\nimport { Annotation, type Database, Entity, Filter, Obj, Ref, Relation } from '@dxos/echo';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Card, Panel, ScrollArea, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { Menu } from '@dxos/react-ui-menu';\nimport { mx } from '@dxos/ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../../meta';\n\nexport const RecordArticle = ({ role, subject }: SurfaceComponentProps) => {\n  const { t } = useTranslation(meta.id);\n  const db = Obj.getDatabase(subject);\n  const related = useRelatedObjects(db, subject, {\n    references: true,\n    relations: true,\n  });\n  const singleColumn = related.length === 1;\n\n  return (\n    <Panel.Root role={role} className='dx-document'>\n      <Panel.Content asChild>\n        <ScrollArea.Root orientation='vertical'>\n          <ScrollArea.Viewport classNames='p-4 gap-4'>\n            <ObjectCard data={subject} classNames='dx-card-max-width' />\n\n            {related.length > 0 && (\n              <div role='none' className={mx('flex flex-col gap-1', singleColumn ? 'dx-card-max-width' : 'w-full')}>\n                <label className='mt-2 text-sm text-description'>{t('related objects label')}</label>\n                <Masonry.Root<Entity.Unknown>\n                  items={related}\n                  render={ObjectCard}\n                  columnCount={singleColumn ? 1 : undefined}\n                  intrinsicHeight\n                />\n              </div>\n            )}\n          </ScrollArea.Viewport>\n        </ScrollArea.Root>\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n\nconst ObjectCard = ({ data: subject, classNames }: { data: Entity.Unknown; classNames?: string }) => {\n  const objectMenuItems = useObjectMenuItems(subject);\n  const data = useMemo(() => ({ subject }), [subject]);\n  const icon = Function.pipe(\n    Obj.getSchema(subject),\n    Option.fromNullable,\n    Option.flatMap(Annotation.IconAnnotation.get),\n    Option.map(({ icon }) => icon),\n    Option.getOrElse(() => 'ph--placeholder--regular'),\n  );\n\n  return (\n    <Menu.Root>\n      <Card.Root classNames={classNames}>\n        <Card.Toolbar>\n          <Card.Icon icon={icon} />\n          <Card.Title>{Entity.getLabel(subject)}</Card.Title>\n          <Menu.Trigger asChild disabled={!objectMenuItems?.length}>\n            <Toolbar.IconButton iconOnly variant='ghost' icon='ph--dots-three-vertical--regular' label='Actions' />\n          </Menu.Trigger>\n          <Menu.Content items={objectMenuItems} />\n        </Card.Toolbar>\n        <Card.Content>\n          <Surface.Surface role='card--content' data={data} limit={1} />\n        </Card.Content>\n      </Card.Root>\n    </Menu.Root>\n  );\n};\n\n// TODO(wittjosiah): This is a hack. ECHO needs to have a back reference index to easily query for related objects.\nconst useRelatedObjects = (\n  db?: Database.Database,\n  record?: Obj.Unknown,\n  options: { references?: boolean; relations?: boolean } = {},\n) => {\n  const objects = useQuery(db, Filter.everything());\n  return useMemo(() => {\n    if (!record) {\n      return [];\n    }\n\n    const related: Entity.Unknown[] = [];\n\n    // TODO(burdon): Change Person => Organization to relations.\n    if (options.references) {\n      const getReferences = (obj: Entity.Unknown): Ref.Unknown[] => {\n        return Object.getOwnPropertyNames(obj)\n          .map((name) => obj[name as keyof Obj.Unknown])\n          .filter((value) => Ref.isRef(value)) as Ref.Unknown[];\n      };\n\n      const references = getReferences(record);\n      const referenceTargets = references.map((ref) => ref.target).filter(isNonNullable);\n      const referenceSources = objects.filter((obj) => {\n        const refs = getReferences(obj);\n        return refs.some((ref) => ref.target === record);\n      });\n\n      related.push(...referenceTargets, ...referenceSources);\n    }\n\n    if (options.relations) {\n      // TODO(dmaretskyi): Workaround until https://github.com/dxos/dxos/pull/10100 lands.\n      const isValidRelation = (obj: Relation.Unknown) => {\n        try {\n          return Relation.isRelation(obj) && Relation.getSource(obj) && Relation.getTarget(obj);\n        } catch {\n          return false;\n        }\n      };\n\n      const relations = objects.filter(Relation.isRelation).filter((obj) => isValidRelation(obj));\n      const targetObjects = relations\n        .filter((relation) => Relation.getTarget(relation) === record)\n        .map((relation) => Relation.getSource(relation));\n      const sourceObjects = relations\n        .filter((relation) => Relation.getSource(relation) === record)\n        .map((relation) => Relation.getTarget(relation));\n\n      related.push(...targetObjects, ...sourceObjects);\n    }\n\n    return Array.from(new Set(related));\n  }, [record, objects]);\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { RecordArticle } from './RecordArticle';\n\nexport default RecordArticle;\n"],
+  "mappings": "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",
+  "names": ["Function", "Option", "React", "useMemo", "Surface", "useObjectMenuItems", "Annotation", "Entity", "Filter", "Obj", "Ref", "Relation", "useQuery", "Card", "Panel", "ScrollArea", "Toolbar", "useTranslation", "Masonry", "Menu", "mx", "isNonNullable", "RecordArticle", "role", "subject", "t", "useTranslation", "meta", "id", "db", "Obj", "getDatabase", "related", "useRelatedObjects", "references", "relations", "singleColumn", "length", "Panel", "Root", "className", "Content", "asChild", "ScrollArea", "orientation", "Viewport", "classNames", "ObjectCard", "data", "div", "mx", "label", "Masonry", "items", "render", "columnCount", "undefined", "intrinsicHeight", "objectMenuItems", "useObjectMenuItems", "useMemo", "icon", "pipe", "getSchema", "fromNullable", "flatMap", "Annotation", "IconAnnotation", "get", "map", "getOrElse", "Menu", "Card", "Toolbar", "Icon", "Title", "Entity", "getLabel", "Trigger", "disabled", "IconButton", "iconOnly", "variant", "Surface", "limit", "record", "options", "objects", "useQuery", "Filter", "everything", "getReferences", "obj", "Object", "getOwnPropertyNames", "name", "filter", "value", "Ref", "isRef", "referenceTargets", "ref", "target", "isNonNullable", "referenceSources", "refs", "some", "push", "isValidRelation", "Relation", "isRelation", "getSource", "getTarget", "targetObjects", "relation", "sourceObjects", "Array", "from", "Set", "RecordArticle"]
+}

package/dist/lib/browser/SchemaContainer-QWCSIZBS.mjs

@@ -0,0 +1,49 @@
+import {
+  meta
+} from "./chunk-CBWGVOJE.mjs";
+
+// src/containers/SchemaContainer/SchemaContainer.tsx
+import React, { useEffect, useState } from "react";
+import { useTranslation } from "@dxos/react-ui";
+import { Settings } from "@dxos/react-ui-form";
+import { mx } from "@dxos/ui-theme";
+var SchemaContainer = ({ space }) => {
+  const { t } = useTranslation(meta.id);
+  const schemas = useQuerySpaceSchemas(space);
+  return /* @__PURE__ */ React.createElement(Settings.Root, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("schema verbose label"),
+    description: t("schema description")
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: mx([
+      "grid md:col-span-2 grid-cols-subgrid gap-trim-sm items-center",
+      "*:first:mt-0! *:last:mb-0! px-trim-md py-trim-md",
+      "border border-separator rounded-md"
+    ])
+  }, schemas.length === 0 && /* @__PURE__ */ React.createElement("div", {
+    className: "text-center py-4"
+  }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    key: schema.id
+  }, schema.typename)))));
+};
+var useQuerySpaceSchemas = (space) => {
+  const [schemas, setSchemas] = useState([]);
+  useEffect(() => {
+    const query = space.db.schemaRegistry.query();
+    const initialResults = query.runSync();
+    setSchemas(initialResults);
+    const unsubscribe = query.subscribe(() => setSchemas(query.results));
+    return () => unsubscribe();
+  }, [
+    space
+  ]);
+  return schemas;
+};
+
+// src/containers/SchemaContainer/index.ts
+var SchemaContainer_default = SchemaContainer;
+export {
+  SchemaContainer_default as default
+};
+//# sourceMappingURL=SchemaContainer-QWCSIZBS.mjs.map

package/dist/lib/browser/SchemaContainer-QWCSIZBS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SchemaContainer/SchemaContainer.tsx", "../../../src/containers/SchemaContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useState } from 'react';\n\nimport { type Type } from '@dxos/echo';\nimport { type Space } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Settings } from '@dxos/react-ui-form';\nimport { mx } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\n\ntype SchemaPanelProps = { space: Space };\n\nexport const SchemaContainer = ({ space }: SchemaPanelProps) => {\n  const { t } = useTranslation(meta.id);\n  const schemas = useQuerySpaceSchemas(space);\n\n  return (\n    <Settings.Root>\n      <Settings.Section title={t('schema verbose label')} description={t('schema description')}>\n        <div\n          role='none'\n          className={mx([\n            'grid md:col-span-2 grid-cols-subgrid gap-trim-sm items-center',\n            '*:first:mt-0! *:last:mb-0! px-trim-md py-trim-md',\n            'border border-separator rounded-md',\n          ])}\n        >\n          {schemas.length === 0 && <div className='text-center py-4'>{t('no schemas found message')}</div>}\n          {schemas.map((schema) => (\n            <div role='none' key={schema.id}>\n              {schema.typename}\n            </div>\n          ))}\n        </div>\n      </Settings.Section>\n    </Settings.Root>\n  );\n};\n\n/**\n * Subscribe to and retrieve all schemas from a space's schema registry.\n */\nexport const useQuerySpaceSchemas = (space: Space): Type.RuntimeType[] => {\n  const [schemas, setSchemas] = useState<Type.RuntimeType[]>([]);\n\n  useEffect(() => {\n    const query = space.db.schemaRegistry.query();\n    const initialResults = query.runSync();\n    setSchemas(initialResults);\n\n    const unsubscribe = query.subscribe(() => setSchemas(query.results));\n    return () => unsubscribe();\n  }, [space]);\n\n  return schemas;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { SchemaContainer } from './SchemaContainer';\n\nexport default SchemaContainer;\n"],
+  "mappings": ";;;;;AAIA,OAAOA,SAASC,WAAWC,gBAAgB;AAI3C,SAASC,sBAAsB;AAC/B,SAASC,gBAAgB;AACzB,SAASC,UAAU;AAMZ,IAAMC,kBAAkB,CAAC,EAAEC,MAAK,MAAoB;AACzD,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,UAAUC,qBAAqBN,KAAAA;AAErC,SACE,sBAAA,cAACO,SAASC,MAAI,MACZ,sBAAA,cAACD,SAASE,SAAO;IAACC,OAAOT,EAAE,sBAAA;IAAyBU,aAAaV,EAAE,oBAAA;KACjE,sBAAA,cAACW,OAAAA;IACCC,MAAK;IACLC,WAAWC,GAAG;MACZ;MACA;MACA;KACD;KAEAV,QAAQW,WAAW,KAAK,sBAAA,cAACJ,OAAAA;IAAIE,WAAU;KAAoBb,EAAE,0BAAA,CAAA,GAC7DI,QAAQY,IAAI,CAACC,WACZ,sBAAA,cAACN,OAAAA;IAAIC,MAAK;IAAOM,KAAKD,OAAOd;KAC1Bc,OAAOE,QAAQ,CAAA,CAAA,CAAA,CAAA;AAO9B;AAKO,IAAMd,uBAAuB,CAACN,UAAAA;AACnC,QAAM,CAACK,SAASgB,UAAAA,IAAcC,SAA6B,CAAA,CAAE;AAE7DC,YAAU,MAAA;AACR,UAAMC,QAAQxB,MAAMyB,GAAGC,eAAeF,MAAK;AAC3C,UAAMG,iBAAiBH,MAAMI,QAAO;AACpCP,eAAWM,cAAAA;AAEX,UAAME,cAAcL,MAAMM,UAAU,MAAMT,WAAWG,MAAMO,OAAO,CAAA;AAClE,WAAO,MAAMF,YAAAA;EACf,GAAG;IAAC7B;GAAM;AAEV,SAAOK;AACT;;;ACrDA,IAAA,0BAAe2B;",
+  "names": ["React", "useEffect", "useState", "useTranslation", "Settings", "mx", "SchemaContainer", "space", "t", "useTranslation", "meta", "id", "schemas", "useQuerySpaceSchemas", "Settings", "Root", "Section", "title", "description", "div", "role", "className", "mx", "length", "map", "schema", "key", "typename", "setSchemas", "useState", "useEffect", "query", "db", "schemaRegistry", "initialResults", "runSync", "unsubscribe", "subscribe", "results", "SchemaContainer"]
+}

package/dist/lib/browser/SmallPresenceLive-AHHLBAUP.mjs

@@ -0,0 +1,9 @@
+import {
+  SmallPresenceLive
+} from "./chunk-UYOJYBGW.mjs";
+import "./chunk-6IT5IBB5.mjs";
+import "./chunk-CBWGVOJE.mjs";
+export {
+  SmallPresenceLive as default
+};
+//# sourceMappingURL=SmallPresenceLive-AHHLBAUP.mjs.map

package/dist/lib/browser/SmallPresenceLive-AHHLBAUP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/lib/browser/SpacePluginSettings-QGZKNQLK.mjs

@@ -0,0 +1,59 @@
+import {
+  getSpaceDisplayName
+} from "./chunk-6OA75CWN.mjs";
+import {
+  SpaceOperation
+} from "./chunk-6IT5IBB5.mjs";
+import {
+  meta
+} from "./chunk-CBWGVOJE.mjs";
+
+// src/containers/SpacePluginSettings/SpacePluginSettings.tsx
+import React from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { useClient } from "@dxos/react-client";
+import { useSpaces } from "@dxos/react-client/echo";
+import { IconButton, Input, List, ListItem, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { Settings } from "@dxos/react-ui-form";
+var SpacePluginSettings = ({ settings, onSettingsChange }) => {
+  const { t } = useTranslation(meta.id);
+  const client = useClient();
+  const spaces = useSpaces({
+    all: settings.showHidden
+  });
+  const { invokePromise } = useOperationInvoker();
+  return /* @__PURE__ */ React.createElement(Settings.Root, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("space settings label"),
+    description: t("space settings description")
+  }, /* @__PURE__ */ React.createElement(Settings.Group, null, /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("show hidden spaces label")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.showHidden,
+    onCheckedChange: (checked) => onSettingsChange((state) => ({
+      ...state,
+      showHidden: !!checked
+    }))
+  }))), /* @__PURE__ */ React.createElement(Settings.Container, null, /* @__PURE__ */ React.createElement(List, {
+    classNames: "flex flex-col gap-trim-sm"
+  }, spaces.map((space) => /* @__PURE__ */ React.createElement(ListItem.Root, {
+    key: space.id,
+    classNames: "w-full items-center"
+  }, /* @__PURE__ */ React.createElement(ListItem.Heading, {
+    classNames: "grow truncate min-h-0!"
+  }, toLocalizedString(getSpaceDisplayName(space, {
+    personal: space === client.spaces.default
+  }), t)), /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--faders--regular",
+    onClick: () => invokePromise(SpaceOperation.OpenSettings, {
+      space
+    }),
+    label: t("open space settings label")
+  })))))));
+};
+
+// src/containers/SpacePluginSettings/index.ts
+var SpacePluginSettings_default = SpacePluginSettings;
+export {
+  SpacePluginSettings_default as default
+};
+//# sourceMappingURL=SpacePluginSettings-QGZKNQLK.mjs.map

package/dist/lib/browser/SpacePluginSettings-QGZKNQLK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SpacePluginSettings/SpacePluginSettings.tsx", "../../../src/containers/SpacePluginSettings/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { useClient } from '@dxos/react-client';\nimport { useSpaces } from '@dxos/react-client/echo';\nimport { IconButton, Input, List, ListItem, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Settings } from '@dxos/react-ui-form';\n\nimport { meta } from '../../meta';\nimport { SpaceOperation, type SpaceSettingsProps } from '../../types';\nimport { getSpaceDisplayName } from '../../util';\n\nexport type SpacePluginSettingsComponentProps = {\n  settings: SpaceSettingsProps;\n  onSettingsChange: (fn: (current: SpaceSettingsProps) => SpaceSettingsProps) => void;\n};\n\nexport const SpacePluginSettings = ({ settings, onSettingsChange }: SpacePluginSettingsComponentProps) => {\n  const { t } = useTranslation(meta.id);\n  const client = useClient();\n  const spaces = useSpaces({ all: settings.showHidden });\n  const { invokePromise } = useOperationInvoker();\n\n  return (\n    <Settings.Root>\n      <Settings.Section title={t('space settings label')} description={t('space settings description')}>\n        <Settings.Group>\n          <Settings.ItemInput title={t('show hidden spaces label')}>\n            <Input.Switch\n              checked={settings.showHidden}\n              onCheckedChange={(checked) => onSettingsChange((state) => ({ ...state, showHidden: !!checked }))}\n            />\n          </Settings.ItemInput>\n        </Settings.Group>\n\n        <Settings.Container>\n          <List classNames='flex flex-col gap-trim-sm'>\n            {spaces.map((space) => (\n              <ListItem.Root key={space.id} classNames='w-full items-center'>\n                {/* TODO(burdon): Should auto center and truncate; NOTE truncate doesn't work with flex grow. */}\n                <ListItem.Heading classNames='grow truncate min-h-0!'>\n                  {toLocalizedString(\n                    getSpaceDisplayName(space, {\n                      personal: space === client.spaces.default,\n                    }),\n                    t,\n                  )}\n                </ListItem.Heading>\n                <IconButton\n                  icon='ph--faders--regular'\n                  onClick={() => invokePromise(SpaceOperation.OpenSettings, { space })}\n                  label={t('open space settings label')}\n                />\n              </ListItem.Root>\n            ))}\n          </List>\n        </Settings.Container>\n      </Settings.Section>\n    </Settings.Root>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SpacePluginSettings } from './SpacePluginSettings';\n\nexport default SpacePluginSettings;\n"],
+  "mappings": ";;;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,2BAA2B;AACpC,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,YAAYC,OAAOC,MAAMC,UAAUC,mBAAmBC,sBAAsB;AACrF,SAASC,gBAAgB;AAWlB,IAAMC,sBAAsB,CAAC,EAAEC,UAAUC,iBAAgB,MAAqC;AACnG,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,SAASC,UAAAA;AACf,QAAMC,SAASC,UAAU;IAAEC,KAAKV,SAASW;EAAW,CAAA;AACpD,QAAM,EAAEC,cAAa,IAAKC,oBAAAA;AAE1B,SACE,sBAAA,cAACC,SAASC,MAAI,MACZ,sBAAA,cAACD,SAASE,SAAO;IAACC,OAAOf,EAAE,sBAAA;IAAyBgB,aAAahB,EAAE,4BAAA;KACjE,sBAAA,cAACY,SAASK,OAAK,MACb,sBAAA,cAACL,SAASM,WAAS;IAACH,OAAOf,EAAE,0BAAA;KAC3B,sBAAA,cAACmB,MAAMC,QAAM;IACXC,SAASvB,SAASW;IAClBa,iBAAiB,CAACD,YAAYtB,iBAAiB,CAACwB,WAAW;MAAE,GAAGA;MAAOd,YAAY,CAAC,CAACY;IAAQ,EAAA;QAKnG,sBAAA,cAACT,SAASY,WAAS,MACjB,sBAAA,cAACC,MAAAA;IAAKC,YAAW;KACdpB,OAAOqB,IAAI,CAACC,UACX,sBAAA,cAACC,SAAShB,MAAI;IAACiB,KAAKF,MAAMzB;IAAIuB,YAAW;KAEvC,sBAAA,cAACG,SAASE,SAAO;IAACL,YAAW;KAC1BM,kBACCC,oBAAoBL,OAAO;IACzBM,UAAUN,UAAUxB,OAAOE,OAAO6B;EACpC,CAAA,GACAnC,CAAAA,CAAAA,GAGJ,sBAAA,cAACoC,YAAAA;IACCC,MAAK;IACLC,SAAS,MAAM5B,cAAc6B,eAAeC,cAAc;MAAEZ;IAAM,CAAA;IAClEa,OAAOzC,EAAE,2BAAA;;AAS3B;;;AC1DA,IAAA,8BAAe0C;",
+  "names": ["React", "useOperationInvoker", "useClient", "useSpaces", "IconButton", "Input", "List", "ListItem", "toLocalizedString", "useTranslation", "Settings", "SpacePluginSettings", "settings", "onSettingsChange", "t", "useTranslation", "meta", "id", "client", "useClient", "spaces", "useSpaces", "all", "showHidden", "invokePromise", "useOperationInvoker", "Settings", "Root", "Section", "title", "description", "Group", "ItemInput", "Input", "Switch", "checked", "onCheckedChange", "state", "Container", "List", "classNames", "map", "space", "ListItem", "key", "Heading", "toLocalizedString", "getSpaceDisplayName", "personal", "default", "IconButton", "icon", "onClick", "SpaceOperation", "OpenSettings", "label", "SpacePluginSettings"]
+}

package/dist/lib/browser/SpacePresence-JIWLBUWO.mjs

@@ -0,0 +1,12 @@
+import {
+  SmallPresenceLive,
+  SpacePresence
+} from "./chunk-UYOJYBGW.mjs";
+import "./chunk-6IT5IBB5.mjs";
+import "./chunk-CBWGVOJE.mjs";
+export {
+  SmallPresenceLive,
+  SpacePresence,
+  SpacePresence as default
+};
+//# sourceMappingURL=SpacePresence-JIWLBUWO.mjs.map

package/dist/lib/browser/SpacePresence-JIWLBUWO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/lib/browser/SpaceRenamePopover-ZL6RRZ2B.mjs

@@ -0,0 +1,62 @@
+import {
+  meta
+} from "./chunk-CBWGVOJE.mjs";
+
+// src/containers/SpaceRenamePopover/SpaceRenamePopover.tsx
+import React, { useCallback, useRef, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Obj } from "@dxos/echo";
+import { Button, Input, Popover, useTranslation } from "@dxos/react-ui";
+import { osTranslations } from "@dxos/ui-theme";
+var SPACE_RENAME_POPOVER = `${meta.id}.SpaceRenamePopover`;
+var SpaceRenamePopover = ({ space }) => {
+  const { t } = useTranslation(meta.id);
+  const doneButton = useRef(null);
+  const [name, setName] = useState(space.properties.name ?? "");
+  const { invokePromise } = useOperationInvoker();
+  const handleDone = useCallback(() => {
+    Obj.change(space.properties, (p) => {
+      p.name = name;
+    });
+    void invokePromise(LayoutOperation.UpdatePopover, {
+      anchorId: "",
+      state: false
+    });
+  }, [
+    space,
+    name,
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "p-2 flex gap-2"
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex-1"
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, {
+    srOnly: true
+  }, t("space name label")), /* @__PURE__ */ React.createElement(Input.TextInput, {
+    defaultValue: space.properties.name ?? "",
+    placeholder: t("unnamed space label"),
+    onChange: ({ target: { value } }) => setName(value),
+    // TODO(wittjosiah): Ideally this should access the popover context to close the popover.
+    //   Currently this is not possible because Radix does not expose the popover context.
+    onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
+  }))), /* @__PURE__ */ React.createElement(Popover.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    ref: doneButton,
+    classNames: "self-stretch",
+    onClick: handleDone
+  }, t("done label", {
+    ns: osTranslations
+  }))));
+};
+
+// src/containers/SpaceRenamePopover/index.ts
+var SpaceRenamePopover_default = SpaceRenamePopover;
+export {
+  SpaceRenamePopover_default as default
+};
+//# sourceMappingURL=SpaceRenamePopover-ZL6RRZ2B.mjs.map

package/dist/lib/browser/SpaceRenamePopover-ZL6RRZ2B.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SpaceRenamePopover/SpaceRenamePopover.tsx", "../../../src/containers/SpaceRenamePopover/index.ts"],
+  "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 { type Space } from '@dxos/client/echo';\nimport { Obj } from '@dxos/echo';\nimport { Button, Input, Popover, useTranslation } from '@dxos/react-ui';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\n\nexport const SPACE_RENAME_POPOVER = `${meta.id}.SpaceRenamePopover`;\n\nexport const SpaceRenamePopover = ({ space }: { space: Space }) => {\n  const { t } = useTranslation(meta.id);\n  const doneButton = useRef<HTMLButtonElement>(null);\n  const [name, setName] = useState(space.properties.name ?? '');\n  const { invokePromise } = useOperationInvoker();\n\n  const handleDone = useCallback(() => {\n    Obj.change(space.properties, (p) => {\n      p.name = name;\n    });\n    void invokePromise(LayoutOperation.UpdatePopover, { anchorId: '', state: false });\n  }, [space, name, invokePromise]);\n\n  // TODO(thure): Why does the input value need to be uncontrolled to work?\n  return (\n    <div role='none' className='p-2 flex gap-2'>\n      <div role='none' className='flex-1'>\n        <Input.Root>\n          <Input.Label srOnly>{t('space name label')}</Input.Label>\n          <Input.TextInput\n            defaultValue={space.properties.name ?? ''}\n            placeholder={t('unnamed space label')}\n            onChange={({ target: { value } }) => setName(value)}\n            // TODO(wittjosiah): Ideally this should access the popover context to close the popover.\n            //   Currently this is not possible because Radix does not expose the popover context.\n            onKeyDown={({ key }) => key === 'Enter' && doneButton.current?.click()}\n          />\n        </Input.Root>\n      </div>\n      <Popover.Close asChild>\n        <Button ref={doneButton} classNames='self-stretch' onClick={handleDone}>\n          {t('done label', { ns: osTranslations })}\n        </Button>\n      </Popover.Close>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SpaceRenamePopover } from './SpaceRenamePopover';\n\nexport default SpaceRenamePopover;\n"],
+  "mappings": ";;;;;AAIA,OAAOA,SAASC,aAAaC,QAAQC,gBAAgB;AAErD,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAEhC,SAASC,WAAW;AACpB,SAASC,QAAQC,OAAOC,SAASC,sBAAsB;AACvD,SAASC,sBAAsB;AAIxB,IAAMC,uBAAuB,GAAGC,KAAKC,EAAE;AAEvC,IAAMC,qBAAqB,CAAC,EAAEC,MAAK,MAAoB;AAC5D,QAAM,EAAEC,EAAC,IAAKC,eAAeL,KAAKC,EAAE;AACpC,QAAMK,aAAaC,OAA0B,IAAA;AAC7C,QAAM,CAACC,MAAMC,OAAAA,IAAWC,SAASP,MAAMQ,WAAWH,QAAQ,EAAA;AAC1D,QAAM,EAAEI,cAAa,IAAKC,oBAAAA;AAE1B,QAAMC,aAAaC,YAAY,MAAA;AAC7BC,QAAIC,OAAOd,MAAMQ,YAAY,CAACO,MAAAA;AAC5BA,QAAEV,OAAOA;IACX,CAAA;AACA,SAAKI,cAAcO,gBAAgBC,eAAe;MAAEC,UAAU;MAAIC,OAAO;IAAM,CAAA;EACjF,GAAG;IAACnB;IAAOK;IAAMI;GAAc;AAG/B,SACE,sBAAA,cAACW,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACF,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACC,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,OAAK;IAACC,QAAAA;KAAQzB,EAAE,kBAAA,CAAA,GACvB,sBAAA,cAACsB,MAAMI,WAAS;IACdC,cAAc5B,MAAMQ,WAAWH,QAAQ;IACvCwB,aAAa5B,EAAE,qBAAA;IACf6B,UAAU,CAAC,EAAEC,QAAQ,EAAEC,MAAK,EAAE,MAAO1B,QAAQ0B,KAAAA;;;IAG7CC,WAAW,CAAC,EAAEC,IAAG,MAAOA,QAAQ,WAAW/B,WAAWgC,SAASC,MAAAA;QAIrE,sBAAA,cAACC,QAAQC,OAAK;IAACC,SAAAA;KACb,sBAAA,cAACC,QAAAA;IAAOC,KAAKtC;IAAYuC,YAAW;IAAeC,SAAShC;KACzDV,EAAE,cAAc;IAAE2C,IAAIC;EAAe,CAAA,CAAA,CAAA,CAAA;AAKhD;;;AC/CA,IAAA,6BAAeC;",
+  "names": ["React", "useCallback", "useRef", "useState", "useOperationInvoker", "LayoutOperation", "Obj", "Button", "Input", "Popover", "useTranslation", "osTranslations", "SPACE_RENAME_POPOVER", "meta", "id", "SpaceRenamePopover", "space", "t", "useTranslation", "doneButton", "useRef", "name", "setName", "useState", "properties", "invokePromise", "useOperationInvoker", "handleDone", "useCallback", "Obj", "change", "p", "LayoutOperation", "UpdatePopover", "anchorId", "state", "div", "role", "className", "Input", "Root", "Label", "srOnly", "TextInput", "defaultValue", "placeholder", "onChange", "target", "value", "onKeyDown", "key", "current", "click", "Popover", "Close", "asChild", "Button", "ref", "classNames", "onClick", "ns", "osTranslations", "SpaceRenamePopover"]
+}