@dxos/plugin-space 0.8.4-main.72ec0f3 → 0.8.4-main.7996785055

package/dist/lib/browser/RecordArticle-ZLDLTUVK.mjs

@@ -0,0 +1,94 @@
+import {
+  useRelatedObjects
+} from "./chunk-6RDIIETA.mjs";
+import "./chunk-NBJIDVRE.mjs";
+import {
+  meta
+} from "./chunk-CBWGVOJE.mjs";
+
+// 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/ui";
+import { useObjectMenuItems } from "@dxos/app-toolkit/ui";
+import { Annotation, Entity, Obj } from "@dxos/echo";
+import { Card, Input, Panel, ScrollArea, Toolbar, useTranslation } from "@dxos/react-ui";
+import { Masonry } from "@dxos/react-ui-masonry";
+import { Menu } from "@dxos/react-ui-menu";
+import { mx } from "@dxos/ui-theme";
+var RecordArticle = ({ role, subject }) => {
+  const { t } = useTranslation(meta.id);
+  const db = Obj.getDatabase(subject);
+  const related = useRelatedObjects(db, subject, {
+    references: true,
+    relations: true
+  });
+  const singleColumn = related.length === 1;
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    role
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null)), /* @__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"
+  }), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-form-gap"
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, t("related actions label"))), /* @__PURE__ */ React.createElement(Surface.Surface, {
+    role: "prompts",
+    data: {
+      subject
+    },
+    limit: 1
+  })), related.length > 0 && /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: mx("dx-expander flex flex-col gap-form-gap", singleColumn ? "dx-card-max-width" : "w-full")
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, t("related objects label"))), /* @__PURE__ */ React.createElement(Masonry.Root, {
+    Tile: ObjectCard,
+    columns: singleColumn ? 1 : void 0
+  }, /* @__PURE__ */ React.createElement(Masonry.Content, {
+    items: related
+  })))))));
+};
+var ObjectCard = ({ data: subject, classNames }) => {
+  const objectMenuItems = useObjectMenuItems(subject);
+  const data = useMemo(() => ({
+    subject
+  }), [
+    subject
+  ]);
+  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
+  }))));
+};
+
+// src/containers/RecordArticle/index.ts
+var RecordArticle_default = RecordArticle;
+export {
+  RecordArticle_default as default
+};
+//# sourceMappingURL=RecordArticle-ZLDLTUVK.mjs.map

package/dist/lib/browser/RecordArticle-ZLDLTUVK.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, Entity, Obj } from '@dxos/echo';\nimport { Card, Input, 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';\n\nimport { meta } from '../../meta';\nimport { useRelatedObjects } from '../../hooks';\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, { references: true, relations: true });\n  const singleColumn = related.length === 1;\n\n  return (\n    <Panel.Root role={role}>\n      <Panel.Toolbar asChild>\n        <Toolbar.Root />\n      </Panel.Toolbar>\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            {/* TODO(burdon): Prompts and related should both be surfaces. */}\n            <div role='none' className='flex flex-col gap-form-gap'>\n              <Input.Root>\n                <Input.Label>{t('related actions label')}</Input.Label>\n              </Input.Root>\n              <Surface.Surface role='prompts' data={{ subject }} limit={1} />\n            </div>\n\n            {related.length > 0 && (\n              <div\n                role='none'\n                className={mx('dx-expander flex flex-col gap-form-gap', singleColumn ? 'dx-card-max-width' : 'w-full')}\n              >\n                <Input.Root>\n                  <Input.Label>{t('related objects label')}</Input.Label>\n                </Input.Root>\n                <Masonry.Root Tile={ObjectCard} columns={singleColumn ? 1 : undefined}>\n                  <Masonry.Content items={related} />\n                </Masonry.Root>\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// 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", "Obj", "Card", "Input", "Panel", "ScrollArea", "Toolbar", "useTranslation", "Masonry", "Menu", "mx", "RecordArticle", "role", "subject", "t", "useTranslation", "meta", "id", "db", "Obj", "getDatabase", "related", "useRelatedObjects", "references", "relations", "singleColumn", "length", "Panel", "Root", "Toolbar", "asChild", "Content", "ScrollArea", "orientation", "Viewport", "classNames", "ObjectCard", "data", "div", "className", "Input", "Label", "Surface", "limit", "mx", "Masonry", "Tile", "columns", "undefined", "items", "objectMenuItems", "useObjectMenuItems", "useMemo", "icon", "pipe", "getSchema", "fromNullable", "flatMap", "Annotation", "IconAnnotation", "get", "map", "getOrElse", "Menu", "Card", "Icon", "Title", "Entity", "getLabel", "Trigger", "disabled", "IconButton", "iconOnly", "variant", "label", "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-WSE34DFM.mjs

@@ -0,0 +1,9 @@
+import {
+  SmallPresenceLive
+} from "./chunk-WZN3OGXF.mjs";
+import "./chunk-NBJIDVRE.mjs";
+import "./chunk-CBWGVOJE.mjs";
+export {
+  SmallPresenceLive as default
+};
+//# sourceMappingURL=SmallPresenceLive-WSE34DFM.mjs.map

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

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

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

@@ -0,0 +1,60 @@
+import {
+  getSpaceDisplayName
+} from "./chunk-SEETAVUA.mjs";
+import "./chunk-TSZGT2UL.mjs";
+import {
+  SpaceOperation
+} from "./chunk-CK64K2SI.mjs";
+import "./chunk-NBJIDVRE.mjs";
+import {
+  meta
+} from "./chunk-CBWGVOJE.mjs";
+
+// src/containers/SpacePluginSettings/SpacePluginSettings.tsx
+import React from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { isPersonalSpace } from "@dxos/app-toolkit";
+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 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: isPersonalSpace(space)
+  }), 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-SMJJNYKH.mjs.map

