@dxos/plugin-space 0.8.4-main.69d29f4 → 0.8.4-main.6fa680abb7

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

@@ -1,15 +1,15 @@
 import {
   meta
-} from "./chunk-HSMQFM57.mjs";
+} from "./chunk-CBWGVOJE.mjs";
 
-// src/components/RecordArticle.tsx
+// src/containers/RecordArticle/RecordArticle.tsx
 import React, { useMemo } from "react";
-import { Surface } from "@dxos/app-framework/react";
+import { Surface } from "@dxos/app-framework/ui";
 import { Entity, Filter, Obj, Ref, Relation } from "@dxos/echo";
 import { useQuery } from "@dxos/react-client/echo";
-import { useTranslation } from "@dxos/react-ui";
+import { Panel, ScrollArea, useTranslation } from "@dxos/react-ui";
+import { Card as MosaicCard } from "@dxos/react-ui";
 import { Masonry } from "@dxos/react-ui-masonry";
-import { Layout, Card as MosaicCard } from "@dxos/react-ui-mosaic";
 import { mx } from "@dxos/ui-theme";
 import { isNonNullable } from "@dxos/util";
 var RecordArticle = ({ role, subject }) => {
@@ -25,29 +25,33 @@ var RecordArticle = ({ role, subject }) => {
     relations: true
   });
   const singleColumn = related.length === 1;
