@dxos/plugin-space 0.10.0 → 0.11.1

package/dist/lib/chunk-SpaceHomeArticle.mjs

@@ -0,0 +1,82 @@
+import { meta } from "#meta";
+import { SpaceHomeContent, SpaceHomePinBottom } from "#types";
+import { useCallback } from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { useAppGraph } from "@dxos/app-toolkit/ui";
+import { Column, Panel, ScrollArea } from "@dxos/react-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Menu, MenuBuilder, graphActions, isToolbarAction, useMenuBuilder } from "@dxos/react-ui-menu";
+import { useActionRunner } from "@dxos/plugin-graph/hooks";
+//#region src/containers/SpaceHomeArticle/SpaceHomeArticle.tsx
+/**
+* Per-space Home article shell. Owns only the chrome: a toolbar sourced from graph actions
+* contributed with `disposition: 'toolbar'` (e.g. Start / Hide Welcome from plugin-support),
+* and a Column layout that delegates its body to surface contributors:
+*
+* - `space-home-content`: scrollable region (Welcome panel, recent-objects masonry, starter prompts).
+* - `space-home-pin-bottom`: pinned region (assistant prompt), capped at one contributor.
+*
+* The Space is read from `data.subject` (the Home node carries the Space as its data).
+*/
+var SpaceHomeArticle = ({ role, attendableId, space }) => {
+	const { actions, onAction } = useMenuActions(attendableId);
+	return /* @__PURE__ */ jsxs(Panel.Root, {
+		role,
+		children: [/* @__PURE__ */ jsx(Menu.Root, {
+			...actions,
+			attendableId,
+			onAction,
+			children: /* @__PURE__ */ jsx(Panel.Toolbar, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Menu.Toolbar, {})
+			})
+		}), /* @__PURE__ */ jsx(Panel.Content, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Column.Root, {
+				style: { gridTemplateRows: "minmax(0,1fr) auto" },
+				children: [/* @__PURE__ */ jsx(ScrollArea.Root, {
+					orientation: "vertical",
+					centered: true,
+					padding: true,
+					children: /* @__PURE__ */ jsx(ScrollArea.Viewport, { children: /* @__PURE__ */ jsx("div", {
+						className: "dx-document flex flex-col gap-4 pb-12",
+						children: /* @__PURE__ */ jsx(Surface.Surface, {
+							type: SpaceHomeContent,
+							data: { space }
+						})
+					}) })
+				}), /* @__PURE__ */ jsx(Column.Center, {
+					classNames: "dx-document pb-4",
+					children: /* @__PURE__ */ jsx(Surface.Surface, {
+						type: SpaceHomePinBottom,
+						data: { space },
+						limit: 1
+					})
+				})]
+			})
+		})]
+	});
+};
+/**
+* Builds the toolbar from contributed graph actions for the Home node. Actions opt into the
+* toolbar via `disposition: 'toolbar'`; the Home shell contributes none itself, so the toolbar
+* is empty unless another plugin (e.g. plugin-support's tour/welcome actions) contributes.
+*/
+var useMenuActions = (attendableId) => {
+	const { graph } = useAppGraph();
+	const runAction = useActionRunner();
+	return {
+		actions: useMenuBuilder((get) => {
+			if (!attendableId) return MenuBuilder.make().build();
+			return MenuBuilder.make().subgraph(graphActions(graph, get, attendableId, { filter: isToolbarAction })).build();
+		}, [graph, attendableId]),
+		onAction: useCallback((action) => {
+			runAction(action, { caller: meta.profile.key });
+		}, [runAction])
+	};
+};
+SpaceHomeArticle.displayName = "SpaceHomeArticle";
+//#endregion
+export { SpaceHomeArticle as default };
+
+//# sourceMappingURL=chunk-SpaceHomeArticle.mjs.map