package/dist/lib/browser/SpacePluginSettings-SMJJNYKH.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 { isPersonalSpace } from '@dxos/app-toolkit';\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 { type SpaceSettingsProps } from '../../types';\nimport { SpaceOperation } from '../../operations';\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 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: isPersonalSpace(space),\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,uBAAuB;AAChC,SAASC,iBAAiB;AAC1B,SAASC,YAAYC,OAAOC,MAAMC,UAAUC,mBAAmBC,sBAAsB;AACrF,SAASC,gBAAgB;AAYlB,IAAMC,sBAAsB,CAAC,EAAEC,UAAUC,iBAAgB,MAAqC;AACnG,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,SAASC,UAAU;IAAEC,KAAKR,SAASS;EAAW,CAAA;AACpD,QAAM,EAAEC,cAAa,IAAKC,oBAAAA;AAE1B,SACE,sBAAA,cAACC,SAASC,MAAI,MACZ,sBAAA,cAACD,SAASE,SAAO;IAACC,OAAOb,EAAE,sBAAA;IAAyBc,aAAad,EAAE,4BAAA;KACjE,sBAAA,cAACU,SAASK,OAAK,MACb,sBAAA,cAACL,SAASM,WAAS;IAACH,OAAOb,EAAE,0BAAA;KAC3B,sBAAA,cAACiB,MAAMC,QAAM;IACXC,SAASrB,SAASS;IAClBa,iBAAiB,CAACD,YAAYpB,iBAAiB,CAACsB,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,MAAMvB;IAAIqB,YAAW;KAEvC,sBAAA,cAACG,SAASE,SAAO;IAACL,YAAW;KAC1BM,kBACCC,oBAAoBL,OAAO;IACzBM,UAAUC,gBAAgBP,KAAAA;EAC5B,CAAA,GACA1B,CAAAA,CAAAA,GAGJ,sBAAA,cAACkC,YAAAA;IACCC,MAAK;IACLC,SAAS,MAAM5B,cAAc6B,eAAeC,cAAc;MAAEZ;IAAM,CAAA;IAClEa,OAAOvC,EAAE,2BAAA;;AAS3B;;;AC1DA,IAAA,8BAAewC;",
+  "names": ["React", "useOperationInvoker", "isPersonalSpace", "useSpaces", "IconButton", "Input", "List", "ListItem", "toLocalizedString", "useTranslation", "Settings", "SpacePluginSettings", "settings", "onSettingsChange", "t", "useTranslation", "meta", "id", "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", "isPersonalSpace", "IconButton", "icon", "onClick", "SpaceOperation", "OpenSettings", "label", "SpacePluginSettings"]
+}

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

@@ -0,0 +1,12 @@
+import {
+  SmallPresenceLive,
+  SpacePresence
+} from "./chunk-WZN3OGXF.mjs";
+import "./chunk-NBJIDVRE.mjs";
+import "./chunk-CBWGVOJE.mjs";
+export {
+  SmallPresenceLive,
+  SpacePresence,
+  SpacePresence as default
+};
+//# sourceMappingURL=SpacePresence-AH325ZL4.mjs.map

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

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

