@dxos/plugin-space 0.10.0 → 0.11.1

package/dist/lib/chunk-TypeArticle.mjs

@@ -0,0 +1,469 @@
+import { SpaceCapabilities } from "./types.mjs";
+import { n as SpaceOperation } from "./chunk-definitions.mjs";
+import "./operations.mjs";
+import { meta } from "#meta";
+import { GraphPath, LayoutOperation } from "@dxos/app-toolkit";
+import { Filter, Obj, Type } from "@dxos/echo";
+import { CardAnnotation } from "@dxos/schema";
+import * as Option from "effect/Option";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Surface, useAtomCapability, useAtomCapabilityState, useCapabilities, useOperationInvoker } from "@dxos/app-framework/ui";
+import { AppSurface } from "@dxos/app-toolkit/ui";
+import { useObject, useQuery } from "@dxos/echo-react";
+import { Card, Focus, Icon, Panel, useTranslation } from "@dxos/react-ui";
+import { getStyles, mx } from "@dxos/ui-theme";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Empty } from "@dxos/react-ui-list";
+import { SearchList, useSearchListResults } from "@dxos/react-ui-search";
+import { useSelection, useSelectionActions } from "@dxos/react-ui-attention";
+import { Masonry } from "@dxos/react-ui-masonry";
+import { Menu, MenuBuilder, useMenuBuilder } from "@dxos/react-ui-menu";
+import { DynamicTable } from "@dxos/react-ui-table";
+import { Tabs } from "@dxos/react-ui-tabs";
+import { planMerge } from "@dxos/extractor";
+//#region src/containers/TypeArticle/useDuplicates.ts
+/**
+* Drives the duplicates review: runs `FindDuplicates` for the type, then walks the returned groups
+* one at a time. Groups are held as ids and resolved against the live query on every render, so a
+* merged-away member disappears from the current group without a rescan.
+*/
+var useDuplicates = ({ space, type, objects, enabled }) => {
+	const { invokePromise } = useOperationInvoker();
+	const specs = useCapabilities(SpaceCapabilities.IdentitySpec);
+	const typename = Type.getTypename(type);
+	const spec = useMemo(() => specs.find((candidate) => Type.getTypename(candidate.type) === typename), [specs, typename]);
+	const [groups, setGroups] = useState([]);
+	const [index, setIndex] = useState(0);
+	const [scanning, setScanning] = useState(false);
+	const request = useRef(0);
+	const { lastMergeAt } = useAtomCapability(SpaceCapabilities.EphemeralState);
+	const refresh = useCallback(() => {
+		if (!spec) return;
+		setScanning(true);
+		const current = ++request.current;
+		invokePromise(SpaceOperation.FindDuplicates, { typename }, { spaceId: space.id }).then(({ data }) => {
+			if (current !== request.current) return;
+			setGroups(data?.groups ?? []);
+			setIndex(0);
+		}).finally(() => {
+			if (current === request.current) setScanning(false);
+		});
+	}, [
+		invokePromise,
+		spec,
+		typename,
+		space.id
+	]);
+	useEffect(() => {
+		if (enabled) refresh();
+	}, [
+		enabled,
+		refresh,
+		lastMergeAt
+	]);
+	const byId = useMemo(() => new Map(objects.map((object) => [object.id, object])), [objects]);
+	return {
+		spec,
+		current: useMemo(() => {
+			const group = groups[index];
+			return group ? group.objectIds.flatMap((id) => byId.get(id) ?? []) : [];
+		}, [
+			groups,
+			index,
+			byId
+		]),
+		position: groups.length === 0 ? 0 : index + 1,
+		total: groups.length,
+		scanning,
+		next: useCallback(() => setIndex((value) => Math.min(value + 1, Math.max(groups.length - 1, 0))), [groups.length]),
+		previous: useCallback(() => setIndex((value) => Math.max(value - 1, 0)), []),
+		refresh
+	};
+};
+/** Builds the detached preview for the group under review; `undefined` when there is nothing to merge. */
+var buildMergePreview = (spec, objects) => {
+	if (!spec || objects.length < 2) return;
+	const { preview } = planMerge(spec, {
+		keys: [],
+		objects
+	});
+	return Obj.isObject(preview) ? preview : void 0;
+};
+//#endregion
+//#region src/containers/TypeArticle/duplicatesGroup.tsx
+/**
+* Toolbar subgraph for the duplicates review: Merge stages a preview into the companion, Skip and
+* the arrows walk the groups, and the trailing gap separator pushes whatever follows (the layout
+* toggle) to the far end. Merge never writes — it stages a detached preview the companion confirms,
+* so backing out of a review leaves the space untouched.
+*
+* Compose via `MenuBuilder.subgraph(...)` so the whole toolbar is one action graph rather than
+* several nested `Toolbar.Root`s.
+*/
+var useDuplicatesGroup = ({ typeUri, typename, duplicates }) => {
+	const [, updateEphemeral] = useAtomCapabilityState(SpaceCapabilities.EphemeralState);
+	const { spec, current, position, total, scanning, next, previous, refresh } = duplicates;
+	const clearPreview = useCallback(() => updateEphemeral((state) => ({
+		...state,
+		mergePreview: void 0
+	})), [updateEphemeral]);
+	const handleMerge = useCallback(() => {
+		const preview = buildMergePreview(spec, current);
+		if (!preview) return;
+		updateEphemeral((state) => ({
+			...state,
+			mergePreview: {
+				typeUri,
+				typename,
+				objectIds: current.map((object) => object.id),
+				preview
+			}
+		}));
+	}, [
+		updateEphemeral,
+		spec,
+		current,
+		typeUri,
+		typename
+	]);
+	const handleAdvance = useCallback(() => {
+		clearPreview();
+		next();
+	}, [clearPreview, next]);
+	const handlePrevious = useCallback(() => {
+		clearPreview();
+		previous();
+	}, [clearPreview, previous]);
+	const handleRefresh = useCallback(() => {
+		clearPreview();
+		refresh();
+	}, [clearPreview, refresh]);
+	return useMemo(() => (builder) => {
+		builder.action("merge", {
+			label: ["merge-duplicates.label", { ns: meta.profile.key }],
+			icon: "ph--arrows-merge--regular",
+			variant: "primary",
+			iconOnly: false,
+			disabled: current.length < 2
+		}, handleMerge).action("skip", {
+			label: ["skip-duplicates.label", { ns: meta.profile.key }],
+			iconOnly: false,
+			disabled: position >= total
+		}, handleAdvance).action("rescan", {
+			label: ["rescan-duplicates.label", { ns: meta.profile.key }],
+			icon: "ph--arrows-clockwise--regular",
+			disabled: scanning,
+			spin: scanning
+		}, handleRefresh).subgraph((builder) => total === 0 ? [] : builder.action("previous", {
+			label: ["previous-duplicate.label", { ns: meta.profile.key }],
+			icon: "ph--caret-left--regular",
+			disabled: position <= 1
+		}, handlePrevious).action("position", {
+			variant: "custom",
+			label: ["duplicates-position.label", { ns: meta.profile.key }],
+			render: () => /* @__PURE__ */ jsxs("span", {
+				className: "text-description text-sm tabular-nums",
+				children: [
+					position,
+					" / ",
+					total
+				]
+			})
+		}, () => {}).action("next", {
+			label: ["next-duplicate.label", { ns: meta.profile.key }],
+			icon: "ph--caret-right--regular",
+			disabled: position >= total
+		}, handleAdvance)).separator();
+	}, [
+		current.length,
+		position,
+		total,
+		scanning,
+		handleMerge,
+		handleAdvance,
+		handlePrevious,
+		handleRefresh
+	]);
+};
+//#endregion
+//#region src/containers/TypeArticle/TypeArticle.tsx
+var LAYOUTS = [
+	{
+		value: "masonry",
+		icon: "ph--squares-four--regular"
+	},
+	{
+		value: "table",
+		icon: "ph--table--regular"
+	},
+	{
+		value: "duplicates",
+		icon: "ph--copy--regular"
+	}
+];
+/**
+* List view rendered when a type node is selected: a toolbar with a Masonry/Table layout switch and a
+* text filter over every object of the type. Selecting an item opens it as a sibling plank.
+*
+* Objects are not enumerated in the nav tree; each navigated object becomes a hidden child of the
+* type node resolved on demand.
+*/
+var TypeArticle = ({ role, space, type, attendableId }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const { invokePromise } = useOperationInvoker();
+	const [layout, setLayout] = useState("masonry");
+	const typeUri = Type.getURI(type);
+	const objects = useQuery(space.db, Filter.type(typeUri));
+	const { results, handleSearch } = useSearchListResults({
+		items: objects,
+		extract: (object) => Obj.getLabel(object) ?? ""
+	});
+	const selectedIds = useSelection(typeUri, "multi");
+	const { multi: setSelectedObjects, toggle: toggleSelected } = useSelectionActions(typeUri);
+	const duplicates = useDuplicates({
+		space,
+		type,
+		objects,
+		enabled: layout === "duplicates"
+	});
+	const duplicatesGroup = useDuplicatesGroup({
+		typeUri,
+		typename: Type.getTypename(type),
+		duplicates
+	});
+	const layouts = useMemo(() => LAYOUTS.filter(({ value }) => value !== "duplicates" || duplicates.spec), [duplicates.spec]);
+	const handleOpen = useCallback((object) => {
+		const id = Obj.getURI(object);
+		invokePromise(LayoutOperation.Select, {
+			contextId: attendableId,
+			subject: {
+				mode: "single",
+				id
+			}
+		});
+		invokePromise(LayoutOperation.Open, {
+			subject: [GraphPath.getCollectionObjectPath(attendableId, object.id)],
+			pivotId: attendableId,
+			disposition: "add",
+			navigation: "immediate"
+		});
+	}, [attendableId, invokePromise]);
+	const handleDelete = useCallback((object) => {
+		Obj.getDatabase(object)?.remove(object);
+	}, []);
+	const handleDeleteSelected = useCallback(() => {
+		const selected = objects.filter((object) => selectedIds.includes(object.id));
+		if (selected.length > 0) {
+			invokePromise(SpaceOperation.RemoveObjects, { objects: selected }, { spaceId: space.id });
+			setSelectedObjects([]);
+		}
+	}, [
+		objects,
+		selectedIds,
+		invokePromise,
+		space.id,
+		setSelectedObjects
+	]);
+	const tableFeatures = useMemo(() => ({
+		selection: {
+			enabled: true,
+			mode: "multiple"
+		},
+		dataEditable: true,
+		schemaEditable: false,
+		pinColumns: 1
+	}), []);
+	const rowActions = useMemo(() => [{
+		id: "open",
+		label: ["open-object.label", { ns: meta.profile.key }]
+	}], []);
+	const handleRowAction = useCallback((actionId, object) => {
+		if (actionId === "open") handleOpen(object);
+	}, [handleOpen]);
+	const menuActions = useMenuBuilder(() => MenuBuilder.make().subgraph(layout === "duplicates" && duplicatesGroup).subgraph(layout === "table" && selectedIds.length > 0 && ((builder) => {
+		builder.action("delete-selected", {
+			label: ["delete-selected.label", {
+				ns: meta.profile.key,
+				count: selectedIds.length
+			}],
+			icon: "ph--trash--regular"
+		}, handleDeleteSelected);
+	})).separator().group("layout", {
+		variant: "toggleGroup",
+		selectCardinality: "single",
+		value: layout,
+		label: ["layout.label", { ns: meta.profile.key }]
+	}, (group) => {
+		layouts.forEach(({ value, icon }) => {
+			group.action(value, {
+				label: [`layout-${value}.label`, { ns: meta.profile.key }],
+				icon
+			}, () => setLayout(value));
+		});
+	}).build(), [
+		layout,
+		layouts,
+		selectedIds.length,
+		duplicatesGroup,
+		handleDeleteSelected
+	]);
+	const tiles = layout === "duplicates" ? duplicates.current : results;
+	const tileItems = useMemo(() => tiles.map((object) => ({
+		object,
+		current: selectedIds.includes(object.id),
+		onSelect: toggleSelected,
+		onOpen: handleOpen,
+		onDelete: Obj.getParent(object) ? void 0 : handleDelete
+	})), [
+		tiles,
+		selectedIds,
+		toggleSelected,
+		handleOpen,
+		handleDelete
+	]);
+	const noObjects = objects.length === 0 ? t("type-collection-empty.message") : void 0;
+	const noResults = noObjects ?? (results.length === 0 ? t("search-no-results.message") : void 0);
+	const noDuplicates = noObjects ?? (duplicates.current.length === 0 ? duplicates.scanning ? t("duplicates-scanning.message") : t("duplicates-none.message") : void 0);
+	return /* @__PURE__ */ jsx(SearchList.Root, {
+		onSearch: handleSearch,
+		children: /* @__PURE__ */ jsx(Tabs.Root, {
+			asChild: true,
+			value: layout,
+			onValueChange: (value) => setLayout(value),
+			children: /* @__PURE__ */ jsxs(Panel.Root, {
+				role,
+				children: [
+					/* @__PURE__ */ jsxs(Panel.Toolbar, {
+						classNames: mx("grid", layout !== "duplicates" && "grid-cols-[1fr_auto]"),
+						children: [layout !== "duplicates" && /* @__PURE__ */ jsx(SearchList.Input, { placeholder: t("search-placeholder.label") }), /* @__PURE__ */ jsx(Menu.Root, {
+							...menuActions,
+							attendableId,
+							alwaysActive: true,
+							children: /* @__PURE__ */ jsx(Menu.Toolbar, {})
+						})]
+					}),
+					/* @__PURE__ */ jsxs(Panel.Content, { children: [
+						/* @__PURE__ */ jsx(LayoutPanel, {
+							value: "masonry",
+							empty: noResults,
+							children: /* @__PURE__ */ jsx(Masonry.Root, {
+								Tile: TileAdapter,
+								children: /* @__PURE__ */ jsx(Masonry.Content, { children: /* @__PURE__ */ jsx(Masonry.Viewport, {
+									cacheKey: typeUri,
+									getId: (data) => Obj.getURI(data.object),
+									items: tileItems
+								}) })
+							})
+						}),
+						/* @__PURE__ */ jsx(LayoutPanel, {
+							value: "table",
+							empty: noResults,
+							children: /* @__PURE__ */ jsx(DynamicTable, {
+								type,
+								rows: results,
+								features: tableFeatures,
+								rowActions,
+								selection: selectedIds,
+								onRowAction: handleRowAction,
+								onSelectionChanged: setSelectedObjects
+							})
+						}),
+						duplicates.spec && /* @__PURE__ */ jsx(LayoutPanel, {
+							value: "duplicates",
+							empty: noDuplicates,
+							children: /* @__PURE__ */ jsx(Masonry.Root, {
+								Tile: TileAdapter,
+								children: /* @__PURE__ */ jsx(Masonry.Content, { children: /* @__PURE__ */ jsx(Masonry.Viewport, {
+									cacheKey: typeUri,
+									getId: (data) => Obj.getURI(data.object),
+									items: tileItems
+								}) })
+							})
+						})
+					] }),
+					/* @__PURE__ */ jsx(Panel.Statusbar, {
+						classNames: "flex items-center p-1 border-t border-subdued-separator",
+						children: t("item-count.label", { count: tileItems.length })
+					})
+				]
+			})
+		})
+	});
+};
+/** One layout's content, or the message standing in for it when the layout has nothing to show. */
+var LayoutPanel = ({ value, empty, children }) => /* @__PURE__ */ jsx(Tabs.Panel, {
+	value,
+	classNames: "contents",
+	children: empty ? /* @__PURE__ */ jsx(Empty, {
+		classNames: "h-full",
+		label: empty
+	}) : children
+});
+var TileAdapter = ({ data }) => {
+	if (!data?.object) return null;
+	return /* @__PURE__ */ jsx(ObjectTile, { ...data });
+};
+/** Selectable header-only card for a single object. */
+var ObjectTile = ({ object, current, onSelect, onOpen, onDelete }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const [live] = useObject(object);
+	const typename = Obj.getTypename(live);
+	const label = Obj.getLabel(live) || t("object-name.placeholder", {
+		ns: typename ?? meta.profile.key,
+		defaultValue: t("object-name.placeholder")
+	});
+	const iconAnnotation = Obj.getIcon(live);
+	const icon = iconAnnotation?.icon ?? "ph--circle-dashed--regular";
+	const iconStyles = iconAnnotation?.hue ? getStyles(iconAnnotation.hue) : void 0;
+	const type = Obj.getType(object);
+	const showCardContent = !!type && Option.getOrElse(CardAnnotation.get(Type.getSchema(type)), () => false);
+	const cardData = useMemo(() => ({ subject: object }), [object]);
+	const handleCurrentChange = useCallback(() => onSelect(object.id), [onSelect, object]);
+	const menuItems = useMemo(() => [{
+		icon: "ph--arrow-square-out--regular",
+		label: t("open-object.label", {
+			ns: typename ?? meta.profile.key,
+			defaultValue: t("open-object.label")
+		}),
+		onClick: () => onOpen(object)
+	}, ...onDelete ? [{
+		icon: "ph--trash--regular",
+		label: t("delete-object.label", {
+			ns: typename ?? meta.profile.key,
+			defaultValue: t("delete-object.label")
+		}),
+		onClick: () => onDelete(object)
+	}] : []], [
+		t,
+		typename,
+		onOpen,
+		onDelete,
+		object
+	]);
+	return /* @__PURE__ */ jsx(Focus.Item, {
+		asChild: true,
+		current,
+		onCurrentChange: handleCurrentChange,
+		children: /* @__PURE__ */ jsxs(Card.Root, {
+			fullWidth: true,
+			classNames: ["dx-hover cursor-pointer", current && "dx-current"],
+			children: [/* @__PURE__ */ jsxs(Card.Header, { children: [
+				/* @__PURE__ */ jsx(Card.Block, { children: /* @__PURE__ */ jsx(Icon, {
+					icon,
+					classNames: iconStyles?.text
+				}) }),
+				/* @__PURE__ */ jsx(Card.Title, { children: label }),
+				menuItems.length > 0 && /* @__PURE__ */ jsx(Card.Menu, { items: menuItems })
+			] }), showCardContent && /* @__PURE__ */ jsx(Surface.Surface, {
+				type: AppSurface.CardContent,
+				data: cardData,
+				limit: 1
+			})]
+		})
+	});
+};
+TypeArticle.displayName = "TypeArticle";
+//#endregion
+export { TypeArticle as default };
+
+//# sourceMappingURL=chunk-TypeArticle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-TypeArticle.mjs","names":[],"sources":["../../src/containers/TypeArticle/useDuplicates.ts","../../src/containers/TypeArticle/duplicatesGroup.tsx","../../src/containers/TypeArticle/TypeArticle.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useAtomCapability, useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { Obj, Type } from '@dxos/echo';\nimport { type IdentitySpec, planMerge } from '@dxos/extractor';\nimport { type Space } from '@dxos/react-client/echo';\n\nimport { SpaceOperation } from '../../operations/definitions';\nimport { SpaceCapabilities } from '../../types';\n\nexport type UseDuplicatesProps = {\n  space: Space;\n  type: Type.AnyEntity;\n  /** Live query results, so a group resolves to reactive objects rather than the scan's snapshots. */\n  objects: readonly Obj.Unknown[];\n  /** Scan only while the duplicates layout is showing. */\n  enabled: boolean;\n};\n\nexport type UseDuplicatesResult = {\n  /** `undefined` when no plugin registered an identity rule for this type — the tab is then hidden. */\n  spec: IdentitySpec<any> | undefined;\n  /** Members of the group under review, or `[]` when the review is finished. */\n  current: Obj.Unknown[];\n  /** 1-based position of the current group, for the toolbar counter. */\n  position: number;\n  total: number;\n  scanning: boolean;\n  next: () => void;\n  previous: () => void;\n  /** Re-runs the scan (after a merge, or when re-entering the tab). */\n  refresh: () => void;\n};\n\n/**\n * Drives the duplicates review: runs `FindDuplicates` for the type, then walks the returned groups\n * one at a time. Groups are held as ids and resolved against the live query on every render, so a\n * merged-away member disappears from the current group without a rescan.\n */\nexport const useDuplicates = ({ space, type, objects, enabled }: UseDuplicatesProps): UseDuplicatesResult => {\n  const { invokePromise } = useOperationInvoker();\n  const specs = useCapabilities(SpaceCapabilities.IdentitySpec);\n  const typename = Type.getTypename(type);\n  const spec = useMemo(\n    () => specs.find((candidate) => Type.getTypename(candidate.type) === typename),\n    [specs, typename],\n  );\n\n  const [groups, setGroups] = useState<readonly SpaceOperation.DuplicateGroupResult[]>([]);\n  const [index, setIndex] = useState(0);\n  const [scanning, setScanning] = useState(false);\n  // Rescan is a button a user can hit repeatedly, and a merge triggers its own refresh, so responses\n  // can land out of order; only the newest request is allowed to write.\n  const request = useRef(0);\n  const { lastMergeAt } = useAtomCapability(SpaceCapabilities.EphemeralState);\n\n  const refresh = useCallback(() => {\n    if (!spec) {\n      return;\n    }\n    setScanning(true);\n    const current = ++request.current;\n    void invokePromise(SpaceOperation.FindDuplicates, { typename }, { spaceId: space.id })\n      .then(({ data }) => {\n        if (current !== request.current) {\n          return;\n        }\n        setGroups(data?.groups ?? []);\n        setIndex(0);\n      })\n      .finally(() => {\n        if (current === request.current) {\n          setScanning(false);\n        }\n      });\n  }, [invokePromise, spec, typename, space.id]);\n\n  // `lastMergeAt` is a dependency, not a read: a committed merge invalidates the scan.\n  useEffect(() => {\n    if (enabled) {\n      refresh();\n    }\n  }, [enabled, refresh, lastMergeAt]);\n\n  const byId = useMemo(() => new Map(objects.map((object) => [object.id, object])), [objects]);\n  const current = useMemo(() => {\n    const group = groups[index];\n    return group ? group.objectIds.flatMap((id) => byId.get(id) ?? []) : [];\n  }, [groups, index, byId]);\n\n  return {\n    spec,\n    current,\n    position: groups.length === 0 ? 0 : index + 1,\n    total: groups.length,\n    scanning,\n    // Clamp at the last valid index, not at `groups.length`: `position` is `index + 1`, so one past\n    // the end rendered an impossible counter (\"4 / 3\") when Skip was pressed on the last group.\n    next: useCallback(() => setIndex((value) => Math.min(value + 1, Math.max(groups.length - 1, 0))), [groups.length]),\n    previous: useCallback(() => setIndex((value) => Math.max(value - 1, 0)), []),\n    refresh,\n  };\n};\n\n/** Builds the detached preview for the group under review; `undefined` when there is nothing to merge. */\nexport const buildMergePreview = (\n  spec: IdentitySpec<any> | undefined,\n  objects: readonly Obj.Unknown[],\n): Obj.Unknown | undefined => {\n  if (!spec || objects.length < 2) {\n    return undefined;\n  }\n  const { preview } = planMerge(spec, { keys: [], objects });\n  return Obj.isObject(preview) ? preview : undefined;\n};\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { useAtomCapabilityState } from '@dxos/app-framework/ui';\nimport { type ActionGroupBuilderFn } from '@dxos/react-ui-menu';\n\nimport { meta } from '#meta';\n\nimport { SpaceCapabilities } from '../../types';\nimport { type UseDuplicatesResult, buildMergePreview } from './useDuplicates';\n\nexport type UseDuplicatesGroupOptions = {\n  /** URI of the type under review; scopes the staged preview to this article. */\n  typeUri: string;\n  typename: string;\n  duplicates: UseDuplicatesResult;\n};\n\n/**\n * Toolbar subgraph for the duplicates review: Merge stages a preview into the companion, Skip and\n * the arrows walk the groups, and the trailing gap separator pushes whatever follows (the layout\n * toggle) to the far end. Merge never writes — it stages a detached preview the companion confirms,\n * so backing out of a review leaves the space untouched.\n *\n * Compose via `MenuBuilder.subgraph(...)` so the whole toolbar is one action graph rather than\n * several nested `Toolbar.Root`s.\n */\nexport const useDuplicatesGroup = ({\n  typeUri,\n  typename,\n  duplicates,\n}: UseDuplicatesGroupOptions): ActionGroupBuilderFn => {\n  const [, updateEphemeral] = useAtomCapabilityState(SpaceCapabilities.EphemeralState);\n  const { spec, current, position, total, scanning, next, previous, refresh } = duplicates;\n\n  // Every control that changes which group is under review drops the staged preview: it belongs to\n  // the group it was raised from, and leaving it up would show the companion previewing one group\n  // while the article shows another.\n  const clearPreview = useCallback(\n    () => updateEphemeral((state) => ({ ...state, mergePreview: undefined })),\n    [updateEphemeral],\n  );\n\n  const handleMerge = useCallback(() => {\n    const preview = buildMergePreview(spec, current);\n    if (!preview) {\n      return;\n    }\n    updateEphemeral((state) => ({\n      ...state,\n      mergePreview: { typeUri, typename, objectIds: current.map((object) => object.id), preview },\n    }));\n  }, [updateEphemeral, spec, current, typeUri, typename]);\n\n  // Skip and the next arrow are the same move — advance past the group without writing.\n  const handleAdvance = useCallback(() => {\n    clearPreview();\n    next();\n  }, [clearPreview, next]);\n\n  const handlePrevious = useCallback(() => {\n    clearPreview();\n    previous();\n  }, [clearPreview, previous]);\n\n  const handleRefresh = useCallback(() => {\n    clearPreview();\n    refresh();\n  }, [clearPreview, refresh]);\n\n  return useMemo(\n    () => (builder) => {\n      builder\n        .action(\n          'merge',\n          {\n            label: ['merge-duplicates.label', { ns: meta.profile.key }],\n            icon: 'ph--arrows-merge--regular',\n            variant: 'primary',\n            iconOnly: false,\n            disabled: current.length < 2,\n          },\n          handleMerge,\n        )\n        .action(\n          'skip',\n          {\n            label: ['skip-duplicates.label', { ns: meta.profile.key }],\n            iconOnly: false,\n            // Same bound as the next arrow: skipping past the last group left the counter out of range.\n            disabled: position >= total,\n          },\n          handleAdvance,\n        )\n        .action(\n          'rescan',\n          {\n            label: ['rescan-duplicates.label', { ns: meta.profile.key }],\n            icon: 'ph--arrows-clockwise--regular',\n            disabled: scanning,\n            spin: scanning,\n          },\n          handleRefresh,\n        )\n        .subgraph((builder) =>\n          total === 0\n            ? []\n            : builder\n                .action(\n                  'previous',\n                  {\n                    label: ['previous-duplicate.label', { ns: meta.profile.key }],\n                    icon: 'ph--caret-left--regular',\n                    disabled: position <= 1,\n                  },\n                  handlePrevious,\n                )\n                .action(\n                  'position',\n                  {\n                    // The group counter is not an action; `custom` lets the graph carry it so the toolbar stays\n                    // a single menu rather than a menu plus a hand-rolled toolbar for one label.\n                    variant: 'custom',\n                    label: ['duplicates-position.label', { ns: meta.profile.key }],\n                    render: () => (\n                      <span className='text-description text-sm tabular-nums'>\n                        {position} / {total}\n                      </span>\n                    ),\n                  },\n                  () => {},\n                )\n                .action(\n                  'next',\n                  {\n                    label: ['next-duplicate.label', { ns: meta.profile.key }],\n                    icon: 'ph--caret-right--regular',\n                    disabled: position >= total,\n                  },\n                  handleAdvance,\n                ),\n        )\n        .separator();\n    },\n    [current.length, position, total, scanning, handleMerge, handleAdvance, handlePrevious, handleRefresh],\n  );\n};\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Option from 'effect/Option';\nimport React, { type PropsWithChildren, useCallback, useMemo, useState } from 'react';\n\nimport { Surface, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { GraphPath, LayoutOperation } from '@dxos/app-toolkit';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { Filter, Obj, Type } from '@dxos/echo';\nimport { useObject, useQuery } from '@dxos/echo-react';\nimport { type Space } from '@dxos/react-client/echo';\nimport { Card, Focus, Icon, Panel, useTranslation } from '@dxos/react-ui';\nimport { useSelection, useSelectionActions } from '@dxos/react-ui-attention';\nimport { Empty } from '@dxos/react-ui-list';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { Menu, MenuBuilder, useMenuBuilder } from '@dxos/react-ui-menu';\nimport { SearchList, useSearchListResults } from '@dxos/react-ui-search';\nimport { DynamicTable, type TableRowAction } from '@dxos/react-ui-table';\nimport { Tabs } from '@dxos/react-ui-tabs';\nimport { CardAnnotation } from '@dxos/schema';\nimport { getStyles, mx } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\nimport { SpaceOperation } from '../../operations';\nimport { useDuplicatesGroup } from './duplicatesGroup';\nimport { useDuplicates } from './useDuplicates';\n\n/** Sidebar layout modes for a type article. */\ntype Layout = 'masonry' | 'table' | 'duplicates';\n\nconst LAYOUTS: { value: Layout; icon: string }[] = [\n  {\n    value: 'masonry',\n    icon: 'ph--squares-four--regular',\n  },\n  {\n    value: 'table',\n    icon: 'ph--table--regular',\n  },\n  {\n    value: 'duplicates',\n    icon: 'ph--copy--regular',\n  },\n];\n\nexport type TypeArticleProps = {\n  role?: string;\n  space: Space;\n  type: Type.AnyEntity;\n  attendableId: string;\n};\n\n/**\n * List view rendered when a type node is selected: a toolbar with a Masonry/Table layout switch and a\n * text filter over every object of the type. Selecting an item opens it as a sibling plank.\n *\n * Objects are not enumerated in the nav tree; each navigated object becomes a hidden child of the\n * type node resolved on demand.\n */\nexport const TypeArticle = ({ role, space, type, attendableId }: TypeArticleProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const { invokePromise } = useOperationInvoker();\n  const [layout, setLayout] = useState<Layout>('masonry');\n  const typeUri = Type.getURI(type);\n  const objects = useQuery(space.db, Filter.type(typeUri));\n\n  // Text filter over the object labels; feeds both the masonry tiles and the table rows.\n  const { results, handleSearch } = useSearchListResults<Obj.Unknown>({\n    items: objects,\n    extract: (object) => Obj.getLabel(object) ?? '',\n  });\n\n  // Selection is keyed by the type's own URI — the same id the 'selected-objects' companion resolves\n  // from its `companionTo` (see react-surface.tsx), so cards, table rows and the companion agree.\n  const selectedIds = useSelection(typeUri, 'multi');\n  const { multi: setSelectedObjects, toggle: toggleSelected } = useSelectionActions(typeUri);\n\n  // TODO(burdon): Factor out as an aspect?\n  const duplicates = useDuplicates({ space, type, objects, enabled: layout === 'duplicates' });\n  const duplicatesGroup = useDuplicatesGroup({\n    typeUri,\n    typename: Type.getTypename(type),\n    duplicates,\n  });\n\n  // Duplicates is offered only for types some plugin registered an identity rule for:\n  // there is nothing to scan otherwise.\n  const layouts = useMemo(\n    () => LAYOUTS.filter(({ value }) => value !== 'duplicates' || duplicates.spec),\n    [duplicates.spec],\n  );\n\n  const handleOpen = useCallback(\n    (object: Obj.Unknown) => {\n      const id = Obj.getURI(object);\n      void invokePromise(LayoutOperation.Select, { contextId: attendableId, subject: { mode: 'single', id } });\n      void invokePromise(LayoutOperation.Open, {\n        // Open under the node being viewed rather than the object's canonical type path, so an object\n        // reached from a type section opens within that section. Identical for a database type node,\n        // whose object path already is `<typeNode>/<id>`.\n        subject: [GraphPath.getCollectionObjectPath(attendableId, object.id)],\n        pivotId: attendableId,\n        disposition: 'add',\n        navigation: 'immediate',\n      });\n    },\n    [attendableId, invokePromise],\n  );\n\n  const handleDelete = useCallback((object: Obj.Unknown) => {\n    Obj.getDatabase(object)?.remove(object);\n  }, []);\n\n  // Undoable removal of every checked row, so a mis-click on a multi-row delete is recoverable.\n  const handleDeleteSelected = useCallback(() => {\n    const selected = objects.filter((object) => selectedIds.includes(object.id));\n    if (selected.length > 0) {\n      void invokePromise(SpaceOperation.RemoveObjects, { objects: selected }, { spaceId: space.id });\n      setSelectedObjects([]);\n    }\n  }, [objects, selectedIds, invokePromise, space.id, setSelectedObjects]);\n\n  // Stable identity: `DynamicTable` rebuilds its model whenever `features` changes, so an inline\n  // literal here would discard and re-seed the table's selection on every render.\n  const tableFeatures = useMemo(\n    () => ({\n      selection: { enabled: true, mode: 'multiple' as const },\n      dataEditable: true,\n      schemaEditable: false,\n      pinColumns: 1,\n    }),\n    [],\n  );\n\n  // Table rows are editable, so opening a row is a deliberate row action rather than `onRowClick`\n  // (which would fire on every cell click and fight with in-cell editing).\n  const rowActions = useMemo(\n    (): TableRowAction[] => [{ id: 'open', label: ['open-object.label', { ns: meta.profile.key }] }],\n    [],\n  );\n\n  const handleRowAction = useCallback(\n    (actionId: string, object: Obj.Unknown) => {\n      if (actionId === 'open') {\n        handleOpen(object);\n      }\n    },\n    [handleOpen],\n  );\n\n  // One action graph for the whole toolbar: the mode-specific actions first, then the layout toggle.\n  // Composing several `Toolbar.Root`s instead would each need their own roving-focus group and would\n  // fight over the row's width.\n  const menuActions = useMenuBuilder(\n    () =>\n      MenuBuilder.make()\n        .subgraph(layout === 'duplicates' && duplicatesGroup)\n        .subgraph(\n          layout === 'table' &&\n            selectedIds.length > 0 &&\n            ((builder) => {\n              builder.action(\n                'delete-selected',\n                {\n                  label: ['delete-selected.label', { ns: meta.profile.key, count: selectedIds.length }],\n                  icon: 'ph--trash--regular',\n                },\n                handleDeleteSelected,\n              );\n            }),\n        )\n        .separator()\n        .group(\n          'layout',\n          {\n            variant: 'toggleGroup',\n            selectCardinality: 'single',\n            value: layout,\n            label: ['layout.label', { ns: meta.profile.key }],\n          },\n          (group) => {\n            layouts.forEach(({ value, icon }) => {\n              group.action(value, { label: [`layout-${value}.label`, { ns: meta.profile.key }], icon }, () =>\n                setLayout(value),\n              );\n            });\n          },\n        )\n        .build(),\n    [layout, layouts, selectedIds.length, duplicatesGroup, handleDeleteSelected],\n  );\n\n  // The card grid backs two layouts — every object for `masonry`, only the group under review for\n  // `duplicates` — so the items are resolved here and the grid itself is declared once.\n  const tiles = layout === 'duplicates' ? duplicates.current : results;\n  const tileItems = useMemo<TileData[]>(\n    () =>\n      tiles.map((object) => ({\n        object,\n        current: selectedIds.includes(object.id),\n        onSelect: toggleSelected,\n        onOpen: handleOpen,\n        onDelete: Obj.getParent(object) ? undefined : handleDelete,\n      })),\n    [tiles, selectedIds, toggleSelected, handleOpen, handleDelete],\n  );\n\n  // A type with no objects at all has nothing for any layout to show; past that each layout says\n  // when it is empty for its own reason.\n  const noObjects = objects.length === 0 ? t('type-collection-empty.message') : undefined;\n  const noResults = noObjects ?? (results.length === 0 ? t('search-no-results.message') : undefined);\n  const noDuplicates =\n    noObjects ??\n    (duplicates.current.length === 0\n      ? duplicates.scanning\n        ? t('duplicates-scanning.message')\n        : t('duplicates-none.message')\n      : undefined);\n\n  return (\n    <SearchList.Root onSearch={handleSearch}>\n      <Tabs.Root asChild value={layout} onValueChange={(value) => setLayout(value as Layout)}>\n        <Panel.Root role={role}>\n          <Panel.Toolbar classNames={mx('grid', layout !== 'duplicates' && 'grid-cols-[1fr_auto]')}>\n            {layout !== 'duplicates' && <SearchList.Input placeholder={t('search-placeholder.label')} />}\n            <Menu.Root {...menuActions} attendableId={attendableId} alwaysActive>\n              <Menu.Toolbar />\n            </Menu.Root>\n          </Panel.Toolbar>\n          <Panel.Content>\n            <LayoutPanel value='masonry' empty={noResults}>\n              <Masonry.Root Tile={TileAdapter}>\n                <Masonry.Content>\n                  <Masonry.Viewport cacheKey={typeUri} getId={(data) => Obj.getURI(data.object)} items={tileItems} />\n                </Masonry.Content>\n              </Masonry.Root>\n            </LayoutPanel>\n            <LayoutPanel value='table' empty={noResults}>\n              <DynamicTable\n                type={type}\n                rows={results}\n                features={tableFeatures}\n                rowActions={rowActions}\n                // Seed from the shared selection so switching card → table keeps what was selected;\n                // the table otherwise starts from its own empty model.\n                selection={selectedIds}\n                onRowAction={handleRowAction}\n                onSelectionChanged={setSelectedObjects}\n              />\n            </LayoutPanel>\n            {duplicates.spec && (\n              <LayoutPanel value='duplicates' empty={noDuplicates}>\n                <Masonry.Root Tile={TileAdapter}>\n                  <Masonry.Content>\n                    <Masonry.Viewport cacheKey={typeUri} getId={(data) => Obj.getURI(data.object)} items={tileItems} />\n                  </Masonry.Content>\n                </Masonry.Root>\n              </LayoutPanel>\n            )}\n          </Panel.Content>\n          <Panel.Statusbar classNames='flex items-center p-1 border-t border-subdued-separator'>\n            {t('item-count.label', { count: tileItems.length })}\n          </Panel.Statusbar>\n        </Panel.Root>\n      </Tabs.Root>\n    </SearchList.Root>\n  );\n};\n\n/** One layout's content, or the message standing in for it when the layout has nothing to show. */\nconst LayoutPanel = ({ value, empty, children }: PropsWithChildren<{ value: Layout; empty?: string }>) => (\n  <Tabs.Panel value={value} classNames='contents'>\n    {empty ? <Empty classNames='h-full' label={empty} /> : children}\n  </Tabs.Panel>\n);\n\ntype TileData = {\n  object: Obj.Unknown;\n  current: boolean;\n  onSelect: (id: string) => void;\n  onOpen: (object: Obj.Unknown) => void;\n  onDelete?: (object: Obj.Unknown) => void;\n};\n\nconst TileAdapter = ({ data }: { data: TileData | undefined; index: number }) => {\n  if (!data?.object) {\n    return null;\n  }\n\n  return <ObjectTile {...data} />;\n};\n\n/** Selectable header-only card for a single object. */\nconst ObjectTile = ({ object, current, onSelect, onOpen, onDelete }: TileData) => {\n  const { t } = useTranslation(meta.profile.key);\n  // Subscribe so the label re-renders when the object changes.\n  const [live] = useObject(object);\n  const typename = Obj.getTypename(live);\n  const label =\n    Obj.getLabel(live) ||\n    t('object-name.placeholder', { ns: typename ?? meta.profile.key, defaultValue: t('object-name.placeholder') });\n\n  const iconAnnotation = Obj.getIcon(live);\n  const icon = iconAnnotation?.icon ?? 'ph--circle-dashed--regular';\n  const iconStyles = iconAnnotation?.hue ? getStyles(iconAnnotation.hue) : undefined;\n\n  // Render a content preview body only for types that opt in via `CardAnnotation`.\n  const type = Obj.getType(object);\n  const showCardContent = !!type && Option.getOrElse(CardAnnotation.get(Type.getSchema(type)), () => false);\n  const cardData = useMemo<AppSurface.ObjectCardData>(() => ({ subject: object }), [object]);\n\n  // `Focus.Item` calls `onCurrentChange` on click and on Enter. A card click toggles selection —\n  // the companion follows the selection, so navigating away on every click would fight the review\n  // workflow; opening stays available from the card menu.\n  const handleCurrentChange = useCallback(() => onSelect(object.id), [onSelect, object]);\n\n  const menuItems = useMemo(\n    () => [\n      {\n        icon: 'ph--arrow-square-out--regular',\n        label: t('open-object.label', {\n          ns: typename ?? meta.profile.key,\n          defaultValue: t('open-object.label'),\n        }),\n        onClick: () => onOpen(object),\n      },\n      ...(onDelete\n        ? [\n            {\n              icon: 'ph--trash--regular',\n              label: t('delete-object.label', {\n                ns: typename ?? meta.profile.key,\n                defaultValue: t('delete-object.label'),\n              }),\n              onClick: () => onDelete(object),\n            },\n          ]\n        : []),\n    ],\n    [t, typename, onOpen, onDelete, object],\n  );\n\n  return (\n    <Focus.Item asChild current={current} onCurrentChange={handleCurrentChange}>\n      <Card.Root fullWidth classNames={['dx-hover cursor-pointer', current && 'dx-current']}>\n        <Card.Header>\n          <Card.Block>\n            <Icon icon={icon} classNames={iconStyles?.text} />\n          </Card.Block>\n          <Card.Title>{label}</Card.Title>\n          {menuItems.length > 0 && <Card.Menu items={menuItems} />}\n        </Card.Header>\n        {showCardContent && <Surface.Surface type={AppSurface.CardContent} data={cardData} limit={1} />}\n      </Card.Root>\n    </Focus.Item>\n  );\n};\n\nTypeArticle.displayName = 'TypeArticle';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,IAAa,iBAAiB,EAAE,OAAO,MAAM,SAAS,cAAuD;CAC3G,MAAM,EAAE,kBAAkB,oBAAoB;CAC9C,MAAM,QAAQ,gBAAgB,kBAAkB,YAAY;CAC5D,MAAM,WAAW,KAAK,YAAY,IAAI;CACtC,MAAM,OAAO,cACL,MAAM,MAAM,cAAc,KAAK,YAAY,UAAU,IAAI,MAAM,QAAQ,GAC7E,CAAC,OAAO,QAAQ,CAClB;CAEA,MAAM,CAAC,QAAQ,aAAa,SAAyD,CAAC,CAAC;CACvF,MAAM,CAAC,OAAO,YAAY,SAAS,CAAC;CACpC,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAG9C,MAAM,UAAU,OAAO,CAAC;CACxB,MAAM,EAAE,gBAAgB,kBAAkB,kBAAkB,cAAc;CAE1E,MAAM,UAAU,kBAAkB;EAChC,IAAI,CAAC,MACH;EAEF,YAAY,IAAI;EAChB,MAAM,UAAU,EAAE,QAAQ;EAC1B,cAAmB,eAAe,gBAAgB,EAAE,SAAS,GAAG,EAAE,SAAS,MAAM,GAAG,CAAC,CAAA,CAClF,MAAM,EAAE,WAAW;GAClB,IAAI,YAAY,QAAQ,SACtB;GAEF,UAAU,MAAM,UAAU,CAAC,CAAC;GAC5B,SAAS,CAAC;EACZ,CAAC,CAAA,CACA,cAAc;GACb,IAAI,YAAY,QAAQ,SACtB,YAAY,KAAK;EAErB,CAAC;CACL,GAAG;EAAC;EAAe;EAAM;EAAU,MAAM;CAAE,CAAC;CAG5C,gBAAgB;EACd,IAAI,SACF,QAAQ;CAEZ,GAAG;EAAC;EAAS;EAAS;CAAW,CAAC;CAElC,MAAM,OAAO,cAAc,IAAI,IAAI,QAAQ,KAAK,WAAW,CAAC,OAAO,IAAI,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC;CAM3F,OAAO;EACL;EACA,SAPc,cAAc;GAC5B,MAAM,QAAQ,OAAO;GACrB,OAAO,QAAQ,MAAM,UAAU,SAAS,OAAO,KAAK,IAAI,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC;EACxE,GAAG;GAAC;GAAQ;GAAO;EAAI,CAIrB;EACA,UAAU,OAAO,WAAW,IAAI,IAAI,QAAQ;EAC5C,OAAO,OAAO;EACd;EAGA,MAAM,kBAAkB,UAAU,UAAU,KAAK,IAAI,QAAQ,GAAG,KAAK,IAAI,OAAO,SAAS,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,MAAM,CAAC;EACjH,UAAU,kBAAkB,UAAU,UAAU,KAAK,IAAI,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;EAC3E;CACF;AACF;;AAGA,IAAa,qBACX,MACA,YAC4B;CAC5B,IAAI,CAAC,QAAQ,QAAQ,SAAS,GAC5B;CAEF,MAAM,EAAE,YAAY,UAAU,MAAM;EAAE,MAAM,CAAC;EAAG;CAAQ,CAAC;CACzD,OAAO,IAAI,SAAS,OAAO,IAAI,UAAU,KAAA;AAC3C;;;;;;;;;;;;ACxFA,IAAa,sBAAsB,EACjC,SACA,UACA,iBACqD;CACrD,MAAM,GAAG,mBAAmB,uBAAuB,kBAAkB,cAAc;CACnF,MAAM,EAAE,MAAM,SAAS,UAAU,OAAO,UAAU,MAAM,UAAU,YAAY;CAK9E,MAAM,eAAe,kBACb,iBAAiB,WAAW;EAAE,GAAG;EAAO,cAAc,KAAA;CAAU,EAAE,GACxE,CAAC,eAAe,CAClB;CAEA,MAAM,cAAc,kBAAkB;EACpC,MAAM,UAAU,kBAAkB,MAAM,OAAO;EAC/C,IAAI,CAAC,SACH;EAEF,iBAAiB,WAAW;GAC1B,GAAG;GACH,cAAc;IAAE;IAAS;IAAU,WAAW,QAAQ,KAAK,WAAW,OAAO,EAAE;IAAG;GAAQ;EAC5F,EAAE;CACJ,GAAG;EAAC;EAAiB;EAAM;EAAS;EAAS;CAAQ,CAAC;CAGtD,MAAM,gBAAgB,kBAAkB;EACtC,aAAa;EACb,KAAK;CACP,GAAG,CAAC,cAAc,IAAI,CAAC;CAEvB,MAAM,iBAAiB,kBAAkB;EACvC,aAAa;EACb,SAAS;CACX,GAAG,CAAC,cAAc,QAAQ,CAAC;CAE3B,MAAM,gBAAgB,kBAAkB;EACtC,aAAa;EACb,QAAQ;CACV,GAAG,CAAC,cAAc,OAAO,CAAC;CAE1B,OAAO,eACE,YAAY;EACjB,QACG,OACC,SACA;GACE,OAAO,CAAC,0BAA0B,EAAE,IAAI,KAAK,QAAQ,IAAI,CAAC;GAC1D,MAAM;GACN,SAAS;GACT,UAAU;GACV,UAAU,QAAQ,SAAS;EAC7B,GACA,WACF,CAAA,CACC,OACC,QACA;GACE,OAAO,CAAC,yBAAyB,EAAE,IAAI,KAAK,QAAQ,IAAI,CAAC;GACzD,UAAU;GAEV,UAAU,YAAY;EACxB,GACA,aACF,CAAA,CACC,OACC,UACA;GACE,OAAO,CAAC,2BAA2B,EAAE,IAAI,KAAK,QAAQ,IAAI,CAAC;GAC3D,MAAM;GACN,UAAU;GACV,MAAM;EACR,GACA,aACF,CAAA,CACC,UAAU,YACT,UAAU,IACN,CAAC,IACD,QACG,OACC,YACA;GACE,OAAO,CAAC,4BAA4B,EAAE,IAAI,KAAK,QAAQ,IAAI,CAAC;GAC5D,MAAM;GACN,UAAU,YAAY;EACxB,GACA,cACF,CAAA,CACC,OACC,YACA;GAGE,SAAS;GACT,OAAO,CAAC,6BAA6B,EAAE,IAAI,KAAK,QAAQ,IAAI,CAAC;GAC7D,cACE,qBAAC,QAAD;IAAM,WAAU;cAAhB;KACG;KAAS;KAAI;IACV;;EAEV,SACM,CAAC,CACT,CAAA,CACC,OACC,QACA;GACE,OAAO,CAAC,wBAAwB,EAAE,IAAI,KAAK,QAAQ,IAAI,CAAC;GACxD,MAAM;GACN,UAAU,YAAY;EACxB,GACA,aACF,CACR,CAAA,CACC,UAAU;CACf,GACA;EAAC,QAAQ;EAAQ;EAAU;EAAO;EAAU;EAAa;EAAe;EAAgB;CAAa,CACvG;AACF;;;ACpHA,IAAM,UAA6C;CACjD;EACE,OAAO;EACP,MAAM;CACR;CACA;EACE,OAAO;EACP,MAAM;CACR;CACA;EACE,OAAO;EACP,MAAM;CACR;AACF;;;;;;;;AAgBA,IAAa,eAAe,EAAE,MAAM,OAAO,MAAM,mBAAqC;CACpF,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAC7C,MAAM,EAAE,kBAAkB,oBAAoB;CAC9C,MAAM,CAAC,QAAQ,aAAa,SAAiB,SAAS;CACtD,MAAM,UAAU,KAAK,OAAO,IAAI;CAChC,MAAM,UAAU,SAAS,MAAM,IAAI,OAAO,KAAK,OAAO,CAAC;CAGvD,MAAM,EAAE,SAAS,iBAAiB,qBAAkC;EAClE,OAAO;EACP,UAAU,WAAW,IAAI,SAAS,MAAM,KAAK;CAC/C,CAAC;CAID,MAAM,cAAc,aAAa,SAAS,OAAO;CACjD,MAAM,EAAE,OAAO,oBAAoB,QAAQ,mBAAmB,oBAAoB,OAAO;CAGzF,MAAM,aAAa,cAAc;EAAE;EAAO;EAAM;EAAS,SAAS,WAAW;CAAa,CAAC;CAC3F,MAAM,kBAAkB,mBAAmB;EACzC;EACA,UAAU,KAAK,YAAY,IAAI;EAC/B;CACF,CAAC;CAID,MAAM,UAAU,cACR,QAAQ,QAAQ,EAAE,YAAY,UAAU,gBAAgB,WAAW,IAAI,GAC7E,CAAC,WAAW,IAAI,CAClB;CAEA,MAAM,aAAa,aAChB,WAAwB;EACvB,MAAM,KAAK,IAAI,OAAO,MAAM;EAC5B,cAAmB,gBAAgB,QAAQ;GAAE,WAAW;GAAc,SAAS;IAAE,MAAM;IAAU;GAAG;EAAE,CAAC;EACvG,cAAmB,gBAAgB,MAAM;GAIvC,SAAS,CAAC,UAAU,wBAAwB,cAAc,OAAO,EAAE,CAAC;GACpE,SAAS;GACT,aAAa;GACb,YAAY;EACd,CAAC;CACH,GACA,CAAC,cAAc,aAAa,CAC9B;CAEA,MAAM,eAAe,aAAa,WAAwB;EACxD,IAAI,YAAY,MAAM,CAAC,EAAE,OAAO,MAAM;CACxC,GAAG,CAAC,CAAC;CAGL,MAAM,uBAAuB,kBAAkB;EAC7C,MAAM,WAAW,QAAQ,QAAQ,WAAW,YAAY,SAAS,OAAO,EAAE,CAAC;EAC3E,IAAI,SAAS,SAAS,GAAG;GACvB,cAAmB,eAAe,eAAe,EAAE,SAAS,SAAS,GAAG,EAAE,SAAS,MAAM,GAAG,CAAC;GAC7F,mBAAmB,CAAC,CAAC;EACvB;CACF,GAAG;EAAC;EAAS;EAAa;EAAe,MAAM;EAAI;CAAkB,CAAC;CAItE,MAAM,gBAAgB,eACb;EACL,WAAW;GAAE,SAAS;GAAM,MAAM;EAAoB;EACtD,cAAc;EACd,gBAAgB;EAChB,YAAY;CACd,IACA,CAAC,CACH;CAIA,MAAM,aAAa,cACO,CAAC;EAAE,IAAI;EAAQ,OAAO,CAAC,qBAAqB,EAAE,IAAI,KAAK,QAAQ,IAAI,CAAC;CAAE,CAAC,GAC/F,CAAC,CACH;CAEA,MAAM,kBAAkB,aACrB,UAAkB,WAAwB;EACzC,IAAI,aAAa,QACf,WAAW,MAAM;CAErB,GACA,CAAC,UAAU,CACb;CAKA,MAAM,cAAc,qBAEhB,YAAY,KAAK,CAAA,CACd,SAAS,WAAW,gBAAgB,eAAe,CAAA,CACnD,SACC,WAAW,WACT,YAAY,SAAS,OACnB,YAAY;EACZ,QAAQ,OACN,mBACA;GACE,OAAO,CAAC,yBAAyB;IAAE,IAAI,KAAK,QAAQ;IAAK,OAAO,YAAY;GAAO,CAAC;GACpF,MAAM;EACR,GACA,oBACF;CACF,EACJ,CAAA,CACC,UAAU,CAAA,CACV,MACC,UACA;EACE,SAAS;EACT,mBAAmB;EACnB,OAAO;EACP,OAAO,CAAC,gBAAgB,EAAE,IAAI,KAAK,QAAQ,IAAI,CAAC;CAClD,IACC,UAAU;EACT,QAAQ,SAAS,EAAE,OAAO,WAAW;GACnC,MAAM,OAAO,OAAO;IAAE,OAAO,CAAC,UAAU,MAAM,SAAS,EAAE,IAAI,KAAK,QAAQ,IAAI,CAAC;IAAG;GAAK,SACrF,UAAU,KAAK,CACjB;EACF,CAAC;CACH,CACF,CAAA,CACC,MAAM,GACX;EAAC;EAAQ;EAAS,YAAY;EAAQ;EAAiB;CAAoB,CAC7E;CAIA,MAAM,QAAQ,WAAW,eAAe,WAAW,UAAU;CAC7D,MAAM,YAAY,cAEd,MAAM,KAAK,YAAY;EACrB;EACA,SAAS,YAAY,SAAS,OAAO,EAAE;EACvC,UAAU;EACV,QAAQ;EACR,UAAU,IAAI,UAAU,MAAM,IAAI,KAAA,IAAY;CAChD,EAAE,GACJ;EAAC;EAAO;EAAa;EAAgB;EAAY;CAAY,CAC/D;CAIA,MAAM,YAAY,QAAQ,WAAW,IAAI,EAAE,+BAA+B,IAAI,KAAA;CAC9E,MAAM,YAAY,cAAc,QAAQ,WAAW,IAAI,EAAE,2BAA2B,IAAI,KAAA;CACxF,MAAM,eACJ,cACC,WAAW,QAAQ,WAAW,IAC3B,WAAW,WACT,EAAE,6BAA6B,IAC/B,EAAE,yBAAyB,IAC7B,KAAA;CAEN,OACE,oBAAC,WAAW,MAAZ;EAAiB,UAAU;YACzB,oBAAC,KAAK,MAAN;GAAW,SAAA;GAAQ,OAAO;GAAQ,gBAAgB,UAAU,UAAU,KAAe;aACnF,qBAAC,MAAM,MAAP;IAAkB;cAAlB;KACE,qBAAC,MAAM,SAAP;MAAe,YAAY,GAAG,QAAQ,WAAW,gBAAgB,sBAAsB;gBAAvF,CACG,WAAW,gBAAgB,oBAAC,WAAW,OAAZ,EAAkB,aAAa,EAAE,0BAA0B,EAAI,CAAA,GAC3F,oBAAC,KAAK,MAAN;OAAW,GAAI;OAA2B;OAAc,cAAA;iBACtD,oBAAC,KAAK,SAAN,CAAe,CAAA;MACN,CAAA,CACE;;KACf,qBAAC,MAAM,SAAP,EAAA,UAAA;MACE,oBAAC,aAAD;OAAa,OAAM;OAAU,OAAO;iBAClC,oBAAC,QAAQ,MAAT;QAAc,MAAM;kBAClB,oBAAC,QAAQ,SAAT,EAAA,UACE,oBAAC,QAAQ,UAAT;SAAkB,UAAU;SAAS,QAAQ,SAAS,IAAI,OAAO,KAAK,MAAM;SAAG,OAAO;QAAY,CAAA,EACnF,CAAA;OACL,CAAA;MACH,CAAA;MACb,oBAAC,aAAD;OAAa,OAAM;OAAQ,OAAO;iBAChC,oBAAC,cAAD;QACQ;QACN,MAAM;QACN,UAAU;QACE;QAGZ,WAAW;QACX,aAAa;QACb,oBAAoB;OACrB,CAAA;MACU,CAAA;MACZ,WAAW,QACV,oBAAC,aAAD;OAAa,OAAM;OAAa,OAAO;iBACrC,oBAAC,QAAQ,MAAT;QAAc,MAAM;kBAClB,oBAAC,QAAQ,SAAT,EAAA,UACE,oBAAC,QAAQ,UAAT;SAAkB,UAAU;SAAS,QAAQ,SAAS,IAAI,OAAO,KAAK,MAAM;SAAG,OAAO;QAAY,CAAA,EACnF,CAAA;OACL,CAAA;MACH,CAAA;KAEF,EAAA,CAAA;KACf,oBAAC,MAAM,WAAP;MAAiB,YAAW;gBACzB,EAAE,oBAAoB,EAAE,OAAO,UAAU,OAAO,CAAC;KACnC,CAAA;IACP;;EACH,CAAA;CACI,CAAA;AAErB;;AAGA,IAAM,eAAe,EAAE,OAAO,OAAO,eACnC,oBAAC,KAAK,OAAN;CAAmB;CAAO,YAAW;WAClC,QAAQ,oBAAC,OAAD;EAAO,YAAW;EAAS,OAAO;CAAQ,CAAA,IAAI;AAC7C,CAAA;AAWd,IAAM,eAAe,EAAE,WAA0D;CAC/E,IAAI,CAAC,MAAM,QACT,OAAO;CAGT,OAAO,oBAAC,YAAD,EAAY,GAAI,KAAO,CAAA;AAChC;;AAGA,IAAM,cAAc,EAAE,QAAQ,SAAS,UAAU,QAAQ,eAAyB;CAChF,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAE7C,MAAM,CAAC,QAAQ,UAAU,MAAM;CAC/B,MAAM,WAAW,IAAI,YAAY,IAAI;CACrC,MAAM,QACJ,IAAI,SAAS,IAAI,KACjB,EAAE,2BAA2B;EAAE,IAAI,YAAY,KAAK,QAAQ;EAAK,cAAc,EAAE,yBAAyB;CAAE,CAAC;CAE/G,MAAM,iBAAiB,IAAI,QAAQ,IAAI;CACvC,MAAM,OAAO,gBAAgB,QAAQ;CACrC,MAAM,aAAa,gBAAgB,MAAM,UAAU,eAAe,GAAG,IAAI,KAAA;CAGzE,MAAM,OAAO,IAAI,QAAQ,MAAM;CAC/B,MAAM,kBAAkB,CAAC,CAAC,QAAQ,OAAO,UAAU,eAAe,IAAI,KAAK,UAAU,IAAI,CAAC,SAAS,KAAK;CACxG,MAAM,WAAW,eAA0C,EAAE,SAAS,OAAO,IAAI,CAAC,MAAM,CAAC;CAKzF,MAAM,sBAAsB,kBAAkB,SAAS,OAAO,EAAE,GAAG,CAAC,UAAU,MAAM,CAAC;CAErF,MAAM,YAAY,cACV,CACJ;EACE,MAAM;EACN,OAAO,EAAE,qBAAqB;GAC5B,IAAI,YAAY,KAAK,QAAQ;GAC7B,cAAc,EAAE,mBAAmB;EACrC,CAAC;EACD,eAAe,OAAO,MAAM;CAC9B,GACA,GAAI,WACA,CACE;EACE,MAAM;EACN,OAAO,EAAE,uBAAuB;GAC9B,IAAI,YAAY,KAAK,QAAQ;GAC7B,cAAc,EAAE,qBAAqB;EACvC,CAAC;EACD,eAAe,SAAS,MAAM;CAChC,CACF,IACA,CAAC,CACP,GACA;EAAC;EAAG;EAAU;EAAQ;EAAU;CAAM,CACxC;CAEA,OACE,oBAAC,MAAM,MAAP;EAAY,SAAA;EAAiB;EAAS,iBAAiB;YACrD,qBAAC,KAAK,MAAN;GAAW,WAAA;GAAU,YAAY,CAAC,2BAA2B,WAAW,YAAY;aAApF,CACE,qBAAC,KAAK,QAAN,EAAA,UAAA;IACE,oBAAC,KAAK,OAAN,EAAA,UACE,oBAAC,MAAD;KAAY;KAAM,YAAY,YAAY;IAAO,CAAA,EACvC,CAAA;IACZ,oBAAC,KAAK,OAAN,EAAA,UAAa,MAAkB,CAAA;IAC9B,UAAU,SAAS,KAAK,oBAAC,KAAK,MAAN,EAAW,OAAO,UAAY,CAAA;GAC5C,EAAA,CAAA,GACZ,mBAAmB,oBAAC,QAAQ,SAAT;IAAiB,MAAM,WAAW;IAAa,MAAM;IAAU,OAAO;GAAI,CAAA,CACrF;;CACD,CAAA;AAEhB;AAEA,YAAY,cAAc"}