package/dist/lib/chunk-SpaceHomeArticle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-SpaceHomeArticle.mjs","names":[],"sources":["../../src/containers/SpaceHomeArticle/SpaceHomeArticle.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { type AppSurface, useAppGraph } from '@dxos/app-toolkit/ui';\nimport { useActionRunner } from '@dxos/plugin-graph/hooks';\nimport { Column, Panel, ScrollArea } from '@dxos/react-ui';\nimport {\n  type ActionExecutor,\n  type ActionGraphProps,\n  Menu,\n  MenuBuilder,\n  graphActions,\n  isToolbarAction,\n  useMenuBuilder,\n} from '@dxos/react-ui-menu';\n\nimport { meta } from '#meta';\nimport { SpaceHomeContent, SpaceHomePinBottom } from '#types';\n\nexport type SpaceHomeArticleProps = AppSurface.SpaceArticleProps;\n\n/**\n * Per-space Home article shell. Owns only the chrome: a toolbar sourced from graph actions\n * contributed with `disposition: 'toolbar'` (e.g. Start / Hide Welcome from plugin-support),\n * and a Column layout that delegates its body to surface contributors:\n *\n * - `space-home-content`: scrollable region (Welcome panel, recent-objects masonry, starter prompts).\n * - `space-home-pin-bottom`: pinned region (assistant prompt), capped at one contributor.\n *\n * The Space is read from `data.subject` (the Home node carries the Space as its data).\n */\nexport const SpaceHomeArticle = ({ role, attendableId, space }: SpaceHomeArticleProps) => {\n  const { actions, onAction } = useMenuActions(attendableId);\n\n  return (\n    <Panel.Root role={role}>\n      <Menu.Root {...actions} attendableId={attendableId} onAction={onAction}>\n        <Panel.Toolbar asChild>\n          <Menu.Toolbar />\n        </Panel.Toolbar>\n      </Menu.Root>\n      <Panel.Content asChild>\n        <Column.Root style={{ gridTemplateRows: 'minmax(0,1fr) auto' }}>\n          <ScrollArea.Root orientation='vertical' centered padding>\n            <ScrollArea.Viewport>\n              <div className='dx-document flex flex-col gap-4 pb-12'>\n                <Surface.Surface type={SpaceHomeContent} data={{ space }} />\n              </div>\n            </ScrollArea.Viewport>\n          </ScrollArea.Root>\n          <Column.Center classNames='dx-document pb-4'>\n            <Surface.Surface type={SpaceHomePinBottom} data={{ space }} limit={1} />\n          </Column.Center>\n        </Column.Root>\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n\n//\n// Hooks\n//\n\n/**\n * Builds the toolbar from contributed graph actions for the Home node. Actions opt into the\n * toolbar via `disposition: 'toolbar'`; the Home shell contributes none itself, so the toolbar\n * is empty unless another plugin (e.g. plugin-support's tour/welcome actions) contributes.\n */\nconst useMenuActions = (\n  attendableId?: string,\n): { actions: ReturnType<typeof useMenuBuilder>; onAction: ActionExecutor } => {\n  const { graph } = useAppGraph();\n  const runAction = useActionRunner();\n\n  const menuActions = useMenuBuilder(\n    (get): ActionGraphProps => {\n      if (!attendableId) {\n        return MenuBuilder.make().build();\n      }\n      return MenuBuilder.make()\n        .subgraph(graphActions(graph, get, attendableId, { filter: isToolbarAction }))\n        .build();\n    },\n    [graph, attendableId],\n  );\n\n  const onAction: ActionExecutor = useCallback(\n    (action) => {\n      void runAction(action, { caller: meta.profile.key });\n    },\n    [runAction],\n  );\n\n  return { actions: menuActions, onAction };\n};\n\nSpaceHomeArticle.displayName = 'SpaceHomeArticle';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmCA,IAAa,oBAAoB,EAAE,MAAM,cAAc,YAAmC;CACxF,MAAM,EAAE,SAAS,aAAa,eAAe,YAAY;CAEzD,OACE,qBAAC,MAAM,MAAP;EAAkB;YAAlB,CACE,oBAAC,KAAK,MAAN;GAAW,GAAI;GAAuB;GAAwB;aAC5D,oBAAC,MAAM,SAAP;IAAe,SAAA;cACb,oBAAC,KAAK,SAAN,CAAe,CAAA;GACF,CAAA;EACN,CAAA,GACX,oBAAC,MAAM,SAAP;GAAe,SAAA;aACb,qBAAC,OAAO,MAAR;IAAa,OAAO,EAAE,kBAAkB,qBAAqB;cAA7D,CACE,oBAAC,WAAW,MAAZ;KAAiB,aAAY;KAAW,UAAA;KAAS,SAAA;eAC/C,oBAAC,WAAW,UAAZ,EAAA,UACE,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,QAAQ,SAAT;OAAiB,MAAM;OAAkB,MAAM,EAAE,MAAM;MAAI,CAAA;KACxD,CAAA,EACc,CAAA;IACN,CAAA,GACjB,oBAAC,OAAO,QAAR;KAAe,YAAW;eACxB,oBAAC,QAAQ,SAAT;MAAiB,MAAM;MAAoB,MAAM,EAAE,MAAM;MAAG,OAAO;KAAI,CAAA;IAC1D,CAAA,CACJ;;EACA,CAAA,CACL;;AAEhB;;;;;;AAWA,IAAM,kBACJ,iBAC6E;CAC7E,MAAM,EAAE,UAAU,YAAY;CAC9B,MAAM,YAAY,gBAAgB;CAqBlC,OAAO;EAAE,SAnBW,gBACjB,QAA0B;GACzB,IAAI,CAAC,cACH,OAAO,YAAY,KAAK,CAAC,CAAC,MAAM;GAElC,OAAO,YAAY,KAAK,CAAA,CACrB,SAAS,aAAa,OAAO,KAAK,cAAc,EAAE,QAAQ,gBAAgB,CAAC,CAAC,CAAA,CAC5E,MAAM;EACX,GACA,CAAC,OAAO,YAAY,CAUJ;EAAa,UAPE,aAC9B,WAAW;GACV,UAAe,QAAQ,EAAE,QAAQ,KAAK,QAAQ,IAAI,CAAC;EACrD,GACA,CAAC,SAAS,CAGmB;CAAS;AAC1C;AAEA,iBAAiB,cAAc"}

package/dist/lib/chunk-SpaceHomeDashboard.mjs

@@ -0,0 +1,96 @@
+import { meta } from "#meta";
+import { Collection, Filter, Obj, Query } from "@dxos/echo";
+import { useMemo } from "react";
+import { HomeSection, usePluginManager } from "@dxos/app-framework/ui";
+import { useQuery } from "@dxos/echo-react";
+import { useMembers } from "@dxos/react-client/echo";
+import { useTranslation } from "@dxos/react-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAtomValue } from "@effect-atom/atom-react";
+import { Dashboard } from "@dxos/react-ui-dashboard";
+//#region src/containers/SpaceHomeDashboard/SpaceHomeDashboard.tsx
+var STAT_IDS = [
+	"objects",
+	"types",
+	"collections",
+	"members",
+	"active-days",
+	"plugins"
+];
+/**
+* Space stats and activity matrix for the Home article. Stats are derived from the object graph
+* (counts of objects, distinct types, collections, members); the matrix buckets objects by the
+* day they were last touched (`updatedAt`, falling back to `createdAt`).
+*
+* NOTE: per-object `updatedAt` only reflects the latest change, so the matrix undercounts busy
+* days in the past.
+* TODO(burdon): Richer stats need sources beyond the object graph:
+*  - Edits per day: automerge change graph (echo-pipeline) aggregated into a daily histogram.
+*  - Storage size / sync state: client diagnostics (`client.diagnostics()`) or SpaceSyncState.
+*  - Relations count: needs a relations query (Query.select over relation types).
+*  - Member activity / presence history: EDGE presence feed (only live viewers are exposed today).
+*/
+var SpaceHomeDashboard = ({ space, stats = STAT_IDS, onClose }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const query = useMemo(() => Query.select(Filter.everything()), []);
+	const members = useMembers(space?.key);
+	const manager = usePluginManager();
+	const core = useAtomValue(manager.core);
+	const enabled = useAtomValue(manager.enabled);
+	const plugins = useMemo(() => enabled.filter((id) => !core.includes(id)).length, [core, enabled]);
+	const objects = useQuery(space ? space.db : void 0, query);
+	const { activity, values } = useMemo(() => {
+		const typenames = /* @__PURE__ */ new Set();
+		const days = /* @__PURE__ */ new Set();
+		let collections = 0;
+		const activity = [];
+		for (const object of objects) {
+			const typename = Obj.getTypename(object);
+			if (typename) typenames.add(typename);
+			if (Obj.instanceOf(Collection.Collection, object)) collections++;
+			const objectMeta = Obj.getMeta(object);
+			const timestamp = objectMeta.updatedAt ?? objectMeta.createdAt;
+			if (timestamp) {
+				const date = new Date(timestamp);
+				days.add(date.toDateString());
+				activity.push({
+					date,
+					value: 1
+				});
+			}
+		}
+		return {
+			activity,
+			values: {
+				"objects": objects.length,
+				"types": typenames.size,
+				"collections": collections,
+				"members": members.length,
+				"active-days": days.size,
+				"plugins": plugins
+			}
+		};
+	}, [
+		objects,
+		members,
+		plugins
+	]);
+	if (!space) return null;
+	return /* @__PURE__ */ jsxs(HomeSection.Root, { children: [
+		/* @__PURE__ */ jsx(HomeSection.Header, {
+			title: t("space-home.dashboard.heading"),
+			onClose
+		}),
+		/* @__PURE__ */ jsx(Dashboard.Stats, { children: stats.map((id) => /* @__PURE__ */ jsxs(Dashboard.Stat, { children: [/* @__PURE__ */ jsx(Dashboard.StatLabel, { children: t(`space-home.dashboard.${id}.label`) }), /* @__PURE__ */ jsx(Dashboard.StatValue, { value: values[id] })] }, id)) }),
+		/* @__PURE__ */ jsx(Dashboard.Activity, {
+			classNames: "[--dx-dashboard-cell:0.75rem]",
+			data: activity,
+			endDate: /* @__PURE__ */ new Date()
+		})
+	] });
+};
+SpaceHomeDashboard.displayName = "SpaceHomeDashboard";
+//#endregion
+export { SpaceHomeDashboard as default };
+
+//# sourceMappingURL=chunk-SpaceHomeDashboard.mjs.map

package/dist/lib/chunk-SpaceHomeDashboard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-SpaceHomeDashboard.mjs","names":[],"sources":["../../src/containers/SpaceHomeDashboard/SpaceHomeDashboard.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport React, { useMemo } from 'react';\n\nimport { HomeSection, usePluginManager } from '@dxos/app-framework/ui';\nimport { Collection, Filter, Obj, Query } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport { type Space, useMembers } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { type ActivityDatum, Dashboard } from '@dxos/react-ui-dashboard';\n\nimport { meta } from '#meta';\n\nconst STAT_IDS = ['objects', 'types', 'collections', 'members', 'active-days', 'plugins'] as const;\n\nexport type SpaceStatId = (typeof STAT_IDS)[number];\n\ntype SpaceHomeDashboardProps = {\n  space?: Space;\n  /** Stat cards to render, in order; defaults to all. */\n  stats?: readonly SpaceStatId[];\n  onClose?: () => void;\n};\n\n/**\n * Space stats and activity matrix for the Home article. Stats are derived from the object graph\n * (counts of objects, distinct types, collections, members); the matrix buckets objects by the\n * day they were last touched (`updatedAt`, falling back to `createdAt`).\n *\n * NOTE: per-object `updatedAt` only reflects the latest change, so the matrix undercounts busy\n * days in the past.\n * TODO(burdon): Richer stats need sources beyond the object graph:\n *  - Edits per day: automerge change graph (echo-pipeline) aggregated into a daily histogram.\n *  - Storage size / sync state: client diagnostics (`client.diagnostics()`) or SpaceSyncState.\n *  - Relations count: needs a relations query (Query.select over relation types).\n *  - Member activity / presence history: EDGE presence feed (only live viewers are exposed today).\n */\nexport const SpaceHomeDashboard = ({ space, stats = STAT_IDS, onClose }: SpaceHomeDashboardProps) => {\n  const { t } = useTranslation(meta.profile.key);\n\n  const query = useMemo(() => Query.select(Filter.everything()), []);\n  const members = useMembers(space?.key);\n\n  const manager = usePluginManager();\n  const core = useAtomValue(manager.core);\n  const enabled = useAtomValue(manager.enabled);\n  const plugins = useMemo(() => enabled.filter((id) => !core.includes(id)).length, [core, enabled]);\n\n  // TODO(burdon): Can we caches this?\n  const objects = useQuery(space ? space.db : undefined, query);\n  const { activity, values } = useMemo(() => {\n    const typenames = new Set<string>();\n    const days = new Set<string>();\n    let collections = 0;\n    const activity: ActivityDatum[] = [];\n    for (const object of objects) {\n      const typename = Obj.getTypename(object);\n      if (typename) {\n        typenames.add(typename);\n      }\n      if (Obj.instanceOf(Collection.Collection, object)) {\n        collections++;\n      }\n      const objectMeta = Obj.getMeta(object);\n      const timestamp = objectMeta.updatedAt ?? objectMeta.createdAt;\n      if (timestamp) {\n        const date = new Date(timestamp);\n        days.add(date.toDateString());\n        activity.push({ date, value: 1 });\n      }\n    }\n\n    const values: Record<SpaceStatId, number> = {\n      'objects': objects.length,\n      'types': typenames.size,\n      'collections': collections,\n      'members': members.length,\n      'active-days': days.size,\n      'plugins': plugins,\n    };\n\n    return { activity, values };\n  }, [objects, members, plugins]);\n\n  if (!space) {\n    return null;\n  }\n\n  return (\n    <HomeSection.Root>\n      <HomeSection.Header title={t('space-home.dashboard.heading')} onClose={onClose} />\n      <Dashboard.Stats>\n        {stats.map((id) => (\n          <Dashboard.Stat key={id}>\n            <Dashboard.StatLabel>{t(`space-home.dashboard.${id}.label`)}</Dashboard.StatLabel>\n            <Dashboard.StatValue value={values[id]} />\n          </Dashboard.Stat>\n        ))}\n      </Dashboard.Stats>\n      {/* Smaller cells so a full year fits the 40rem home column without horizontal scroll. */}\n      <Dashboard.Activity classNames='[--dx-dashboard-cell:0.75rem]' data={activity} endDate={new Date()} />\n    </HomeSection.Root>\n  );\n};\n\nSpaceHomeDashboard.displayName = 'SpaceHomeDashboard';\n"],"mappings":";;;;;;;;;;;AAgBA,IAAM,WAAW;CAAC;CAAW;CAAS;CAAe;CAAW;CAAe;AAAS;;;;;;;;;;;;;;AAwBxF,IAAa,sBAAsB,EAAE,OAAO,QAAQ,UAAU,cAAuC;CACnG,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAE7C,MAAM,QAAQ,cAAc,MAAM,OAAO,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC;CACjE,MAAM,UAAU,WAAW,OAAO,GAAG;CAErC,MAAM,UAAU,iBAAiB;CACjC,MAAM,OAAO,aAAa,QAAQ,IAAI;CACtC,MAAM,UAAU,aAAa,QAAQ,OAAO;CAC5C,MAAM,UAAU,cAAc,QAAQ,QAAQ,OAAO,CAAC,KAAK,SAAS,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,OAAO,CAAC;CAGhG,MAAM,UAAU,SAAS,QAAQ,MAAM,KAAK,KAAA,GAAW,KAAK;CAC5D,MAAM,EAAE,UAAU,WAAW,cAAc;EACzC,MAAM,4BAAY,IAAI,IAAY;EAClC,MAAM,uBAAO,IAAI,IAAY;EAC7B,IAAI,cAAc;EAClB,MAAM,WAA4B,CAAC;EACnC,KAAK,MAAM,UAAU,SAAS;GAC5B,MAAM,WAAW,IAAI,YAAY,MAAM;GACvC,IAAI,UACF,UAAU,IAAI,QAAQ;GAExB,IAAI,IAAI,WAAW,WAAW,YAAY,MAAM,GAC9C;GAEF,MAAM,aAAa,IAAI,QAAQ,MAAM;GACrC,MAAM,YAAY,WAAW,aAAa,WAAW;GACrD,IAAI,WAAW;IACb,MAAM,OAAO,IAAI,KAAK,SAAS;IAC/B,KAAK,IAAI,KAAK,aAAa,CAAC;IAC5B,SAAS,KAAK;KAAE;KAAM,OAAO;IAAE,CAAC;GAClC;EACF;EAWA,OAAO;GAAE;GAAU,QAAA;IARjB,WAAW,QAAQ;IACnB,SAAS,UAAU;IACnB,eAAe;IACf,WAAW,QAAQ;IACnB,eAAe,KAAK;IACpB,WAAW;GAGM;EAAO;CAC5B,GAAG;EAAC;EAAS;EAAS;CAAO,CAAC;CAE9B,IAAI,CAAC,OACH,OAAO;CAGT,OACE,qBAAC,YAAY,MAAb,EAAA,UAAA;EACE,oBAAC,YAAY,QAAb;GAAoB,OAAO,EAAE,8BAA8B;GAAY;EAAU,CAAA;EACjF,oBAAC,UAAU,OAAX,EAAA,UACG,MAAM,KAAK,OACV,qBAAC,UAAU,MAAX,EAAA,UAAA,CACE,oBAAC,UAAU,WAAX,EAAA,UAAsB,EAAE,wBAAwB,GAAG,OAAO,EAAuB,CAAA,GACjF,oBAAC,UAAU,WAAX,EAAqB,OAAO,OAAO,IAAM,CAAA,CAC3B,EAAA,GAHK,EAGL,CACjB,EACc,CAAA;EAEjB,oBAAC,UAAU,UAAX;GAAoB,YAAW;GAAgC,MAAM;GAAU,yBAAS,IAAI,KAAK;EAAI,CAAA;CACrF,EAAA,CAAA;AAEtB;AAEA,mBAAmB,cAAc"}

package/dist/lib/chunk-SpaceHomeRecent.mjs

@@ -0,0 +1,79 @@
+import { meta } from "#meta";
+import { AppCapabilities, GraphPath, LayoutOperation } from "@dxos/app-toolkit";
+import { Collection, Filter, Obj, Order, Query, Type } from "@dxos/echo";
+import * as Option from "effect/Option";
+import { HiddenAnnotation, getTypeAnnotation } from "@dxos/echo/Annotation";
+import { Kind } from "@dxos/echo/Entity";
+import { useCallback, useMemo } from "react";
+import { HomeSection, useCapabilities, useOperationInvoker } from "@dxos/app-framework/ui";
+import { useQuery } from "@dxos/echo-react";
+import { Card, Icon, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { getStyles } from "@dxos/ui-theme";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Masonry } from "@dxos/react-ui-masonry";
+//#region src/containers/SpaceHomeRecent/SpaceHomeRecent.tsx
+/** Number of recently-modified objects to surface as cards. */
+var RECENT_LIMIT = 10;
+/**
+* Recent-objects region for the Home article. Queries the most-recently-modified objects of
+* registered, non-hidden, non-relation, non-collection types and renders them as a Masonry of
+* tiles. Renders nothing (no heading) when the space has no recent objects — the starter-prompt
+* contributor (plugin-assistant) fills the empty state instead.
+*/
+var SpaceHomeRecent = ({ space, onClose }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const schemas = useCapabilities(AppCapabilities.Schema);
+	const filter = useMemo(() => {
+		const collectionTypename = Type.getTypename(Collection.Collection);
+		const types = schemas.flat().filter(Type.isType).filter((type) => getTypeAnnotation(Type.getSchema(type))?.kind !== Kind.Relation).filter((type) => !HiddenAnnotation.get(Type.getSchema(type)).pipe(Option.getOrElse(() => false))).filter((type) => Type.getTypename(type) !== collectionTypename);
+		return types.length > 0 ? Filter.or(...types.map((type) => Filter.type(type))) : void 0;
+	}, [schemas]);
+	const query = useMemo(() => Query.select(filter ?? Filter.everything()).orderBy(Order.updated("desc")).limit(RECENT_LIMIT), [filter]);
+	const recent = useQuery(filter && space ? space.db : void 0, query);
+	if (recent.length === 0) return null;
+	return /* @__PURE__ */ jsxs(HomeSection.Root, { children: [/* @__PURE__ */ jsx(HomeSection.Header, {
+		title: t("space-home.recent.heading"),
+		onClose
+	}), /* @__PURE__ */ jsx(Masonry.Root, {
+		Tile: RecentObjectTile,
+		children: /* @__PURE__ */ jsx(Masonry.Content, {
+			padding: false,
+			scrollbars: false,
+			children: /* @__PURE__ */ jsx(Masonry.Viewport, {
+				items: recent,
+				getId: (object) => object.id
+			})
+		})
+	})] });
+};
+var RecentObjectTile = ({ data }) => {
+	const { invokePromise } = useOperationInvoker();
+	const { t } = useTranslation(meta.profile.key);
+	const typename = Obj.getTypename(data);
+	const label = toLocalizedString(Obj.getLabel(data) ?? (typename ? ["object-name.placeholder", {
+		ns: typename,
+		defaultValue: "New item"
+	}] : ""), t);
+	const iconAnnotation = Obj.getIcon(data);
+	const icon = iconAnnotation?.icon ?? "ph--circle-dashed--regular";
+	const iconStyles = iconAnnotation?.hue ? getStyles(iconAnnotation.hue) : void 0;
+	const handleClick = useCallback(() => {
+		invokePromise(LayoutOperation.Open, { subject: [GraphPath.getObjectPathFromObject(data)] });
+	}, [invokePromise, data]);
+	return /* @__PURE__ */ jsx(Card.Root, {
+		role: "button",
+		fullWidth: true,
+		classNames: "cursor-pointer",
+		onClick: handleClick,
+		children: /* @__PURE__ */ jsxs(Card.Header, { children: [/* @__PURE__ */ jsx(Card.Block, { children: /* @__PURE__ */ jsx(Icon, {
+			icon,
+			classNames: iconStyles?.text
+		}) }), /* @__PURE__ */ jsx(Card.Title, { children: label })] })
+	});
+};
+RecentObjectTile.displayName = "RecentObjectTile";
+SpaceHomeRecent.displayName = "SpaceHomeRecent";
+//#endregion
+export { SpaceHomeRecent as default };
+
+//# sourceMappingURL=chunk-SpaceHomeRecent.mjs.map

package/dist/lib/chunk-SpaceHomeRecent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-SpaceHomeRecent.mjs","names":[],"sources":["../../src/containers/SpaceHomeRecent/SpaceHomeRecent.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport * as Option from 'effect/Option';\nimport React, { useCallback, useMemo } from 'react';\n\nimport { HomeSection, useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { AppCapabilities, GraphPath, LayoutOperation } from '@dxos/app-toolkit';\nimport { Collection, Filter, Obj, Order, Query, Type } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport { HiddenAnnotation, getTypeAnnotation } from '@dxos/echo/Annotation';\nimport { Kind as EntityKind } from '@dxos/echo/Entity';\nimport { type Space } from '@dxos/react-client/echo';\nimport { Card, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { getStyles } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\n/** Number of recently-modified objects to surface as cards. */\nconst RECENT_LIMIT = 10;\n\ntype SpaceScopedProps = {\n  space?: Space;\n  onClose?: () => void;\n};\n\n/**\n * Recent-objects region for the Home article. Queries the most-recently-modified objects of\n * registered, non-hidden, non-relation, non-collection types and renders them as a Masonry of\n * tiles. Renders nothing (no heading) when the space has no recent objects — the starter-prompt\n * contributor (plugin-assistant) fills the empty state instead.\n */\nexport const SpaceHomeRecent = ({ space, onClose }: SpaceScopedProps) => {\n  const { t } = useTranslation(meta.profile.key);\n\n  const schemas = useCapabilities(AppCapabilities.Schema);\n  const filter = useMemo(() => {\n    const collectionTypename = Type.getTypename(Collection.Collection);\n    const types = schemas\n      .flat()\n      .filter(Type.isType)\n      .filter((type) => getTypeAnnotation(Type.getSchema(type))?.kind !== EntityKind.Relation)\n      .filter((type) => !HiddenAnnotation.get(Type.getSchema(type)).pipe(Option.getOrElse(() => false)))\n      .filter((type) => Type.getTypename(type) !== collectionTypename);\n    return types.length > 0 ? Filter.or(...types.map((type) => Filter.type(type))) : undefined;\n  }, [schemas]);\n\n  const query = useMemo(\n    () =>\n      Query.select(filter ?? Filter.everything())\n        .orderBy(Order.updated('desc'))\n        .limit(RECENT_LIMIT),\n    [filter],\n  );\n\n  const recent = useQuery(filter && space ? space.db : undefined, query);\n  if (recent.length === 0) {\n    return null;\n  }\n\n  return (\n    <HomeSection.Root>\n      <HomeSection.Header title={t('space-home.recent.heading')} onClose={onClose} />\n      <Masonry.Root Tile={RecentObjectTile}>\n        <Masonry.Content padding={false} scrollbars={false}>\n          <Masonry.Viewport items={recent} getId={(object) => object.id} />\n        </Masonry.Content>\n      </Masonry.Root>\n    </HomeSection.Root>\n  );\n};\n\nconst RecentObjectTile = ({ data }: { data: Obj.Unknown; index: number }) => {\n  const { invokePromise } = useOperationInvoker();\n  const { t } = useTranslation(meta.profile.key);\n  const typename = Obj.getTypename(data);\n  const label = toLocalizedString(\n    Obj.getLabel(data) ?? (typename ? ['object-name.placeholder', { ns: typename, defaultValue: 'New item' }] : ''),\n    t,\n  );\n  const iconAnnotation = Obj.getIcon(data);\n  const icon = iconAnnotation?.icon ?? 'ph--circle-dashed--regular';\n  const iconStyles = iconAnnotation?.hue ? getStyles(iconAnnotation.hue) : undefined;\n\n  const handleClick = useCallback(() => {\n    void invokePromise(LayoutOperation.Open, { subject: [GraphPath.getObjectPathFromObject(data)] });\n  }, [invokePromise, data]);\n\n  return (\n    <Card.Root role='button' fullWidth classNames='cursor-pointer' onClick={handleClick}>\n      <Card.Header>\n        <Card.Block>\n          <Icon icon={icon} classNames={iconStyles?.text} />\n        </Card.Block>\n        <Card.Title>{label}</Card.Title>\n      </Card.Header>\n    </Card.Root>\n  );\n};\n\nRecentObjectTile.displayName = 'RecentObjectTile';\n\nSpaceHomeRecent.displayName = 'SpaceHomeRecent';\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAM,eAAe;;;;;;;AAarB,IAAa,mBAAmB,EAAE,OAAO,cAAgC;CACvE,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAE7C,MAAM,UAAU,gBAAgB,gBAAgB,MAAM;CACtD,MAAM,SAAS,cAAc;EAC3B,MAAM,qBAAqB,KAAK,YAAY,WAAW,UAAU;EACjE,MAAM,QAAQ,QACX,KAAK,CAAA,CACL,OAAO,KAAK,MAAM,CAAA,CAClB,QAAQ,SAAS,kBAAkB,KAAK,UAAU,IAAI,CAAC,CAAC,EAAE,SAAS,KAAW,QAAQ,CAAA,CACtF,QAAQ,SAAS,CAAC,iBAAiB,IAAI,KAAK,UAAU,IAAI,CAAC,CAAC,CAAC,KAAK,OAAO,gBAAgB,KAAK,CAAC,CAAC,CAAA,CAChG,QAAQ,SAAS,KAAK,YAAY,IAAI,MAAM,kBAAkB;EACjE,OAAO,MAAM,SAAS,IAAI,OAAO,GAAG,GAAG,MAAM,KAAK,SAAS,OAAO,KAAK,IAAI,CAAC,CAAC,IAAI,KAAA;CACnF,GAAG,CAAC,OAAO,CAAC;CAEZ,MAAM,QAAQ,cAEV,MAAM,OAAO,UAAU,OAAO,WAAW,CAAC,CAAA,CACvC,QAAQ,MAAM,QAAQ,MAAM,CAAC,CAAA,CAC7B,MAAM,YAAY,GACvB,CAAC,MAAM,CACT;CAEA,MAAM,SAAS,SAAS,UAAU,QAAQ,MAAM,KAAK,KAAA,GAAW,KAAK;CACrE,IAAI,OAAO,WAAW,GACpB,OAAO;CAGT,OACE,qBAAC,YAAY,MAAb,EAAA,UAAA,CACE,oBAAC,YAAY,QAAb;EAAoB,OAAO,EAAE,2BAA2B;EAAY;CAAU,CAAA,GAC9E,oBAAC,QAAQ,MAAT;EAAc,MAAM;YAClB,oBAAC,QAAQ,SAAT;GAAiB,SAAS;GAAO,YAAY;aAC3C,oBAAC,QAAQ,UAAT;IAAkB,OAAO;IAAQ,QAAQ,WAAW,OAAO;GAAK,CAAA;EACjD,CAAA;CACL,CAAA,CACE,EAAA,CAAA;AAEtB;AAEA,IAAM,oBAAoB,EAAE,WAAiD;CAC3E,MAAM,EAAE,kBAAkB,oBAAoB;CAC9C,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAC7C,MAAM,WAAW,IAAI,YAAY,IAAI;CACrC,MAAM,QAAQ,kBACZ,IAAI,SAAS,IAAI,MAAM,WAAW,CAAC,2BAA2B;EAAE,IAAI;EAAU,cAAc;CAAW,CAAC,IAAI,KAC5G,CACF;CACA,MAAM,iBAAiB,IAAI,QAAQ,IAAI;CACvC,MAAM,OAAO,gBAAgB,QAAQ;CACrC,MAAM,aAAa,gBAAgB,MAAM,UAAU,eAAe,GAAG,IAAI,KAAA;CAEzE,MAAM,cAAc,kBAAkB;EACpC,cAAmB,gBAAgB,MAAM,EAAE,SAAS,CAAC,UAAU,wBAAwB,IAAI,CAAC,EAAE,CAAC;CACjG,GAAG,CAAC,eAAe,IAAI,CAAC;CAExB,OACE,oBAAC,KAAK,MAAN;EAAW,MAAK;EAAS,WAAA;EAAU,YAAW;EAAiB,SAAS;YACtE,qBAAC,KAAK,QAAN,EAAA,UAAA,CACE,oBAAC,KAAK,OAAN,EAAA,UACE,oBAAC,MAAD;GAAY;GAAM,YAAY,YAAY;EAAO,CAAA,EACvC,CAAA,GACZ,oBAAC,KAAK,OAAN,EAAA,UAAa,MAAkB,CAAA,CACpB,EAAA,CAAA;CACJ,CAAA;AAEf;AAEA,iBAAiB,cAAc;AAE/B,gBAAgB,cAAc"}

package/dist/lib/chunk-SpacePlugin.mjs

@@ -0,0 +1,97 @@
+import { ActivationEvent, ActivationEvents, Capability, Plugin } from "@dxos/app-framework";
+import { meta } from "#meta";
+import { AppActivationEvents, AppPlugin } from "@dxos/app-toolkit";
+import { Tag } from "@dxos/echo";
+import { AttentionEvents } from "@dxos/plugin-attention";
+import { ClientEvents } from "@dxos/plugin-client";
+import { translations } from "@dxos/react-ui-components/translations";
+import { translations as translations$1 } from "@dxos/react-ui-form/translations";
+import { DataTypes } from "@dxos/schema";
+import { translations as translations$2 } from "@dxos/shell/react";
+import { AnchoredTo, Employer, Event, HasConnection, HasRelationship, HasSubject, Organization, Person, Pipeline, Task, TaskSet } from "@dxos/types";
+import { AppGraphBuilder, CreateObject, IdentityCreated, NavigationHandler, NavigationTargetResolver, OperationHandler, ReactRoot, ReactSurface, Repair, SpaceSettings, SpaceState, SpacesReady, UndoMappings } from "#capabilities";
+import { translations as translations$3 } from "#translations";
+import { SpaceEvents } from "#types";
+//#region PLUGIN.mdl?raw
+var PLUGIN_default = "---\nid: org.dxos.plugin.space\nname: SpacePlugin\nversion: 0.1.0\n---\n\nCore workspace container plugin for `DXOS` Composer — creates, manages, and shares collaborative spaces with full membership control, object lifecycle management, schema registration, and navigation.\n\n## Extensions\n\nThe following extension dialects are used in this document.\nEach extension is defined in the Appendix or resolved via its URI.\n\n| Term        | URI                            |\n|-------------|--------------------------------|\n| `type`      | `org.dxos.mdl.type@1.0`        |\n| `feat`      | `org.dxos.mdl.feat@1.0`        |\n| `test`      | `org.dxos.mdl.test@1.0`        |\n| `component` | `org.dxos.mdl.component@1.0`   |\n| `op`        | `org.dxos.mdl.op@1.0`          |\n\n## Types\n\n```mdl\ntype SpaceForm\n  fields:\n    name?: string               # display name for the space\n    icon?: string               # phosphor icon identifier\n    hue?: string                # colour token\n    edgeReplication?: boolean   # enable EDGE-based replication\n```\n\n```mdl\ntype SpacePluginOptions\n  fields:\n    shareableLinkOrigin?: string  # base URL used for invitation and object copy-links\n    invitationPath?: string       # path appended to origin; default '/'\n    invitationProp?: string       # query param name for the invitation code\n    observability?: boolean       # emit observability events\n```\n\n```mdl\ntype ObjectViewerProps\n  fields:\n    lastSeen: number            # unix timestamp of last observation\n    currentlyAttended: boolean  # true if the peer is currently viewing this object\n```\n\n```mdl\ntype PluginState\n  fields:\n    viewersByObject: Record<ObjectId, Map<PublicKey, ObjectViewerProps>>\n    viewersByIdentity: Map<PublicKey, Set<ObjectId>>\n    awaiting: string | undefined        # DXN of an object being waited on\n    spaceNames: Record<string, string>  # cached names for closed/loading spaces\n    sdkMigrationRunning: Record<string, boolean>\n    navigableCollections: boolean\n    enabledEdgeReplication: boolean\n```\n\n## Components\n\n```mdl\ncomponent CollectionArticle\n  desc: Main article view for a Collection — renders its child objects as an ordered list, supports drag-reorder and per-item actions.\n  props:\n    subject: Collection\n  state:\n    selected?: Obj.Unknown\n  actions:\n    addObject(object: Obj.Unknown)\n    removeObject(object: Obj.Unknown)\n    reorder(from: number, to: number)\n  layout: |\n    ┌─────────────────────────┐\n    │  [toolbar]              │\n    ├─────────────────────────┤\n    │  object row             │\n    │  object row             │\n    │  object row  …          │\n    └─────────────────────────┘\n```\n\n```mdl\ncomponent CollectionSection\n  desc: Compact list of objects belonging to a collection, used inside sidebars and companion panels.\n  props:\n    collection: Collection\n  state:\n    expanded: boolean\n  actions:\n    toggleExpand()\n```\n\n```mdl\ncomponent RecordArticle\n  desc: Schema-driven form/detail view for a single ECHO object rendered in an article slot.\n  props:\n    subject: Obj.Unknown\n  actions:\n    save()\n    discard()\n```\n\n```mdl\ncomponent RelatedArticle\n  desc: Companion panel listing objects semantically related to the current subject via ECHO relations.\n  props:\n    subject: Obj.Unknown\n  state:\n    relations: Obj.Unknown[]\n```\n\n```mdl\ncomponent CreateObjectDialog\n  desc: Modal dialog that lets the user pick a schema type and fill initial fields to create a new ECHO object.\n  props:\n    target: Database | Collection\n    views?: boolean\n    typename?: string\n    initialFormValues?: Record<string, any>\n    navigable?: boolean\n  actions:\n    confirm(data: Record<string, any>)\n    cancel()\n```\n\n```mdl\ncomponent CreateSpaceDialog\n  desc: Modal dialog for creating a new space with name, icon, colour, and replication options.\n  actions:\n    confirm(form: SpaceForm)\n    cancel()\n```\n\n```mdl\ncomponent ImportSpaceDialog\n  desc: Dialog that accepts a space archive file and imports it as a new space.\n  actions:\n    confirm(archive: { filename: string; contents: Uint8Array })\n    cancel()\n```\n\n```mdl\ncomponent JoinDialog\n  desc: Dialog that accepts an invitation code and joins the corresponding space.\n  props:\n    invitationCode?: string\n  actions:\n    join(code: string)\n    cancel()\n```\n\n```mdl\ncomponent MembersContainer\n  desc: Panel showing all members of a space with their presence status and role; allows managing invitations.\n  props:\n    space: Space\n```\n\n```mdl\ncomponent SpaceSettingsContainer\n  desc: Settings panel for a single space — name, icon, colour, replication toggle, and member management.\n  props:\n    space: Space\n```\n\n```mdl\ncomponent SchemaContainer\n  desc: Browsable table of all registered ECHO schemas in the current space; allows adding new schemas.\n  props:\n    db: Database\n```\n\n```mdl\ncomponent ViewEditor\n  desc: Interactive editor for a View — reorder, add, and remove fields; configure field display settings.\n  props:\n    view: View\n```\n\n```mdl\ncomponent SpacePresence\n  desc: Avatar cluster indicating which peers are currently attending the active object/space.\n  props:\n    space: Space\n```\n\n```mdl\ncomponent SyncStatus\n  desc: Icon/indicator reflecting the CRDT sync health of the active space.\n  props:\n    space: Space\n```\n\n## Operations\n\n```mdl\nop SpaceOperation.Create\n  desc: Creates a new space with the given display properties.\n  input:\n    name?: string\n    icon?: string\n    hue?: string\n    edgeReplication?: boolean\n  output: { id: string; subject: string[]; space: Space }\n  effects: [echo:write]\n```\n\n```mdl\nop SpaceOperation.Join\n  desc: Joins an existing space by resolving and accepting an invitation code.\n  input:\n    invitationCode?: string\n  output: void\n  effects: [echo:write]\n```\n\n```mdl\nop SpaceOperation.Open\n  desc: Navigates the layout to the given space.\n  input:\n    space: Space\n  output: void\n  effects: [layout:navigate]\n```\n\n```mdl\nop SpaceOperation.Close\n  desc: Removes the space from the active navigation context.\n  input:\n    space: Space\n  output: void\n  effects: [layout:navigate]\n```\n\n```mdl\nop SpaceOperation.Share\n  desc: Creates an invitation observable for sharing a space; supports single-use and multi-use codes.\n  input:\n    space: Space\n    type: Invitation.Type\n    authMethod: Invitation.AuthMethod\n    multiUse: boolean\n    target?: string\n  output: CancellableInvitationObservable\n  effects: [echo:write]\n```\n\n```mdl\nop SpaceOperation.Rename\n  desc: Opens a rename popover for the given space.\n  input:\n    space: Space\n    caller?: string\n  output: void\n  effects: [layout:dialog]\n```\n\n```mdl\nop SpaceOperation.AddObject\n  desc: Adds an existing ECHO object to a database or collection and optionally navigates to it.\n  input:\n    object: Obj.Unknown\n    target: Database | Collection\n    hidden?: boolean\n    targetNodeId?: string\n  output: { id: string; subject: string[]; object: Obj.Unknown }\n  effects: [echo:write]\n```\n\n```mdl\nop SpaceOperation.RemoveObjects\n  desc: Removes one or more objects from a collection; returns undo data.\n  input:\n    objects: Obj.Unknown[]\n    target?: Collection\n  output: { objects: Obj.Unknown[]; parentCollection: Collection; indices: number[]; wasActive: string[] }\n  effects: [echo:write]\n```\n\n```mdl\nop SpaceOperation.RestoreObjects\n  desc: Restores previously removed objects to their collection (inverse of RemoveObjects).\n  input:\n    objects: Obj.Unknown[]\n    parentCollection: Collection\n    indices: number[]\n    wasActive: string[]\n  output: void\n  effects: [echo:write]\n```\n\n```mdl\nop SpaceOperation.AddSchema\n  desc: Registers a new schema type in the space database; optionally makes it visible in the type picker.\n  input:\n    db: Database\n    name?: string\n    typename?: string\n    version?: string\n    schema: Schema.AnyNoContext\n    show?: boolean\n  output: { id: string; object: Type.PersistentType; schema: Type.RuntimeType }\n  effects: [echo:write]\n```\n\n```mdl\nop SpaceOperation.AddRelation\n  desc: Creates a typed relation between two ECHO objects.\n  input:\n    db: Database\n    schema: Schema.AnyNoContext\n    source: Obj.Unknown\n    target: Obj.Unknown\n    fields?: Record<string, any>\n  output: { relation: any }\n  effects: [echo:write]\n```\n\n```mdl\nop SpaceOperation.DeleteField\n  desc: Removes a field from a View; returns undo data.\n  input:\n    view: View\n    fieldId: string\n  output: { field: View.FieldSchema; props: any; index: number }\n  effects: [echo:write]\n```\n\n```mdl\nop SpaceOperation.RestoreField\n  desc: Restores a deleted field to a View at its original index (inverse of DeleteField).\n  input:\n    view: View\n    field: View.FieldSchema\n    props: any\n    index: number\n  output: void\n  effects: [echo:write]\n```\n\n```mdl\nop SpaceOperation.ImportSpace\n  desc: Imports a binary space archive as a brand-new space.\n  input:\n    archive: { filename: string; contents: Uint8Array }\n    tags?: string[]\n  output: { space: Space }\n  effects: [echo:write]\n```\n\n```mdl\nop SpaceOperation.ExportSpace\n  desc: Serialises a space to an archive and triggers a browser download.\n  input:\n    space: Space\n    format: SpaceArchive.Format\n  output: void\n  effects: [fs:write]\n```\n\n```mdl\nop SpaceOperation.Snapshot\n  desc: Captures a point-in-time snapshot of a database or filtered query as a Blob.\n  input:\n    db: Database\n    query?: QueryAST.Query\n  output: { snapshot: Blob }\n  effects: [echo:read]\n```\n\n```mdl\nop SpaceOperation.Migrate\n  desc: Runs registered migrations against a space to bring it to the current schema version.\n  input:\n    space: Space\n    version?: string\n  output: boolean               # true if any migration ran\n  effects: [echo:write]\n```\n\n```mdl\nop SpaceOperation.Reset\n  desc: |\n    Permanently deletes all objects and truncates feeds in a space via a new epoch.\n    This operation is unrecoverable.\n  input:\n    space: Space\n  output: void\n  effects: [echo:write]\n```\n\n```mdl\nop SpaceOperation.GetShareLink\n  desc: Constructs a shareable URL for a space or specific object; optionally copies it to the clipboard.\n  input:\n    space: Space\n    target?: string\n    copyToClipboard?: boolean\n  output: string                # fully-qualified URL\n  effects: [clipboard]\n```\n\n```mdl\nop CollectionOperation.Create\n  desc: Creates a new Collection object in the active space.\n  input:\n    name?: string\n  output: { object: Collection }\n  effects: [echo:write]\n```\n\n## Features\n\n```mdl\nfeat F-1: Space Lifecycle\n\n  req F-1.1: User can create a new space via op:SpaceOperation.Create; the space appears in the navigation graph.\n  req F-1.2: User can join a space via op:SpaceOperation.Join with an invitation code.\n  req F-1.3: User can close/open spaces; closed spaces remain listed with their cached name.\n  req F-1.4:\n    when: user triggers op:SpaceOperation.Reset\n    then: all objects are deleted and a new epoch is created; the operation is unrecoverable\n```\n\n```mdl\nfeat F-2: Membership and Sharing\n\n  req F-2.1:\n    when: user triggers op:SpaceOperation.Share\n    then: an invitation observable is created; the invitation URL uses the configured shareableLinkOrigin\n\n  req F-2.2: MembersContainer shows all current members with their presence status.\n  req F-2.3: User can generate single-use or multi-use invitation links.\n  req F-2.4: User can get a direct shareable link to a space or object via op:SpaceOperation.GetShareLink.\n```\n\n```mdl\nfeat F-3: Object Lifecycle\n\n  req F-3.1:\n    when: user opens the create-object dialog\n    then: all registered schema types are shown for selection\n\n  req F-3.2: op:SpaceOperation.AddObject adds an object to a collection and fires navigation if navigable.\n  req F-3.3: op:SpaceOperation.RemoveObjects records undo data; op:SpaceOperation.RestoreObjects reverts the removal.\n  req F-3.4: op:SpaceOperation.DuplicateObject creates a shallow copy of an object in the same target.\n```\n\n```mdl\nfeat F-4: Schema Registry\n\n  req F-4.1:\n    when: a plugin registers a schema via AppPlugin.addSchemaModule\n    then: the type is available globally across all spaces\n\n  req F-4.2:\n    when: user triggers op:SpaceOperation.AddSchema\n    then: a StoredSchema entry is persisted in the space database\n\n  req F-4.3: SchemaContainer lists all schemas in the active space; user can add a new user-defined schema.\n```\n\n```mdl\nfeat F-5: Collections\n\n  req F-5.1: A Collection is an ordered list of references to ECHO objects.\n  req F-5.2: CollectionArticle renders collection contents with drag-to-reorder support.\n  req F-5.3: op:CollectionOperation.Create creates an empty Collection in the active space.\n  req F-5.4: An object's collection ancestry is its canonical location: `resolveCollectionObjectPath`\n             walks the space's collection tree to the root collection and yields\n             `content/collections/<ancestors…>/<objectId>`. Both URL resolution (the `object` url key)\n             and the plugin's NavigationTargetResolver answer with it, so a link to an object lands\n             where the nav tree shows it.\n  req F-5.5: The plugin's NavigationTargetResolver offers the collection path first, then the type-section\n             path for types whose graph extension declares a static section (derived from the builder's\n             url bindings — see `type-section-path.ts` — so no per-plugin wiring), and the database path\n             (`system/database/<type>/<objectId>`) last, declared via `position: Position.last` — every\n             object has the latter, but it names a hidden node, so it is only used for objects the tree\n             shows nowhere else.\n```\n\n```mdl\nfeat F-6: Persistence and Migrations\n\n  req F-6.1:\n    when: client emits SetupMigration\n    then: all registered migrations run against every space\n\n  req F-6.2:\n    when: user triggers op:SpaceOperation.Migrate\n    then: the space is migrated to the specified (or latest) version; returns true if work was done\n\n  req F-6.3: op:SpaceOperation.ExportSpace serialises a space as a binary archive for backup.\n  req F-6.4: op:SpaceOperation.ImportSpace restores an archive as a new space with optional tags.\n```\n\n```mdl\nfeat F-7: View and Field Editing\n\n  req F-7.1: op:SpaceOperation.DeleteField removes a field from a View and returns full undo state.\n  req F-7.2: op:SpaceOperation.RestoreField reinstates a deleted field at its original position.\n  req F-7.3: ViewEditor provides an interactive UI for reordering and configuring View fields.\n```\n\n```mdl\nfeat F-8: Presence and Sync Status\n\n  req F-8.1: SpacePresence tracks which peers are viewing which objects via the attention system.\n  req F-8.2: SyncStatus reflects CRDT sync health; unsynchronised changes are indicated visually.\n  req F-8.3:\n    when: a peer starts or stops attending an object\n    then: viewersByObject and viewersByIdentity maps are updated in ephemeral plugin state\n```\n\n## Acceptance\n\n```mdl\ntest T-1: Create and open a space\n  given: no spaces exist\n  when: op:SpaceOperation.Create runs with name \"Acme\"\n  then:\n    - new Space object is returned with the given name\n    - space appears in the navigation graph\n```\n\n```mdl\ntest T-2: Join space via invitation\n  given: an invitation URL has been generated for an existing space\n  when: op:SpaceOperation.Join runs with the invitation code\n  then:\n    - space appears in the local client's space list\n    - space state transitions to SPACE_READY\n```\n\n```mdl\ntest T-3: Add and remove object with undo\n  given: a Collection in an active space\n  when: op:SpaceOperation.AddObject adds object X, then op:SpaceOperation.RemoveObjects removes it\n  then:\n    - RemoveObjects output records the original index and collection\n    - op:SpaceOperation.RestoreObjects puts X back at the same index\n```\n\n```mdl\ntest T-4: Export and import space\n  given: a space containing 5 objects\n  when: op:SpaceOperation.ExportSpace runs, then op:SpaceOperation.ImportSpace loads the archive\n  then:\n    - the new space contains the same 5 objects\n    - the original space is unchanged\n```\n\n```mdl\ntest T-5: Schema registration\n  given: an active space with no custom schemas\n  when: op:SpaceOperation.AddSchema runs with a new schema definition\n  then:\n    - a StoredSchema entry exists in the space database\n    - the schema is available in the create-object dialog type picker\n```\n\n```mdl\ntest T-6: View field delete and restore\n  given: a View with fields [\"name\", \"email\", \"phone\"]\n  when: op:SpaceOperation.DeleteField removes \"email\", then op:SpaceOperation.RestoreField restores it\n  then:\n    - after delete, View has fields [\"name\", \"phone\"]\n    - after restore, View has fields [\"name\", \"email\", \"phone\"] in original order\n```\n\n---\n\n## Appendix: Extension Definitions\n\n```mdl\next type\n  uri: org.dxos.mdl.type@1.0\n  desc: A named data structure with typed fields and optional literals.\n  fields:\n    desc?: Prose\n    fields?: FieldMap\n    literals?: UnionList\n    extends?: TypeRef[]\n```\n\n```mdl\next feat\n  uri: org.dxos.mdl.feat@1.0\n  desc: A named feature grouping one or more requirements.\n  fields:\n    desc?: Prose\n    req: RequirementList\n  nesting: self\n```\n\n```mdl\next test\n  uri: org.dxos.mdl.test@1.0\n  desc: An acceptance scenario expressed as given / when / then steps.\n  fields:\n    given?: Step | Step[]\n    when?: Step | Step[]\n    then: Step | Step[]\n    tags?: TagList\n```\n\n```mdl\next component\n  uri: org.dxos.mdl.component@1.0\n  desc: A UI component with props, internal state, slots, actions, and events.\n  fields:\n    desc?: Prose\n    props?: FieldMap\n    state?: FieldMap\n    slots?: FieldMap\n    actions?: ActionMap\n    emits?: EventMap\n    layout?: CodeBlock\n```\n\n```mdl\next op\n  uri: org.dxos.mdl.op@1.0\n  desc: |\n    A named operation with typed inputs, outputs, and declared errors.\n    Pure ops have no effects or requires. Effectful ops declare both.\n  fields:\n    desc?: Prose\n    input?: FieldMap\n    output?: TypeExpr\n    errors?: ErrorMap\n    effects?: EffectList\n    requires?: ServiceList\n    note?: Prose\n```\n";
+//#endregion
+//#region src/SpacePlugin.ts
+var SpacePlugin = Plugin.define(meta).pipe(AppPlugin.addCreateObjectModule({ activate: CreateObject }), AppPlugin.addNavigationHandlerModule(({ invitationProp, invitationUrlHandler }) => ({ activate: () => NavigationHandler({
+	invitationProp,
+	invitationUrlHandler
+}) })), AppPlugin.addOperationHandlerModule({ activate: OperationHandler }), AppPlugin.addReactRootModule({ activate: ReactRoot }), AppPlugin.addSchemaModule({ schema: [
+	...DataTypes,
+	AnchoredTo.AnchoredTo,
+	Employer.Employer,
+	Event.Event,
+	HasConnection.HasConnection,
+	HasRelationship.HasRelationship,
+	HasSubject.HasSubject,
+	Organization.Organization,
+	Person.Person,
+	Pipeline.Pipeline,
+	Tag.Tag,
+	Task.Task,
+	TaskSet.TaskSet
+] }), AppPlugin.addSettingsModule({ activate: SpaceSettings }), AppPlugin.addTranslationsModule({ translations: [
+	...translations$3,
+	...translations,
+	...translations$1,
+	...translations$2
+] }), Plugin.addModule({
+	activatesOn: ClientEvents.ClientReady,
+	activate: NavigationTargetResolver
+}), Plugin.addModule({
+	activatesOn: ActivationEvent.oneOf(AppActivationEvents.SetupSettings, AppActivationEvents.SetupAppGraph),
+	firesAfterActivation: [SpaceEvents.StateReady],
+	activate: SpaceState
+}), Plugin.addModule(({ shareableLinkOrigin = typeof window !== "undefined" ? window.location.origin : "http://localhost", invitationPath = "/", invitationProp = "spaceInvitationCode" }) => {
+	const createInvitationUrl = (invitationCode) => {
+		const baseUrl = new URL(invitationPath || "/", shareableLinkOrigin);
+		baseUrl.searchParams.set(invitationProp, invitationCode);
+		return baseUrl.toString();
+	};
+	return {
+		id: Capability.getModuleTag(ReactSurface),
+		activatesOn: ActivationEvents.SetupReactSurface,
+		firesBeforeActivation: [SpaceEvents.SetupSettingsPanel],
+		activate: () => ReactSurface({ createInvitationUrl })
+	};
+}), Plugin.addModule(({ shareableLinkOrigin = typeof window !== "undefined" ? window.location.origin : "http://localhost" }) => ({
+	id: Capability.getModuleTag(AppGraphBuilder),
+	activatesOn: ActivationEvent.allOf(AppActivationEvents.SetupSettings, AppActivationEvents.SetupAppGraph),
+	activate: () => AppGraphBuilder({ shareableLinkOrigin })
+})), Plugin.addModule(({ shareableLinkOrigin = typeof window !== "undefined" ? window.location.origin : "http://localhost", invitationPath = "/", invitationProp = "spaceInvitationCode", observability = false }) => {
+	const createInvitationUrl = (invitationCode) => {
+		const baseUrl = new URL(invitationPath || "/", shareableLinkOrigin);
+		baseUrl.searchParams.set(invitationProp, invitationCode);
+		return baseUrl.toString();
+	};
+	return {
+		id: Capability.getModuleTag(UndoMappings),
+		activatesOn: ActivationEvents.SetupProcessManager,
+		activate: () => UndoMappings({
+			createInvitationUrl,
+			observability
+		})
+	};
+}), Plugin.addModule({
+	activatesOn: ClientEvents.IdentityCreated,
+	firesAfterActivation: [SpaceEvents.PersonalSpaceReady],
+	activate: IdentityCreated
+}), Plugin.addModule({
+	activatesOn: ActivationEvent.allOf(ActivationEvents.ProcessManagerReady, AppActivationEvents.LayoutReady, AppActivationEvents.AppGraphReady, AttentionEvents.AttentionReady, SpaceEvents.StateReady, ClientEvents.SpacesReady),
+	activate: SpacesReady
+}), Plugin.addModule({
+	activatesOn: ClientEvents.SpacesReady,
+	activate: Repair
+}), AppPlugin.addPluginAssetModule({ asset: {
+	pluginId: meta.profile.key,
+	path: "PLUGIN.mdl",
+	content: PLUGIN_default,
+	mimeType: "application/x-mdl"
+} }), Plugin.make);
+//#endregion
+export { SpacePlugin as t };
+
+//# sourceMappingURL=chunk-SpacePlugin.mjs.map

package/dist/lib/chunk-SpacePlugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-SpacePlugin.mjs","names":[],"sources":["../../src/SpacePlugin.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { ActivationEvent, ActivationEvents, Capability, Plugin } from '@dxos/app-framework';\nimport { AppActivationEvents, AppPlugin } from '@dxos/app-toolkit';\nimport { Tag } from '@dxos/echo';\nimport { AttentionEvents } from '@dxos/plugin-attention';\nimport { ClientEvents } from '@dxos/plugin-client';\nimport { translations as componentsTranslations } from '@dxos/react-ui-components/translations';\nimport { translations as formTranslations } from '@dxos/react-ui-form/translations';\nimport { DataTypes } from '@dxos/schema';\nimport { translations as shellTranslations } from '@dxos/shell/react';\nimport {\n  AnchoredTo,\n  Employer,\n  Event,\n  HasConnection,\n  HasRelationship,\n  HasSubject,\n  Organization,\n  Person,\n  Pipeline,\n  Task,\n  TaskSet,\n} from '@dxos/types';\n\nimport {\n  AppGraphBuilder,\n  CreateObject,\n  IdentityCreated,\n  NavigationHandler,\n  NavigationTargetResolver,\n  OperationHandler,\n  ReactRoot,\n  ReactSurface,\n  Repair,\n  SpaceSettings,\n  SpacesReady,\n  SpaceState,\n  UndoMappings,\n} from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\nimport { SpaceEvents } from '#types';\nimport { type SpacePluginOptions } from '#types';\n\n// eslint-disable-next-line import/no-relative-packages\nimport pluginSpec from '../PLUGIN.mdl?raw';\n\nexport const SpacePlugin = Plugin.define<SpacePluginOptions>(meta).pipe(\n  AppPlugin.addCreateObjectModule({ activate: CreateObject }),\n  AppPlugin.addNavigationHandlerModule(({ invitationProp, invitationUrlHandler }) => ({\n    activate: () => NavigationHandler({ invitationProp, invitationUrlHandler }),\n  })),\n  AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),\n  AppPlugin.addReactRootModule({ activate: ReactRoot }),\n  AppPlugin.addSchemaModule({\n    schema: [\n      ...DataTypes,\n      AnchoredTo.AnchoredTo,\n      Employer.Employer,\n      Event.Event,\n      HasConnection.HasConnection,\n      HasRelationship.HasRelationship,\n      HasSubject.HasSubject,\n      Organization.Organization,\n      Person.Person,\n      Pipeline.Pipeline,\n      Tag.Tag,\n      Task.Task,\n      TaskSet.TaskSet,\n    ],\n  }),\n  AppPlugin.addSettingsModule({ activate: SpaceSettings }),\n  AppPlugin.addTranslationsModule({\n    translations: [...translations, ...componentsTranslations, ...formTranslations, ...shellTranslations],\n  }),\n  Plugin.addModule({ activatesOn: ClientEvents.ClientReady, activate: NavigationTargetResolver }),\n  Plugin.addModule({\n    // TODO(wittjosiah): Does not integrate with settings store.\n    //   Should this be a different event?\n    //   Should settings store be renamed to be more generic?\n    activatesOn: ActivationEvent.oneOf(AppActivationEvents.SetupSettings, AppActivationEvents.SetupAppGraph),\n    firesAfterActivation: [SpaceEvents.StateReady],\n    activate: SpaceState,\n  }),\n  Plugin.addModule(\n    ({\n      shareableLinkOrigin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost',\n      invitationPath = '/',\n      invitationProp = 'spaceInvitationCode',\n    }) => {\n      const createInvitationUrl = (invitationCode: string) => {\n        const baseUrl = new URL(invitationPath || '/', shareableLinkOrigin);\n        baseUrl.searchParams.set(invitationProp, invitationCode);\n        return baseUrl.toString();\n      };\n\n      return {\n        id: Capability.getModuleTag(ReactSurface),\n        activatesOn: ActivationEvents.SetupReactSurface,\n        // TODO(wittjosiah): Should occur before the settings dialog is loaded when surfaces activation is more granular.\n        firesBeforeActivation: [SpaceEvents.SetupSettingsPanel],\n        activate: () => ReactSurface({ createInvitationUrl }),\n      };\n    },\n  ),\n  Plugin.addModule(\n    ({ shareableLinkOrigin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost' }) => ({\n      id: Capability.getModuleTag(AppGraphBuilder),\n      activatesOn: ActivationEvent.allOf(AppActivationEvents.SetupSettings, AppActivationEvents.SetupAppGraph),\n      activate: () => AppGraphBuilder({ shareableLinkOrigin }),\n    }),\n  ),\n  Plugin.addModule(\n    ({\n      shareableLinkOrigin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost',\n      invitationPath = '/',\n      invitationProp = 'spaceInvitationCode',\n      observability = false,\n    }) => {\n      const createInvitationUrl = (invitationCode: string) => {\n        const baseUrl = new URL(invitationPath || '/', shareableLinkOrigin);\n        baseUrl.searchParams.set(invitationProp, invitationCode);\n        return baseUrl.toString();\n      };\n\n      return {\n        id: Capability.getModuleTag(UndoMappings),\n        activatesOn: ActivationEvents.SetupProcessManager,\n        activate: () => UndoMappings({ createInvitationUrl, observability }),\n      };\n    },\n  ),\n  Plugin.addModule({\n    activatesOn: ClientEvents.IdentityCreated,\n    firesAfterActivation: [SpaceEvents.PersonalSpaceReady],\n    activate: IdentityCreated,\n  }),\n  Plugin.addModule({\n    activatesOn: ActivationEvent.allOf(\n      ActivationEvents.ProcessManagerReady,\n      AppActivationEvents.LayoutReady,\n      AppActivationEvents.AppGraphReady,\n      AttentionEvents.AttentionReady,\n      SpaceEvents.StateReady,\n      ClientEvents.SpacesReady,\n    ),\n    activate: SpacesReady,\n  }),\n  Plugin.addModule({\n    activatesOn: ClientEvents.SpacesReady,\n    activate: Repair,\n  }),\n  AppPlugin.addPluginAssetModule({\n    asset: { pluginId: meta.profile.key, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },\n  }),\n  Plugin.make,\n);\n\nexport default SpacePlugin;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkDA,IAAa,cAAc,OAAO,OAA2B,IAAI,CAAC,CAAC,KACjE,UAAU,sBAAsB,EAAE,UAAU,aAAa,CAAC,GAC1D,UAAU,4BAA4B,EAAE,gBAAgB,4BAA4B,EAClF,gBAAgB,kBAAkB;CAAE;CAAgB;AAAqB,CAAC,EAC5E,EAAE,GACF,UAAU,0BAA0B,EAAE,UAAU,iBAAiB,CAAC,GAClE,UAAU,mBAAmB,EAAE,UAAU,UAAU,CAAC,GACpD,UAAU,gBAAgB,EACxB,QAAQ;CACN,GAAG;CACH,WAAW;CACX,SAAS;CACT,MAAM;CACN,cAAc;CACd,gBAAgB;CAChB,WAAW;CACX,aAAa;CACb,OAAO;CACP,SAAS;CACT,IAAI;CACJ,KAAK;CACL,QAAQ;AACV,EACF,CAAC,GACD,UAAU,kBAAkB,EAAE,UAAU,cAAc,CAAC,GACvD,UAAU,sBAAsB,EAC9B,cAAc;CAAC,GAAG;CAAc,GAAG;CAAwB,GAAG;CAAkB,GAAG;AAAiB,EACtG,CAAC,GACD,OAAO,UAAU;CAAE,aAAa,aAAa;CAAa,UAAU;AAAyB,CAAC,GAC9F,OAAO,UAAU;CAIf,aAAa,gBAAgB,MAAM,oBAAoB,eAAe,oBAAoB,aAAa;CACvG,sBAAsB,CAAC,YAAY,UAAU;CAC7C,UAAU;AACZ,CAAC,GACD,OAAO,WACJ,EACC,sBAAsB,OAAO,WAAW,cAAc,OAAO,SAAS,SAAS,oBAC/E,iBAAiB,KACjB,iBAAiB,4BACb;CACJ,MAAM,uBAAuB,mBAA2B;EACtD,MAAM,UAAU,IAAI,IAAI,kBAAkB,KAAK,mBAAmB;EAClE,QAAQ,aAAa,IAAI,gBAAgB,cAAc;EACvD,OAAO,QAAQ,SAAS;CAC1B;CAEA,OAAO;EACL,IAAI,WAAW,aAAa,YAAY;EACxC,aAAa,iBAAiB;EAE9B,uBAAuB,CAAC,YAAY,kBAAkB;EACtD,gBAAgB,aAAa,EAAE,oBAAoB,CAAC;CACtD;AACF,CACF,GACA,OAAO,WACJ,EAAE,sBAAsB,OAAO,WAAW,cAAc,OAAO,SAAS,SAAS,0BAA0B;CAC1G,IAAI,WAAW,aAAa,eAAe;CAC3C,aAAa,gBAAgB,MAAM,oBAAoB,eAAe,oBAAoB,aAAa;CACvG,gBAAgB,gBAAgB,EAAE,oBAAoB,CAAC;AACzD,EACF,GACA,OAAO,WACJ,EACC,sBAAsB,OAAO,WAAW,cAAc,OAAO,SAAS,SAAS,oBAC/E,iBAAiB,KACjB,iBAAiB,uBACjB,gBAAgB,YACZ;CACJ,MAAM,uBAAuB,mBAA2B;EACtD,MAAM,UAAU,IAAI,IAAI,kBAAkB,KAAK,mBAAmB;EAClE,QAAQ,aAAa,IAAI,gBAAgB,cAAc;EACvD,OAAO,QAAQ,SAAS;CAC1B;CAEA,OAAO;EACL,IAAI,WAAW,aAAa,YAAY;EACxC,aAAa,iBAAiB;EAC9B,gBAAgB,aAAa;GAAE;GAAqB;EAAc,CAAC;CACrE;AACF,CACF,GACA,OAAO,UAAU;CACf,aAAa,aAAa;CAC1B,sBAAsB,CAAC,YAAY,kBAAkB;CACrD,UAAU;AACZ,CAAC,GACD,OAAO,UAAU;CACf,aAAa,gBAAgB,MAC3B,iBAAiB,qBACjB,oBAAoB,aACpB,oBAAoB,eACpB,gBAAgB,gBAChB,YAAY,YACZ,aAAa,WACf;CACA,UAAU;AACZ,CAAC,GACD,OAAO,UAAU;CACf,aAAa,aAAa;CAC1B,UAAU;AACZ,CAAC,GACD,UAAU,qBAAqB,EAC7B,OAAO;CAAE,UAAU,KAAK,QAAQ;CAAK,MAAM;CAAc,SAAS;CAAY,UAAU;AAAoB,EAC9G,CAAC,GACD,OAAO,IACT"}

package/dist/lib/chunk-SpacePresence.mjs

@@ -0,0 +1,155 @@
+import { ComplexMap, hexToFallback } from "@dxos/util";
+import { meta } from "#meta";
+import { Obj } from "@dxos/echo";
+import { SpaceCapabilities } from "#types";
+import { PublicKey } from "@dxos/keys";
+import { forwardRef, useCallback, useEffect, useState } from "react";
+import { useAtomCapability } from "@dxos/app-framework/ui";
+import { useSpace } from "@dxos/react-client/echo";
+import { Avatar, Popover, Tooltip, useDefaultValue, useTranslation } from "@dxos/react-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Listbox } from "@dxos/react-ui-list";
+import { AttentionGlyph, useAttention } from "@dxos/react-ui-attention";
+import { generateName } from "@dxos/display-name";
+import { useIdentity, useMembers as useMembers$1 } from "@dxos/halo-react";
+//#region src/containers/SpacePresence/SpacePresence.tsx
+var REFRESH_INTERVAL = 5e3;
+var ACTIVITY_DURATION = 3e4;
+var noViewers = new ComplexMap(PublicKey.hash);
+var getName = (member) => member.displayName ?? generateName(member.identityKey ?? "0");
+var SpacePresence = ({ object, spaceId }) => {
+	const ephemeral = useAtomCapability(SpaceCapabilities.EphemeralState);
+	const identity = useIdentity();
+	const db = Obj.getDatabase(object);
+	const space = useSpace(spaceId ?? db?.spaceId);
+	const spaceMembers = useMembers$1(spaceId ?? db?.spaceId);
+	const [_moment, setMoment] = useState(Date.now());
+	useEffect(() => {
+		const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
+		return () => clearInterval(interval);
+	}, []);
+	const memberOnline = useCallback((member) => member.online, []);
+	const memberIsNotSelf = useCallback((member) => identity?.identityKey !== member.identityKey, [identity?.identityKey]);
+	if (!identity || !ephemeral || !space) return null;
+	const currentObjectViewers = ephemeral.viewersByObject[Obj.getURI(object)] ?? noViewers;
+	return /* @__PURE__ */ jsx(FullPresence, { members: spaceMembers.filter((member) => memberOnline(member) && memberIsNotSelf(member)).flatMap((member) => {
+		const memberKey = member.identityKey ? PublicKey.fromHex(member.identityKey) : void 0;
+		const objectView = memberKey ? currentObjectViewers.get(memberKey) : void 0;
+		if (!objectView) return [];
+		return [{
+			...member,
+			currentlyAttended: objectView.currentlyAttended ?? false,
+			lastSeen: objectView.lastSeen ?? -Infinity
+		}];
+	}).toSorted((a, b) => a.lastSeen - b.lastSeen) });
+};
+var FullPresence = (props) => {
+	const { size = 9, onMemberClick } = props;
+	const members = useDefaultValue(props.members, () => []);
+	if (members.length === 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "dx-avatar-group",
+		"data-testid": "spacePlugin.presence",
+		children: [members.slice(0, 3).map((member, i) => /* @__PURE__ */ jsx(Tooltip.Trigger, {
+			side: "bottom",
+			content: getName(member),
+			className: "grid focus:outline-hidden",
+			children: /* @__PURE__ */ jsx(PresenceAvatar, {
+				member,
+				match: member.currentlyAttended,
+				index: members.length - i,
+				onClick: () => onMemberClick?.(member),
+				size
+			})
+		}, member.identityKey)), members.length > 3 && /* @__PURE__ */ jsxs(Popover.Root, { children: [/* @__PURE__ */ jsx(Popover.Trigger, {
+			className: "grid focus:outline-hidden",
+			children: /* @__PURE__ */ jsx(Avatar.Root, { children: /* @__PURE__ */ jsx(Avatar.Content, {
+				status: "inactive",
+				style: { zIndex: members.length - 4 },
+				fallback: `+${members.length - 3}`,
+				size
+			}) })
+		}), /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(Popover.Content, {
+			side: "bottom",
+			children: [/* @__PURE__ */ jsx(Popover.Arrow, {}), /* @__PURE__ */ jsx(Popover.Viewport, {
+				classNames: "max-h-56",
+				children: /* @__PURE__ */ jsx(Listbox.Root, { children: /* @__PURE__ */ jsx(Listbox.Content, {
+					"aria-label": "members",
+					children: members.map((member) => /* @__PURE__ */ jsx(Listbox.Item, {
+						id: member.identityKey ?? "",
+						classNames: "flex gap-2 items-center cursor-pointer mb-2",
+						onClick: () => onMemberClick?.(member),
+						"data-testid": "identity-list-item",
+						children: /* @__PURE__ */ jsx(PresenceAvatar, {
+							member,
+							size,
+							showName: true,
+							match: member.currentlyAttended
+						})
+					}, member.identityKey))
+				}) })
+			})]
+		}) })] })]
+	});
+};
+var PresenceAvatar = forwardRef(({ member, showName, match, index, onClick, size }, forwardedRef) => {
+	const status = match ? "current" : "active";
+	const fallbackValue = hexToFallback(member.identityKey ?? "0");
+	return /* @__PURE__ */ jsxs(Avatar.Root, { children: [/* @__PURE__ */ jsx(Avatar.Content, {
+		status,
+		hue: member.data?.hue || fallbackValue.hue,
+		"data-testid": "spacePlugin.presence.member",
+		"data-status": status,
+		size,
+		...index ? { style: { zIndex: index } } : {},
+		onClick,
+		fallback: member.data?.emoji || fallbackValue.emoji,
+		ref: forwardedRef
+	}), /* @__PURE__ */ jsx(Avatar.Label, {
+		classNames: showName ? "text-sm truncate px-2" : "sr-only",
+		children: getName(member)
+	})] });
+});
+var SmallPresenceLive = ({ id, open, viewers }) => {
+	const { hasAttention, isAncestor, isRelated } = useAttention(id);
+	const attended = hasAttention || isRelated;
+	const containsAttended = isAncestor && !open;
+	const getActiveViewers = (viewers) => {
+		const moment = Date.now();
+		return Array.from(viewers.values()).filter((viewer) => moment - viewer.lastSeen < ACTIVITY_DURATION);
+	};
+	const [activeViewers, setActiveViewers] = useState(viewers ? getActiveViewers(viewers) : []);
+	useEffect(() => {
+		if (viewers) {
+			setActiveViewers(getActiveViewers(viewers));
+			const interval = setInterval(() => {
+				setActiveViewers(getActiveViewers(viewers));
+			}, REFRESH_INTERVAL);
+			return () => clearInterval(interval);
+		}
+	}, [viewers]);
+	return /* @__PURE__ */ jsx(SmallPresence, {
+		count: activeViewers.length,
+		attended,
+		containsAttended
+	});
+};
+var SmallPresence = ({ count = 0, attended, containsAttended }) => {
+	const { t } = useTranslation(meta.profile.key);
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		asChild: true,
+		content: t("presence.label", { count }),
+		side: "bottom",
+		children: /* @__PURE__ */ jsx(AttentionGlyph, {
+			attended,
+			containsAttended,
+			presence: count > 1 ? "many" : count === 1 ? "one" : "none",
+			classNames: "self-center mx-1"
+		})
+	});
+};
+SpacePresence.displayName = "SpacePresence";
+//#endregion
+export { SmallPresenceLive, SpacePresence, SpacePresence as default };
+
+//# sourceMappingURL=chunk-SpacePresence.mjs.map