package/dist/lib/browser/SpaceRenamePopover-4HS3HI4V.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, (obj) => {
+      obj.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-4HS3HI4V.mjs.map

package/dist/lib/browser/SpaceRenamePopover-4HS3HI4V.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, (obj) => {\n      obj.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,QAAAA;AAC5BA,UAAIV,OAAOA;IACb,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", "obj", "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"]
+}

package/dist/lib/browser/SpaceSettingsContainer-KEXVT7VE.mjs

@@ -0,0 +1,247 @@
+import "./chunk-TSZGT2UL.mjs";
+import {
+  SpaceOperation
+} from "./chunk-CK64K2SI.mjs";
+import {
+  SpaceCapabilities,
+  SpaceForm
+} from "./chunk-NBJIDVRE.mjs";
+import {
+  meta
+} from "./chunk-CBWGVOJE.mjs";
+
+// src/containers/SpaceSettingsContainer/SpaceSettingsContainer.tsx
+import * as Schema from "effect/Schema";
+import React, { useCallback, useMemo, useState } from "react";
+import { useCapabilities, useOperationInvoker } from "@dxos/app-framework/ui";
+import { getPersonalSpace, getSpacePath, isPersonalSpace, LayoutOperation } from "@dxos/app-toolkit";
+import { Obj } from "@dxos/echo";
+import { log } from "@dxos/log";
+import { EdgeReplicationSetting } from "@dxos/protocols/proto/dxos/echo/metadata";
+import { useClient } from "@dxos/react-client";
+import { SpaceState } from "@dxos/react-client/echo";
+import { Button, Input, useFileDownload, useMulticastObservable, useTranslation } from "@dxos/react-ui";
+import { Form, Settings } from "@dxos/react-ui-form";
+import { HuePicker, IconPicker } from "@dxos/react-ui-pickers";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/SpaceSettingsContainer/SpaceSettingsContainer.tsx";
+var SpaceFormSchema = SpaceForm.pipe(Schema.extend(Schema.Struct({
+  archived: Schema.Boolean.annotations({
+    title: "Archive Space"
+  })
+})));
+var SpaceSettingsContainer = ({ space }) => {
+  const { t } = useTranslation(meta.id);
+  const { invokePromise } = useOperationInvoker();
+  const client = useClient();
+  const archived = useMulticastObservable(space.state) === SpaceState.SPACE_INACTIVE;
+  const [edgeReplication, setEdgeReplication] = useState(space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED);
+  const toggleEdgeReplication = useCallback(async (next) => {
+    setEdgeReplication(next);
+    await space?.internal.setEdgeReplicationPreference(next ? EdgeReplicationSetting.ENABLED : EdgeReplicationSetting.DISABLED).catch((err) => {
+      log.catch(err, void 0, {
+        F: __dxlog_file,
+        L: 50,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      setEdgeReplication(!next);
+    });
+  }, [
+    space
+  ]);
+  const handleValuesChanged = useCallback((newValues, meta2) => {
+    const changed = meta2.changed ?? {};
+    if (changed["edgeReplication"]) {
+      void toggleEdgeReplication(newValues.edgeReplication ?? false);
+    }
+    if (changed["name"] || changed["icon"] || changed["hue"]) {
+      Obj.change(space.properties, (obj) => {
+        if (changed["name"] && newValues.name !== void 0) {
+          obj.name = newValues.name;
+        }
+        if (changed["icon"]) {
+          obj.icon = newValues.icon;
+        }
+        if (changed["hue"]) {
+          obj.hue = newValues.hue;
+        }
+      });
+    }
+    if (changed["archived"]) {
+      if (newValues.archived && !archived) {
+        void invokePromise(SpaceOperation.Close, {
+          space
+        });
+        const personalSpace = getPersonalSpace(client);
+        if (personalSpace) {
+          void invokePromise(LayoutOperation.SwitchWorkspace, {
+            subject: getSpacePath(personalSpace.id)
+          });
+        }
+      } else if (!newValues.archived && archived) {
+        void invokePromise(SpaceOperation.Open, {
+          space
+        });
+      }
+    }
+  }, [
+    space,
+    client,
+    archived,
+    invokePromise,
+    toggleEdgeReplication
+  ]);
+  const values = useMemo(() => ({
+    name: space.properties.name,
+    icon: space.properties.icon,
+    hue: space.properties.hue,
+    edgeReplication,
+    archived
+  }), [
+    space.properties.name,
+    space.properties.icon,
+    space.properties.hue,
+    edgeReplication,
+    archived
+  ]);
+  const personal = isPersonalSpace(space);
+  const fieldMap = useMemo(() => ({
+    name: personal ? () => null : ({ type, label, getValue, onValueChange }) => {
+      const handleChange = useCallback(({ target: { value } }) => onValueChange(type, value), [
+        onValueChange,
+        type
+      ]);
+      return /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+        title: label,
+        description: t("display name description")
+      }, /* @__PURE__ */ React.createElement(Input.TextInput, {
+        value: getValue(),
+        onChange: handleChange,
+        placeholder: t("display name input placeholder"),
+        classNames: "min-w-64"
+      }));
+    },
+    icon: personal ? () => null : ({ type, label, getValue, onValueChange }) => {
+      const handleChange = useCallback((icon) => onValueChange(type, icon), [
+        onValueChange,
+        type
+      ]);
+      const handleReset = useCallback(() => onValueChange(type, void 0), [
+        onValueChange,
+        type
+      ]);
+      return /* @__PURE__ */ React.createElement(Settings.Item, {
+        title: label,
+        description: t("icon description")
+      }, /* @__PURE__ */ React.createElement(IconPicker, {
+        value: getValue(),
+        onChange: handleChange,
+        onReset: handleReset,
+        classNames: "justify-self-end"
+      }));
+    },
+    hue: ({ type, label, getValue, onValueChange }) => {
+      const handleChange = useCallback((nextHue) => onValueChange(type, nextHue), [
+        onValueChange,
+        type
+      ]);
+      const handleReset = useCallback(() => onValueChange(type, void 0), [
+        onValueChange,
+        type
+      ]);
+      return /* @__PURE__ */ React.createElement(Settings.Item, {
+        title: label,
+        description: t("hue description")
+      }, /* @__PURE__ */ React.createElement(HuePicker, {
+        value: getValue(),
+        onChange: handleChange,
+        onReset: handleReset,
+        classNames: "justify-self-end"
+      }));
+    },
+    edgeReplication: ({ type, label, getValue, onValueChange }) => {
+      const handleChange = useCallback((checked) => onValueChange(type, checked), [
+        onValueChange,
+        type
+      ]);
+      return /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+        title: label,
+        description: t("edge replication description")
+      }, /* @__PURE__ */ React.createElement(Input.Switch, {
+        checked: getValue(),
+        onCheckedChange: handleChange,
+        classNames: "justify-self-end"
+      }));
+    },
+    archived: personal ? () => null : ({ type, label, getValue, onValueChange }) => {
+      const handleChange = useCallback(() => onValueChange(type, !getValue()), [
+        onValueChange,
+        type,
+        getValue
+      ]);
+      return /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+        title: label,
+        description: t("archive space description")
+      }, /* @__PURE__ */ React.createElement(Button, {
+        variant: getValue() ? "default" : "destructive",
+        onClick: handleChange
+      }, getValue() ? t("unarchive space label") : t("archive space label")));
+    }
+  }), [
+    t,
+    space,
+    personal
+  ]);
+  const download = useFileDownload();
+  const handleBackup = useCallback(async () => {
+    const archive = await space.internal.export();
+    download(new Blob([
+      archive.contents
+    ]), archive.filename);
+  }, [
+    space,
+    download
+  ]);
+  const repairs = useCapabilities(SpaceCapabilities.Repair);
+  const handleRepair = useCallback(async () => {
+    await Promise.all(repairs.map((repair) => repair({
+      space,
+      isDefault: isPersonalSpace(space)
+    })));
+  }, [
+    space,
+    repairs
+  ]);
+  return /* @__PURE__ */ React.createElement(Settings.Root, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("space properties settings verbose label"),
+    description: t("space properties settings description", {
+      ns: meta.id
+    })
+  }, /* @__PURE__ */ React.createElement(Form.Root, {
+    fieldMap,
+    schema: SpaceFormSchema,
+    values,
+    onValuesChanged: handleValuesChanged
+  }, /* @__PURE__ */ React.createElement(Form.FieldSet, null))), /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("space controls title"),
+    description: t("space controls description")
+  }, /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("backup space title"),
+    description: t("backup space description")
+  }, /* @__PURE__ */ React.createElement(Button, {
+    onClick: handleBackup
+  }, t("download backup label"))), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("repair space title"),
+    description: t("repair space description")
+  }, /* @__PURE__ */ React.createElement(Button, {
+    onClick: handleRepair
+  }, t("repair space label")))));
+};
+SpaceSettingsContainer.displayName = "SpaceSettingsContainer";
+
+// src/containers/SpaceSettingsContainer/index.ts
+var SpaceSettingsContainer_default = SpaceSettingsContainer;
+export {
+  SpaceSettingsContainer_default as default
+};
+//# sourceMappingURL=SpaceSettingsContainer-KEXVT7VE.mjs.map