package/dist/lib/chunk-ViewEditor.mjs

@@ -0,0 +1,78 @@
+import { Filter, Obj, Query, Scope, Tag, Type } from "@dxos/echo";
+import { SpaceOperation } from "#operations";
+import { ViewModel } from "@dxos/schema";
+import { useCallback, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { useTypeOptions } from "@dxos/app-toolkit/ui";
+import { useQuery } from "@dxos/echo-react";
+import { useClient } from "@dxos/react-client";
+import { useAsyncEffect } from "@dxos/react-ui";
+import { jsx } from "react/jsx-runtime";
+import { ViewEditor as ViewEditor$1 } from "@dxos/react-ui-form";
+import { resolveSchemaWithRegistry } from "@dxos/app-toolkit/query";
+//#region src/containers/ViewEditor/ViewEditor.tsx
+var ViewEditor = ({ view }) => {
+	const { invokePromise } = useOperationInvoker();
+	const client = useClient();
+	const db = Obj.getDatabase(view);
+	const [type, setType] = useState();
+	const tags = useQuery(db, Filter.type(Tag.Tag));
+	const types = useTypeOptions({
+		db,
+		annotation: {
+			location: ["database", "runtime"],
+			kind: ["user"]
+		}
+	});
+	useAsyncEffect(async () => {
+		if (!view?.query || !db) return;
+		const foundType = await resolveSchemaWithRegistry(db, view.query.ast);
+		if (foundType && foundType !== type) setType(() => foundType);
+	}, [
+		client,
+		db,
+		view,
+		type
+	]);
+	const handleQueryChanged = useCallback(async (newQuery, target) => {
+		if (!view || !db) return;
+		const queue = target;
+		const query = queue ? Query.fromAst(newQuery).from([Scope.feed(queue)]) : Query.fromAst(newQuery);
+		Obj.update(view, (view) => {
+			view.query.ast = query.ast;
+		});
+		const newType = await resolveSchemaWithRegistry(db, query.ast);
+		if (!newType) return;
+		const newView = ViewModel.make({
+			query,
+			jsonSchema: newType.jsonSchema
+		});
+		Obj.update(view, (view) => {
+			view.projection = Obj.getSnapshot(newView).projection;
+		});
+		setType(() => newType);
+	}, [view, type]);
+	const handleDelete = useCallback((fieldId) => {
+		invokePromise(SpaceOperation.DeleteField, {
+			view,
+			fieldId
+		});
+	}, [invokePromise, view]);
+	if (!db || !type) return null;
+	return /* @__PURE__ */ jsx(ViewEditor$1, {
+		registry: db.graph.registry,
+		type,
+		view,
+		mode: "tag",
+		db,
+		tags,
+		types,
+		onQueryChanged: handleQueryChanged,
+		onDelete: Type.getDatabase(type) != null ? handleDelete : void 0
+	});
+};
+ViewEditor.displayName = "ViewEditor";
+//#endregion
+export { ViewEditor as default };
+
+//# sourceMappingURL=chunk-ViewEditor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-ViewEditor.mjs","names":[],"sources":["../../src/containers/ViewEditor/ViewEditor.tsx"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { resolveSchemaWithRegistry } from '@dxos/app-toolkit/query';\nimport { useTypeOptions } from '@dxos/app-toolkit/ui';\nimport { EID, Filter, Obj, Query, type QueryAST, Scope, Tag, Type, type View } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport { type Mutable } from '@dxos/echo/Obj';\nimport { useClient } from '@dxos/react-client';\nimport { useAsyncEffect } from '@dxos/react-ui';\nimport { ViewEditor as NaturalViewEditor } from '@dxos/react-ui-form';\nimport { ViewModel } from '@dxos/schema';\n\nimport { SpaceOperation } from '#operations';\n\nexport type ViewEditorProps = { view: View.View };\n\nexport const ViewEditor = ({ view }: ViewEditorProps) => {\n  const { invokePromise } = useOperationInvoker();\n  const client = useClient();\n  const db = Obj.getDatabase(view);\n  const [type, setType] = useState<Type.AnyEntity>();\n  const tags = useQuery(db, Filter.type(Tag.Tag));\n  const types = useTypeOptions({\n    db,\n    annotation: {\n      location: ['database', 'runtime'],\n      kind: ['user'],\n    },\n  });\n\n  useAsyncEffect(async () => {\n    if (!view?.query || !db) {\n      return;\n    }\n\n    const foundType = await resolveSchemaWithRegistry(db, view.query.ast);\n    if (foundType && foundType !== type) {\n      setType(() => foundType);\n    }\n  }, [client, db, view, type]);\n\n  const handleQueryChanged = useCallback(\n    async (newQuery: QueryAST.Query, target?: EID.EID) => {\n      if (!view || !db) {\n        return;\n      }\n\n      const queue = target;\n      const query = queue ? Query.fromAst(newQuery).from([Scope.feed(queue)]) : Query.fromAst(newQuery);\n      Obj.update(view, (view) => {\n        view.query.ast = query.ast as Mutable<typeof query.ast>;\n      });\n      const newType = await resolveSchemaWithRegistry(db, query.ast);\n      if (!newType) {\n        return;\n      }\n\n      const newView = ViewModel.make({\n        query,\n        jsonSchema: newType.jsonSchema,\n      });\n      Obj.update(view, (view) => {\n        view.projection = Obj.getSnapshot(newView).projection as Mutable<typeof view.projection>;\n      });\n\n      setType(() => newType);\n    },\n    [view, type],\n  );\n\n  const handleDelete = useCallback(\n    (fieldId: string) => {\n      void invokePromise(SpaceOperation.DeleteField, { view, fieldId });\n    },\n    [invokePromise, view],\n  );\n\n  if (!db || !type) {\n    return null;\n  }\n\n  return (\n    <NaturalViewEditor\n      registry={db.graph.registry}\n      type={type}\n      view={view}\n      mode='tag'\n      db={db}\n      tags={tags}\n      types={types}\n      onQueryChanged={handleQueryChanged}\n      onDelete={Type.getDatabase(type) != null ? handleDelete : undefined}\n    />\n  );\n};\n\nViewEditor.displayName = 'ViewEditor';\n"],"mappings":";;;;;;;;;;;;;AAqBA,IAAa,cAAc,EAAE,WAA4B;CACvD,MAAM,EAAE,kBAAkB,oBAAoB;CAC9C,MAAM,SAAS,UAAU;CACzB,MAAM,KAAK,IAAI,YAAY,IAAI;CAC/B,MAAM,CAAC,MAAM,WAAW,SAAyB;CACjD,MAAM,OAAO,SAAS,IAAI,OAAO,KAAK,IAAI,GAAG,CAAC;CAC9C,MAAM,QAAQ,eAAe;EAC3B;EACA,YAAY;GACV,UAAU,CAAC,YAAY,SAAS;GAChC,MAAM,CAAC,MAAM;EACf;CACF,CAAC;CAED,eAAe,YAAY;EACzB,IAAI,CAAC,MAAM,SAAS,CAAC,IACnB;EAGF,MAAM,YAAY,MAAM,0BAA0B,IAAI,KAAK,MAAM,GAAG;EACpE,IAAI,aAAa,cAAc,MAC7B,cAAc,SAAS;CAE3B,GAAG;EAAC;EAAQ;EAAI;EAAM;CAAI,CAAC;CAE3B,MAAM,qBAAqB,YACzB,OAAO,UAA0B,WAAqB;EACpD,IAAI,CAAC,QAAQ,CAAC,IACZ;EAGF,MAAM,QAAQ;EACd,MAAM,QAAQ,QAAQ,MAAM,QAAQ,QAAQ,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,IAAI,MAAM,QAAQ,QAAQ;EAChG,IAAI,OAAO,OAAO,SAAS;GACzB,KAAK,MAAM,MAAM,MAAM;EACzB,CAAC;EACD,MAAM,UAAU,MAAM,0BAA0B,IAAI,MAAM,GAAG;EAC7D,IAAI,CAAC,SACH;EAGF,MAAM,UAAU,UAAU,KAAK;GAC7B;GACA,YAAY,QAAQ;EACtB,CAAC;EACD,IAAI,OAAO,OAAO,SAAS;GACzB,KAAK,aAAa,IAAI,YAAY,OAAO,CAAC,CAAC;EAC7C,CAAC;EAED,cAAc,OAAO;CACvB,GACA,CAAC,MAAM,IAAI,CACb;CAEA,MAAM,eAAe,aAClB,YAAoB;EACnB,cAAmB,eAAe,aAAa;GAAE;GAAM;EAAQ,CAAC;CAClE,GACA,CAAC,eAAe,IAAI,CACtB;CAEA,IAAI,CAAC,MAAM,CAAC,MACV,OAAO;CAGT,OACE,oBAAC,cAAD;EACE,UAAU,GAAG,MAAM;EACb;EACA;EACN,MAAK;EACD;EACE;EACC;EACP,gBAAgB;EAChB,UAAU,KAAK,YAAY,IAAI,KAAK,OAAO,eAAe,KAAA;CAC3D,CAAA;AAEL;AAEA,WAAW,cAAc"}