-  return /* @__PURE__ */ React.createElement(Layout.Main, {
-    role
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    role,
+    className: "dx-article"
+  }, /* @__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("div", {
     role: "none",
-    className: mx("flex flex-col gap-4 p-4 is-full overflow-y-auto")
-  }, /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: mx("flex is-full card-max-width")
-  }, /* @__PURE__ */ React.createElement(Surface, {
+    className: "flex w-full dx-card-max-width"
+  }, /* @__PURE__ */ React.createElement(Surface.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,
     columnCount: singleColumn ? 1 : void 0,
     intrinsicHeight: true
-  }))));
+  }))))));
 };
 var Card = ({ data: subject }) => {
   const data = useMemo(() => ({
@@ -55,7 +59,7 @@ var Card = ({ data: 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, {
+  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.Surface, {
     role: "card--content",
     data,
     limit: 1
@@ -99,9 +103,10 @@ var useRelatedObjects = (db, record, options = {}) => {
     objects
   ]);
 };
+
+// src/containers/RecordArticle/index.ts
 var RecordArticle_default = RecordArticle;
 export {
-  RecordArticle,
   RecordArticle_default as default
 };
-//# sourceMappingURL=RecordArticle-W57QE7QV.mjs.map
+//# sourceMappingURL=RecordArticle-BO2XHBFN.mjs.map

package/dist/lib/browser/RecordArticle-BO2XHBFN.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 React, { useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { type Database, Entity, Filter, Obj, Ref, Relation } from '@dxos/echo';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Panel, ScrollArea, useTranslation } from '@dxos/react-ui';\nimport { Card as MosaicCard } from '@dxos/react-ui';\nimport { Masonry } from '@dxos/react-ui-masonry';\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 data = useMemo(() => ({ subject }), [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-article'>\n      <Panel.Content asChild>\n        <ScrollArea.Root orientation='vertical'>\n          <ScrollArea.Viewport classNames='p-4 gap-4'>\n            <div role='none' className='flex w-full dx-card-max-width'>\n              <Surface.Surface role='section' data={data} limit={1} />\n            </div>\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={Card}\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 Card = ({ data: subject }: { data: Entity.Unknown }) => {\n  const data = useMemo(() => ({ subject }), [subject]);\n  return (\n    <MosaicCard.Root>\n      <MosaicCard.Toolbar>\n        <span />\n        <MosaicCard.Title>{Entity.getLabel(subject)}</MosaicCard.Title>\n      </MosaicCard.Toolbar>\n      <Surface.Surface role='card--content' data={data} limit={1} />\n    </MosaicCard.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 related;\n  }, [record, objects]);\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { RecordArticle } from './RecordArticle';\n\nexport default RecordArticle;\n"],
+  "mappings": ";;;;;AAIA,OAAOA,SAASC,eAAe;AAE/B,SAASC,eAAe;AAExB,SAAwBC,QAAQC,QAAQC,KAAKC,KAAKC,gBAAgB;AAClE,SAASC,gBAAgB;AACzB,SAASC,OAAOC,YAAYC,sBAAsB;AAClD,SAASC,QAAQC,kBAAkB;AACnC,SAASC,eAAe;AACxB,SAASC,UAAU;AACnB,SAASC,qBAAqB;AAIvB,IAAMC,gBAAgB,CAAC,EAAEC,MAAMC,QAAO,MAAyB;AACpE,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,KAAKC,IAAIC,YAAYP,OAAAA;AAC3B,QAAMQ,OAAOC,QAAQ,OAAO;IAAET;EAAQ,IAAI;IAACA;GAAQ;AACnD,QAAMU,UAAUC,kBAAkBN,IAAIL,SAAS;IAC7CY,YAAY;IACZC,WAAW;EACb,CAAA;AACA,QAAMC,eAAeJ,QAAQK,WAAW;AAExC,SACE,sBAAA,cAACC,MAAMC,MAAI;IAAClB;IAAYmB,WAAU;KAChC,sBAAA,cAACF,MAAMG,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACC,WAAWJ,MAAI;IAACK,aAAY;KAC3B,sBAAA,cAACD,WAAWE,UAAQ;IAACC,YAAW;KAC9B,sBAAA,cAACC,OAAAA;IAAI1B,MAAK;IAAOmB,WAAU;KACzB,sBAAA,cAACQ,QAAQA,SAAO;IAAC3B,MAAK;IAAUS;IAAYmB,OAAO;OAGpDjB,QAAQK,SAAS,KAChB,sBAAA,cAACU,OAAAA;IAAI1B,MAAK;IAAOmB,WAAWU,GAAG,uBAAuBd,eAAe,sBAAsB,QAAA;KACzF,sBAAA,cAACe,SAAAA;IAAMX,WAAU;KAAiCjB,EAAE,uBAAA,CAAA,GACpD,sBAAA,cAAC6B,QAAQb,MAAI;IACXc,OAAOrB;IACPsB,QAAQC;IACRC,aAAapB,eAAe,IAAIqB;IAChCC,iBAAAA;;AASlB;AAEA,IAAMH,OAAO,CAAC,EAAEzB,MAAMR,QAAO,MAA4B;AACvD,QAAMQ,OAAOC,QAAQ,OAAO;IAAET;EAAQ,IAAI;IAACA;GAAQ;AACnD,SACE,sBAAA,cAACqC,WAAWpB,MAAI,MACd,sBAAA,cAACoB,WAAWC,SAAO,MACjB,sBAAA,cAACC,QAAAA,IAAAA,GACD,sBAAA,cAACF,WAAWG,OAAK,MAAEC,OAAOC,SAAS1C,OAAAA,CAAAA,CAAAA,GAErC,sBAAA,cAAC0B,QAAQA,SAAO;IAAC3B,MAAK;IAAgBS;IAAYmB,OAAO;;AAG/D;AAGA,IAAMhB,oBAAoB,CACxBN,IACAsC,QACAC,UAAyD,CAAC,MAAC;AAE3D,QAAMC,UAAUC,SAASzC,IAAI0C,OAAOC,WAAU,CAAA;AAC9C,SAAOvC,QAAQ,MAAA;AACb,QAAI,CAACkC,QAAQ;AACX,aAAO,CAAA;IACT;AAEA,UAAMjC,UAA4B,CAAA;AAGlC,QAAIkC,QAAQhC,YAAY;AACtB,YAAMqC,gBAAgB,CAACC,QAAAA;AACrB,eAAOC,OAAOC,oBAAoBF,GAAAA,EAC/BG,IAAI,CAACC,SAASJ,IAAII,IAAAA,CAA0B,EAC5CC,OAAO,CAACC,UAAUC,IAAIC,MAAMF,KAAAA,CAAAA;MACjC;AAEA,YAAM5C,aAAaqC,cAAcN,MAAAA;AACjC,YAAMgB,mBAAmB/C,WAAWyC,IAAI,CAACO,QAAQA,IAAIC,MAAM,EAAEN,OAAOO,aAAAA;AACpE,YAAMC,mBAAmBlB,QAAQU,OAAO,CAACL,QAAAA;AACvC,cAAMc,OAAOf,cAAcC,GAAAA;AAC3B,eAAOc,KAAKC,KAAK,CAACL,QAAQA,IAAIC,WAAWlB,MAAAA;MAC3C,CAAA;AAEAjC,cAAQwD,KAAI,GAAIP,kBAAAA,GAAqBI,gBAAAA;IACvC;AAEA,QAAInB,QAAQ/B,WAAW;AAErB,YAAMsD,kBAAkB,CAACjB,QAAAA;AACvB,YAAI;AACF,iBAAOkB,SAASC,WAAWnB,GAAAA,KAAQkB,SAASE,UAAUpB,GAAAA,KAAQkB,SAASG,UAAUrB,GAAAA;QACnF,QAAQ;AACN,iBAAO;QACT;MACF;AAEA,YAAMrC,YAAYgC,QAAQU,OAAOa,SAASC,UAAU,EAAEd,OAAO,CAACL,QAAQiB,gBAAgBjB,GAAAA,CAAAA;AACtF,YAAMsB,gBAAgB3D,UACnB0C,OAAO,CAACkB,aAAaL,SAASG,UAAUE,QAAAA,MAAc9B,MAAAA,EACtDU,IAAI,CAACoB,aAAaL,SAASE,UAAUG,QAAAA,CAAAA;AACxC,YAAMC,gBAAgB7D,UACnB0C,OAAO,CAACkB,aAAaL,SAASE,UAAUG,QAAAA,MAAc9B,MAAAA,EACtDU,IAAI,CAACoB,aAAaL,SAASG,UAAUE,QAAAA,CAAAA;AAExC/D,cAAQwD,KAAI,GAAIM,eAAAA,GAAkBE,aAAAA;IACpC;AAEA,WAAOhE;EACT,GAAG;IAACiC;IAAQE;GAAQ;AACtB;;;ACrHA,IAAA,wBAAe8B;",
+  "names": ["React", "useMemo", "Surface", "Entity", "Filter", "Obj", "Ref", "Relation", "useQuery", "Panel", "ScrollArea", "useTranslation", "Card", "MosaicCard", "Masonry", "mx", "isNonNullable", "RecordArticle", "role", "subject", "t", "useTranslation", "meta", "id", "db", "Obj", "getDatabase", "data", "useMemo", "related", "useRelatedObjects", "references", "relations", "singleColumn", "length", "Panel", "Root", "className", "Content", "asChild", "ScrollArea", "orientation", "Viewport", "classNames", "div", "Surface", "limit", "mx", "label", "Masonry", "items", "render", "Card", "columnCount", "undefined", "intrinsicHeight", "MosaicCard", "Toolbar", "span", "Title", "Entity", "getLabel", "record", "options", "objects", "useQuery", "Filter", "everything", "getReferences", "obj", "Object", "getOwnPropertyNames", "map", "name", "filter", "value", "Ref", "isRef", "referenceTargets", "ref", "target", "isNonNullable", "referenceSources", "refs", "some", "push", "isValidRelation", "Relation", "isRelation", "getSource", "getTarget", "targetObjects", "relation", "sourceObjects", "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"]
+}

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

@@ -0,0 +1,242 @@
+import {
+  SpaceCapabilities,
+  SpaceForm,
+  SpaceOperation
+} from "./chunk-6IT5IBB5.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 { LayoutOperation, getSpacePath } 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: 49,
+        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, (p) => {
+        if (changed["name"] && newValues.name !== void 0) {
+          p.name = newValues.name;
+        }
+        if (changed["icon"]) {
+          p.icon = newValues.icon;
+        }
+        if (changed["hue"]) {
+          p.hue = newValues.hue;
+        }
+      });
+    }
+    if (changed["archived"]) {
+      if (newValues.archived && !archived) {
+        void invokePromise(SpaceOperation.Close, {
+          space
+        });
+        void invokePromise(LayoutOperation.SwitchWorkspace, {
+          subject: getSpacePath(client.spaces.default.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 fieldMap = useMemo(() => ({
+    name: ({ 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: ({ 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: ({ 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, {
+        disabled: space === client.spaces.default,
+        variant: getValue() ? "default" : "destructive",
+        onClick: handleChange
+      }, getValue() ? t("unarchive space label") : t("archive space label")));
+    }
+  }), [
+    t,
+    space,
+    client
+  ]);
+  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: client.spaces.default === space
+    })));
+  }, [
+    client,
+    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-MIOOT63N.mjs.map