dsh-mnemon-source-memory-spaces 0.5.0-rc.1

package/lib/client.js

@@ -0,0 +1,3462 @@
+window.__ModuleLoader__.load({
+	id: "dsh-mnemon-source-memory-spaces",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let dsh_mnemon_client = require("dsh-mnemon/client");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/contracts.ts
+		const CATEGORIES = [
+			"preference",
+			"decision",
+			"fact",
+			"insight",
+			"context",
+			"general"
+		];
+		//#endregion
+		//#region src/client/ProviderIcon.tsx
+		function GenericProviderMark() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				viewBox: "0 0 36 36",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+						width: "36",
+						height: "36",
+						rx: "9",
+						fill: "#F1F3F7"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ellipse", {
+						cx: "18",
+						cy: "11",
+						rx: "8",
+						ry: "3.5",
+						fill: "#68738A"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M10 11v7c0 1.93 3.58 3.5 8 3.5s8-1.57 8-3.5v-7M10 18v7c0 1.93 3.58 3.5 8 3.5s8-1.57 8-3.5v-7",
+						stroke: "#68738A",
+						strokeWidth: "1.6"
+					})
+				]
+			});
+		}
+		/** Only the owning plugin supplies image data; unknown brands get a neutral mark. */
+		function ProviderIcon({ providerId, icon, className, title }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className,
+				"data-provider-icon": providerId,
+				...title === void 0 ? { "aria-hidden": true } : {
+					role: "img",
+					"aria-label": title
+				},
+				children: icon?.kind === "brand" && icon.value === "mnemon" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.MnemonLogo, {}) : icon?.kind === "glyph" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					"aria-hidden": "true",
+					children: icon.value
+				}) : icon?.kind === "data-url" && /^data:image\/(?:png|jpeg|webp|svg\+xml);/u.test(icon.value) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+					src: icon.value,
+					alt: ""
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GenericProviderMark, {})
+			});
+		}
+		//#endregion
+		//#region src/client/provider-presentation.ts
+		function providerDisplayLabel(_providerId, label) {
+			return label;
+		}
+		function providerSummary(t, provider) {
+			if (provider.summaryI18nKey === void 0) return provider.summary;
+			const localized = t(provider.summaryI18nKey);
+			return typeof localized !== "string" || localized.length === 0 || localized === provider.summaryI18nKey ? provider.summary : localized;
+		}
+		function providerFieldLabel(t, field) {
+			if (field.i18nKey === void 0) return field.label;
+			const localized = t(field.i18nKey);
+			return typeof localized !== "string" || localized.length === 0 || localized === field.i18nKey ? field.label : localized;
+		}
+		function providerOptionLabel(t, option) {
+			if (option.i18nKey === void 0) return option.label;
+			const localized = t(option.i18nKey);
+			return typeof localized !== "string" || localized.length === 0 || localized === option.i18nKey ? option.label : localized;
+		}
+		//#endregion
+		//#region src/client/pages.tsx
+		function memoryProviderFields(provider) {
+			return provider.fields.filter((field) => field.scope !== "service");
+		}
+		function providerDefaults(provider) {
+			return Object.fromEntries(memoryProviderFields(provider).flatMap((field) => field.defaultValue === void 0 ? [] : [[field.key, field.defaultValue]]));
+		}
+		function mergeProviderDefaults(providers, current) {
+			return Object.fromEntries(providers.map((provider) => [provider.id, {
+				...providerDefaults(provider),
+				...current[provider.id] ?? {}
+			}]));
+		}
+		function providerDraftComplete(provider, connection) {
+			if (provider === void 0 || provider.origin === "native") return true;
+			return provider.serviceConfigured !== false && memoryProviderFields(provider).every((field) => !field.required || String(connection?.[field.key] ?? "").trim() !== "");
+		}
+		function nativeBodyProvider(provider) {
+			return provider.origin === "native";
+		}
+		/** Shared memory-level Provider form used by manual creation, editing, and distillation policy. */
+		function ProviderMemoryFields(props) {
+			const t = (0, dsh_mnemon_client.useT)();
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: dsh_mnemon_client.memoryPageStyles.providerFields,
+				"data-provider": props.provider.id,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.providerFieldHeading,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.providerFieldIdentity,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderIcon, {
+								providerId: props.provider.id,
+								icon: props.provider.icon,
+								className: dsh_mnemon_client.memoryPageStyles.providerFieldIcon
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: props.provider.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: providerSummary(t, props.provider) })] })]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+							props.provider.kind === "local" ? t("overview.providerKindLocal") : t("overview.providerKindRemote"),
+							" · ",
+							t(`overview.workspaceBinding.${props.provider.workspaceBinding}`)
+						] })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.providerAdvancedGrid,
+						children: memoryProviderFields(props.provider).map((field) => {
+							const label = providerFieldLabel(t, field);
+							const value = props.connection[field.key] ?? "";
+							const savedSecret = props.body?.provider.configuredSecrets.includes(field.key) === true;
+							const clearingSecret = props.clearSecrets?.includes(field.key) === true;
+							const required = field.required && (!savedSecret || clearingSecret);
+							const input = field.input === "boolean" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								"aria-label": label,
+								type: "checkbox",
+								checked: Boolean(value),
+								onChange: (event) => props.onChange(field.key, event.target.checked)
+							}) : field.input === "select" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+								"aria-label": label,
+								value: String(value),
+								required,
+								onChange: (event) => props.onChange(field.key, event.target.value),
+								children: field.options?.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: option.value,
+									children: providerOptionLabel(t, option)
+								}, option.value))
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								"aria-label": label,
+								type: field.input === "secret" ? "password" : field.input === "number" ? "number" : field.input === "url" ? "url" : "text",
+								value: String(value),
+								required,
+								autoComplete: field.input === "secret" ? "new-password" : void 0,
+								placeholder: savedSecret ? t("overview.providerApiKeyKeep") : field.placeholder ?? (field.input === "secret" ? t("overview.providerApiKeyOptional") : void 0),
+								maxLength: field.maxLength ?? (field.input === "secret" ? 8e3 : 2e3),
+								min: field.min,
+								max: field.max,
+								pattern: field.pattern,
+								step: field.input === "number" ? "any" : void 0,
+								onChange: (event) => props.onChange(field.key, event.target.value)
+							});
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: dsh_mnemon_client.memoryPageStyles.providerFieldControl,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [label, input] }), props.body !== void 0 && field.input === "secret" && savedSecret && props.onClearSecretsChange !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: dsh_mnemon_client.memoryPageStyles.providerSecretClear,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: clearingSecret,
+										onChange: (event) => props.onClearSecretsChange(event.target.checked ? [.../* @__PURE__ */ new Set([...props.clearSecrets ?? [], field.key])] : (props.clearSecrets ?? []).filter((key) => key !== field.key))
+									}), t("overview.providerSecretClear")]
+								})]
+							}, field.key);
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("small", {
+						className: dsh_mnemon_client.memoryPageStyles.providerWriteHint,
+						children: [
+							props.provider.capabilities.writeMode === "exact" ? t("overview.providerWriteExact") : t("overview.providerWriteAsync"),
+							" · ",
+							props.provider.capabilities.graph ? t("overview.providerGraphReady") : t("overview.providerSearchReady")
+						]
+					})
+				]
+			});
+		}
+		const CATEGORY_KEYS = {
+			decision: "category.decision",
+			preference: "category.preference",
+			fact: "category.fact",
+			insight: "category.insight",
+			context: "category.context",
+			general: "category.general"
+		};
+		function categoryLabel(t, category) {
+			return CATEGORY_KEYS[category] === void 0 ? category : t(CATEGORY_KEYS[category]);
+		}
+		function insightKey(insight) {
+			return `${insight.memoryBodyId ?? "memory"}:${insight.id}`;
+		}
+		function MemoryProviderBadge(props) {
+			const label = providerDisplayLabel(props.providerId, props.label);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: dsh_mnemon_client.memoryPageStyles.providerBadge,
+				"data-provider": props.providerId,
+				title: label,
+				children: label
+			});
+		}
+		function ReadSourcePanel(props) {
+			const t = (0, dsh_mnemon_client.useT)();
+			if (props.sources.length === 0) return null;
+			const content = (source) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: dsh_mnemon_client.memoryPageStyles.readSourceSignal,
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: dsh_mnemon_client.memoryPageStyles.readSourceIdentity,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: source.memoryBodyName }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: dsh_mnemon_client.memoryPageStyles.readSourceMeta,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoryProviderBadge, {
+							providerId: source.providerId,
+							label: source.providerLabel
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t(`readSources.model.${source.providerId}`) })]
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: dsh_mnemon_client.memoryPageStyles.readSourceState,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("em", { children: t(`readSources.mode.${source.mode}`) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("small", { children: [t(`readSources.status.${source.status}`, { count: source.itemCount }), source.edgeCount === void 0 || source.edgeCount === 0 ? "" : ` · ${t("readSources.edges", { count: source.edgeCount })}`] })]
+				})
+			] });
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: dsh_mnemon_client.memoryPageStyles.readSources,
+				"aria-label": props.title,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: props.title }), props.hint !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: props.hint })] }), props.onSelect !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					"aria-pressed": props.selectedBodyId === void 0,
+					"data-selected": props.selectedBodyId === void 0 ? "" : void 0,
+					onClick: () => props.onSelect?.(void 0),
+					children: t("readSources.all")
+				})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: props.sources.map((source) => props.onSelect === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("article", {
+					className: dsh_mnemon_client.memoryPageStyles.readSourceCard,
+					"data-provider": source.providerId,
+					"data-mode": source.mode,
+					"data-status": source.status,
+					title: source.hint,
+					children: content(source)
+				}, source.memoryBodyId) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: dsh_mnemon_client.memoryPageStyles.readSourceCard,
+					"data-provider": source.providerId,
+					"data-mode": source.mode,
+					"data-status": source.status,
+					"aria-pressed": props.selectedBodyId === source.memoryBodyId,
+					"data-selected": props.selectedBodyId === source.memoryBodyId || void 0,
+					title: source.hint,
+					onClick: () => props.onSelect?.(props.selectedBodyId === source.memoryBodyId ? void 0 : source.memoryBodyId),
+					children: content(source)
+				}, source.memoryBodyId)) })]
+			});
+		}
+		/** Full-text popup for a selected graph node whose inspector preview is clamped. */
+		function ContentPreview(props) {
+			const t = (0, dsh_mnemon_client.useT)();
+			const meta = [
+				props.kind,
+				props.node.id,
+				props.node.memoryBodyName
+			].filter((entry) => entry !== void 0).join(" · ");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.SidebarModal, {
+				title: t("overview.previewTitle"),
+				description: meta,
+				onClose: props.onClose,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: dsh_mnemon_client.memoryPageStyles.previewContent,
+					children: props.node.content
+				})
+			});
+		}
+		function InsightCard(props) {
+			const t = (0, dsh_mnemon_client.useT)();
+			const [confirming, setConfirming] = (0, react.useState)(false);
+			const [forgetting, setForgetting] = (0, react.useState)(false);
+			const { insight } = props;
+			const neutralActionClass = (0, dsh_mnemon_client.appearanceClass)(dsh_mnemon_client.memoryPageStyles.ghostButton, dsh_mnemon_client.memorySidebarStyles.itemActionButton);
+			const forgetActionClass = (0, dsh_mnemon_client.appearanceClass)(dsh_mnemon_client.memoryPageStyles.dangerButton, (0, dsh_mnemon_client.appearanceClass)(dsh_mnemon_client.memorySidebarStyles.itemActionButton, dsh_mnemon_client.memorySidebarStyles.itemDangerAction));
+			const providerLabel = insight.memoryProviderLabel ?? insight.memoryProviderId;
+			const supportsRelated = insight.memoryCapabilities?.related === true;
+			const supportsForget = insight.memoryCapabilities?.forget === true;
+			const meta = [
+				insight.memoryBodyName,
+				providerLabel,
+				insight.category !== void 0 ? categoryLabel(t, insight.category) : void 0,
+				insight.importance !== void 0 ? t("common.importance", { value: insight.importance }) : void 0,
+				insight.score !== void 0 ? `score ${insight.score.toFixed(3)}` : void 0,
+				insight.depth !== void 0 ? t("common.hops", { count: insight.depth }) : void 0
+			].filter((entry) => entry !== void 0);
+			const forget = async () => {
+				setForgetting(true);
+				try {
+					await props.onForget(insight);
+				} finally {
+					setForgetting(false);
+					setConfirming(false);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+				className: dsh_mnemon_client.memoryPageStyles.insightCard,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.cardTop,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.badges,
+							children: meta.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: dsh_mnemon_client.memoryPageStyles.badge,
+								children: entry
+							}, entry))
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+							className: dsh_mnemon_client.memoryPageStyles.id,
+							title: insight.id,
+							children: insight.id.slice(0, 8)
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: dsh_mnemon_client.memoryPageStyles.content,
+						children: insight.content
+					}),
+					(insight.tags?.length ?? 0) > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.tags,
+						children: insight.tags.map((tag) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["#", tag] }, tag))
+					}),
+					(insight.entities?.length ?? 0) > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.entities,
+						children: insight.entities.map((entity) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: entity }, entity))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.cardActions,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							props.onRelated !== void 0 && supportsRelated && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: neutralActionClass,
+								onClick: () => props.onRelated?.(insight),
+								children: t("card.related")
+							}),
+							props.onClone !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: neutralActionClass,
+								onClick: () => props.onClone?.(insight),
+								children: t("card.clone")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: neutralActionClass,
+								onClick: () => void navigator.clipboard?.writeText(insight.id),
+								children: t("common.copyId")
+							}),
+							props.writeEnabled && supportsForget && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: forgetActionClass,
+								onClick: () => setConfirming(true),
+								children: t("card.forget")
+							})
+						] })
+					})
+				]
+			}), confirming && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.SidebarModal, {
+				title: t("card.confirmText"),
+				description: `${insight.memoryBodyName ?? insight.memoryBodyId ?? ""}${insight.memoryBodyName === void 0 && insight.memoryBodyId === void 0 ? "" : " · "}${insight.id}`,
+				busy: forgetting,
+				onClose: () => setConfirming(false),
+				footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: dsh_mnemon_client.memoryPageStyles.modalFooterActions,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						"data-dialog-close": true,
+						"data-autofocus": true,
+						className: dsh_mnemon_client.memoryPageStyles.ghostButton,
+						disabled: forgetting,
+						onClick: () => setConfirming(false),
+						children: t("common.cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: dsh_mnemon_client.memoryPageStyles.dangerSolidButton,
+						disabled: forgetting,
+						onClick: () => void forget(),
+						children: forgetting ? t("card.processing") : t("card.confirmForget")
+					})]
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: dsh_mnemon_client.memoryPageStyles.bodyDeleteConfirm,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.bodyDeleteSummary,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: dsh_mnemon_client.memoryPageStyles.bodyDeleteContent,
+							children: insight.content
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: meta.join(" · ") })]
+					})
+				})
+			})] });
+		}
+		const GRAPH_WIDTH = 930;
+		const GRAPH_HEIGHT = 520;
+		const GRAPH_MARGIN_X = 58;
+		const GRAPH_MARGIN_Y = 58;
+		const CATEGORY_ORDER = [
+			"space",
+			"entity",
+			"preference",
+			"decision",
+			"fact",
+			"insight",
+			"context",
+			"general"
+		];
+		function hash(value) {
+			let result = 2166136261;
+			for (const char of value) result = Math.imul(result ^ char.charCodeAt(0), 16777619);
+			return result >>> 0;
+		}
+		function graphNodeKey(node) {
+			return node.graphId ?? node.id;
+		}
+		function graphNodeKind(node) {
+			return node.kind ?? "memory";
+		}
+		function spaceGraphId(id) {
+			return `space:${id}`;
+		}
+		function entityGraphId(entity) {
+			return `entity:${encodeURIComponent(normalizeEntity(entity))}`;
+		}
+		function normalizeEntity(entity) {
+			return entity.normalize("NFKC").trim().toLocaleLowerCase();
+		}
+		/** Add routing scopes and entity indexes without issuing another recall. */
+		function enrichMultiSpaceGraph(graph, bodies) {
+			if (graph.nodes.length === 0) return graph;
+			const memories = graph.nodes.map((node) => ({
+				...node,
+				kind: "memory"
+			}));
+			const memoriesByBody = /* @__PURE__ */ new Map();
+			for (const node of memories) {
+				if (node.memoryBodyId === void 0) continue;
+				memoriesByBody.set(node.memoryBodyId, [...memoriesByBody.get(node.memoryBodyId) ?? [], node]);
+			}
+			const activeBodies = bodies.filter((body) => body.active && ((memoriesByBody.get(body.id)?.length ?? 0) > 0 || (body.stats?.topEntities.length ?? 0) > 0));
+			const spaceNodes = activeBodies.map((body) => ({
+				id: body.id,
+				graphId: spaceGraphId(body.id),
+				kind: "space",
+				category: "space",
+				content: body.name,
+				color: "#22a879",
+				memoryBodyId: body.id,
+				memoryBodyName: body.name,
+				memoryProviderId: body.provider.id,
+				occurrenceCount: body.stats?.totalInsights ?? memoriesByBody.get(body.id)?.length ?? 0
+			}));
+			const edges = graph.edges.filter((edge) => edge.type !== "entity");
+			for (const body of activeBodies) for (const memory of memoriesByBody.get(body.id) ?? []) edges.push({
+				sourceId: spaceGraphId(body.id),
+				targetId: graphNodeKey(memory),
+				label: "scope",
+				color: "#708199",
+				type: "scope"
+			});
+			const bodiesById = new Map(activeBodies.map((body) => [body.id, body]));
+			const indexedEntities = /* @__PURE__ */ new Map();
+			for (const memory of memories) {
+				const body = memory.memoryBodyId === void 0 ? void 0 : bodiesById.get(memory.memoryBodyId);
+				if (body === void 0) continue;
+				const seen = /* @__PURE__ */ new Set();
+				for (const rawEntity of memory.entities ?? []) {
+					const entity = rawEntity.trim();
+					const key = normalizeEntity(entity);
+					if (key === "" || seen.has(key)) continue;
+					seen.add(key);
+					const current = indexedEntities.get(key);
+					if (current === void 0) indexedEntities.set(key, {
+						entity,
+						memories: [memory],
+						bodies: [body]
+					});
+					else {
+						current.memories.push(memory);
+						if (!current.bodies.some((candidate) => candidate.id === body.id)) current.bodies.push(body);
+					}
+				}
+			}
+			const entities = [...indexedEntities.values()].sort((left, right) => right.memories.length - left.memories.length || left.entity.localeCompare(right.entity)).slice(0, 24);
+			const entityNodes = entities.map((item) => ({
+				id: item.entity,
+				graphId: entityGraphId(item.entity),
+				kind: "entity",
+				category: "entity",
+				content: item.entity,
+				color: "#2b9db9",
+				occurrenceCount: item.memories.length,
+				memoryBodyIds: item.bodies.map((body) => body.id),
+				memoryBodyNames: item.bodies.map((body) => body.name)
+			}));
+			for (const item of entities) {
+				const key = entityGraphId(item.entity);
+				for (const memory of item.memories) edges.push({
+					sourceId: key,
+					targetId: graphNodeKey(memory),
+					label: item.entity,
+					color: "#22a879",
+					type: "entity"
+				});
+			}
+			return {
+				...graph,
+				nodes: [
+					...spaceNodes,
+					...entityNodes,
+					...memories
+				],
+				edges
+			};
+		}
+		function graphKindLabel(t, node) {
+			const kind = graphNodeKind(node);
+			return kind === "space" ? t("graph.kindSpace") : kind === "entity" ? t("graph.kindEntity") : categoryLabel(t, node.category ?? "general");
+		}
+		function activeCategoryAnchors(grouped) {
+			const categories = [...grouped.keys()].sort((left, right) => {
+				const leftIndex = CATEGORY_ORDER.indexOf(left);
+				const rightIndex = CATEGORY_ORDER.indexOf(right);
+				return (leftIndex < 0 ? CATEGORY_ORDER.length : leftIndex) - (rightIndex < 0 ? CATEGORY_ORDER.length : rightIndex);
+			});
+			const anchors = /* @__PURE__ */ new Map();
+			if (categories.length === 1) {
+				anchors.set(categories[0], {
+					x: GRAPH_WIDTH / 2,
+					y: GRAPH_HEIGHT / 2
+				});
+				return anchors;
+			}
+			categories.forEach((category, index) => {
+				const angle = -Math.PI / 2 + index / categories.length * Math.PI * 2;
+				anchors.set(category, {
+					x: GRAPH_WIDTH / 2 + Math.cos(angle) * Math.min(250, 115 + categories.length * 23),
+					y: GRAPH_HEIGHT / 2 + Math.sin(angle) * Math.min(165, 78 + categories.length * 15)
+				});
+			});
+			return anchors;
+		}
+		function clampGraphPosition(position) {
+			return {
+				x: Math.min(872, Math.max(GRAPH_MARGIN_X, position.x)),
+				y: Math.min(462, Math.max(GRAPH_MARGIN_Y, position.y))
+			};
+		}
+		function naturalGraphPositions(nodes, edges) {
+			const positions = /* @__PURE__ */ new Map();
+			const grouped = /* @__PURE__ */ new Map();
+			for (const node of nodes) {
+				const category = node.category ?? "general";
+				grouped.set(category, [...grouped.get(category) ?? [], node]);
+			}
+			const anchors = activeCategoryAnchors(grouped);
+			for (const [category, items] of grouped) {
+				const anchor = anchors.get(category) ?? {
+					x: GRAPH_WIDTH / 2,
+					y: GRAPH_HEIGHT / 2
+				};
+				items.forEach((node, index) => {
+					const seed = hash(graphNodeKey(node));
+					const angle = index * 2.399963 + seed % 37 / 37 * .4;
+					const radius = items.length === 1 ? 0 : 24 + Math.sqrt(index + 1) * 35;
+					positions.set(graphNodeKey(node), clampGraphPosition({
+						x: anchor.x + Math.cos(angle) * radius,
+						y: anchor.y + Math.sin(angle) * radius
+					}));
+				});
+			}
+			const velocities = new Map(nodes.map((node) => [graphNodeKey(node), {
+				x: 0,
+				y: 0
+			}]));
+			const visibleIds = new Set(nodes.map(graphNodeKey));
+			const visibleEdges = edges.filter((edge) => visibleIds.has(edge.sourceId) && visibleIds.has(edge.targetId));
+			for (let iteration = 0; iteration < 150; iteration += 1) {
+				const cooling = 1 - iteration / 180;
+				for (let leftIndex = 0; leftIndex < nodes.length; leftIndex += 1) {
+					const left = nodes[leftIndex];
+					const leftPosition = positions.get(graphNodeKey(left));
+					const leftVelocity = velocities.get(graphNodeKey(left));
+					for (let rightIndex = leftIndex + 1; rightIndex < nodes.length; rightIndex += 1) {
+						const right = nodes[rightIndex];
+						const rightPosition = positions.get(graphNodeKey(right));
+						const rightVelocity = velocities.get(graphNodeKey(right));
+						let dx = leftPosition.x - rightPosition.x;
+						let dy = leftPosition.y - rightPosition.y;
+						if (dx === 0 && dy === 0) {
+							dx = hash(graphNodeKey(left)) % 13 - 6 || 1;
+							dy = hash(graphNodeKey(right)) % 11 - 5 || -1;
+						}
+						const distanceSquared = Math.max(100, dx * dx + dy * dy);
+						const distance = Math.sqrt(distanceSquared);
+						const force = Math.min(9, 18e3 / distanceSquared) * cooling + (distance < 66 ? (66 - distance) * .08 : 0);
+						const forceX = dx / distance * force;
+						const forceY = dy / distance * force;
+						leftVelocity.x += forceX;
+						leftVelocity.y += forceY;
+						rightVelocity.x -= forceX;
+						rightVelocity.y -= forceY;
+					}
+				}
+				for (const edge of visibleEdges) {
+					const source = positions.get(edge.sourceId);
+					const target = positions.get(edge.targetId);
+					const sourceVelocity = velocities.get(edge.sourceId);
+					const targetVelocity = velocities.get(edge.targetId);
+					const dx = target.x - source.x;
+					const dy = target.y - source.y;
+					const distance = Math.max(1, Math.hypot(dx, dy));
+					const sparseScale = nodes.length <= 3 ? 2 : nodes.length <= 8 ? 1.45 : 1;
+					const spring = (distance - (edge.type === "scope" ? 138 : edge.type === "entity" ? 94 : edge.type === "semantic" ? 118 : 106) * sparseScale) * .018 * cooling;
+					const forceX = dx / distance * spring;
+					const forceY = dy / distance * spring;
+					sourceVelocity.x += forceX;
+					sourceVelocity.y += forceY;
+					targetVelocity.x -= forceX;
+					targetVelocity.y -= forceY;
+				}
+				for (const node of nodes) {
+					const key = graphNodeKey(node);
+					const position = positions.get(key);
+					const velocity = velocities.get(key);
+					const anchor = anchors.get(node.category ?? "general") ?? {
+						x: GRAPH_WIDTH / 2,
+						y: GRAPH_HEIGHT / 2
+					};
+					velocity.x += (anchor.x - position.x) * .0035 * cooling + (GRAPH_WIDTH / 2 - position.x) * 8e-4;
+					velocity.y += (anchor.y - position.y) * .0035 * cooling + (GRAPH_HEIGHT / 2 - position.y) * 8e-4;
+					velocity.x = Math.max(-12, Math.min(12, velocity.x * .76));
+					velocity.y = Math.max(-12, Math.min(12, velocity.y * .76));
+					positions.set(key, clampGraphPosition({
+						x: position.x + velocity.x,
+						y: position.y + velocity.y
+					}));
+				}
+			}
+			return positions;
+		}
+		function uniformGraphPositions(nodes) {
+			const positions = /* @__PURE__ */ new Map();
+			const ordered = [...nodes].sort((left, right) => {
+				const categoryDifference = CATEGORY_ORDER.indexOf(left.category ?? "general") - CATEGORY_ORDER.indexOf(right.category ?? "general");
+				return categoryDifference === 0 ? left.id.localeCompare(right.id) : categoryDifference;
+			});
+			const columns = Math.max(1, Math.ceil(Math.sqrt(ordered.length * 1.65)));
+			const rows = Math.max(1, Math.ceil(ordered.length / columns));
+			const cellWidth = 814 / columns;
+			const cellHeight = 404 / rows;
+			ordered.forEach((node, index) => {
+				const row = Math.floor(index / columns);
+				const column = index % columns;
+				const rowLength = Math.min(columns, ordered.length - row * columns);
+				const rowOffset = (columns - rowLength) * cellWidth / 2;
+				positions.set(graphNodeKey(node), {
+					x: GRAPH_MARGIN_X + rowOffset + cellWidth * (column + .5),
+					y: GRAPH_MARGIN_Y + cellHeight * (row + .5)
+				});
+			});
+			return positions;
+		}
+		function graphPoint(svg, clientX, clientY) {
+			const matrix = svg.getScreenCTM?.();
+			if (matrix !== null && matrix !== void 0 && typeof svg.createSVGPoint === "function") {
+				const point = svg.createSVGPoint();
+				point.x = clientX;
+				point.y = clientY;
+				return clampGraphPosition(point.matrixTransform(matrix.inverse()));
+			}
+			const bounds = svg.getBoundingClientRect();
+			const width = bounds.width || GRAPH_WIDTH;
+			const height = bounds.height || GRAPH_HEIGHT;
+			return clampGraphPosition({
+				x: (clientX - bounds.left) * GRAPH_WIDTH / width,
+				y: (clientY - bounds.top) * GRAPH_HEIGHT / height
+			});
+		}
+		function MemoryGraph(props) {
+			const t = (0, dsh_mnemon_client.useT)();
+			const visibleNodes = (0, react.useMemo)(() => {
+				const spaces = props.graph.nodes.filter((node) => graphNodeKind(node) === "space");
+				const entities = props.graph.nodes.filter((node) => graphNodeKind(node) === "entity").slice(0, 20);
+				const memories = props.graph.nodes.filter((node) => graphNodeKind(node) === "memory").slice(0, Math.max(0, 60 - spaces.length - entities.length));
+				return [
+					...spaces,
+					...entities,
+					...memories
+				].slice(0, 60);
+			}, [props.graph.nodes]);
+			const visibleIds = (0, react.useMemo)(() => new Set(visibleNodes.map(graphNodeKey)), [visibleNodes]);
+			const visibleKinds = (0, react.useMemo)(() => new Map(visibleNodes.map((node) => [graphNodeKey(node), graphNodeKind(node)])), [visibleNodes]);
+			const edges = (0, react.useMemo)(() => {
+				const priority = /* @__PURE__ */ new Map([
+					["entity", 0],
+					["scope", 1],
+					["causal", 2],
+					["semantic", 3],
+					["temporal", 4]
+				]);
+				return props.graph.edges.filter((edge) => visibleIds.has(edge.sourceId) && visibleIds.has(edge.targetId)).map((edge, index) => ({
+					edge,
+					index
+				})).sort((left, right) => (priority.get(left.edge.type ?? "temporal") ?? 5) - (priority.get(right.edge.type ?? "temporal") ?? 5) || left.index - right.index).slice(0, 180).map(({ edge }) => edge);
+			}, [props.graph.edges, visibleIds]);
+			const curvedEdges = (0, react.useMemo)(() => {
+				const groups = /* @__PURE__ */ new Map();
+				edges.forEach((edge, index) => {
+					const key = [edge.sourceId, edge.targetId].sort().join("::");
+					groups.set(key, [...groups.get(key) ?? [], index]);
+				});
+				return edges.map((edge, index) => {
+					const key = [edge.sourceId, edge.targetId].sort().join("::");
+					const group = groups.get(key) ?? [index];
+					return {
+						edge,
+						offset: (group.indexOf(index) - (group.length - 1) / 2) * 12
+					};
+				});
+			}, [edges]);
+			const layoutKey = `${visibleNodes.map((node) => `${graphNodeKey(node)}:${graphNodeKind(node)}:${node.category ?? "general"}`).join("|")}::${edges.map((edge) => `${edge.sourceId}>${edge.targetId}:${edge.type ?? "temporal"}`).join("|")}`;
+			const naturalLayout = (0, react.useMemo)(() => naturalGraphPositions(visibleNodes, edges), [layoutKey]);
+			const [positions, setPositions] = (0, react.useState)(() => naturalLayout);
+			const [layoutMode, setLayoutMode] = (0, react.useState)("natural");
+			const positionsRef = (0, react.useRef)(positions);
+			const animationRef = (0, react.useRef)(null);
+			const dragRef = (0, react.useRef)(null);
+			const commitPositions = (0, react.useCallback)((next) => {
+				positionsRef.current = next;
+				setPositions(next);
+			}, []);
+			const cancelAnimation = (0, react.useCallback)(() => {
+				if (animationRef.current !== null && typeof window.cancelAnimationFrame === "function") window.cancelAnimationFrame(animationRef.current);
+				animationRef.current = null;
+			}, []);
+			const animateTo = (0, react.useCallback)((target, mode) => {
+				cancelAnimation();
+				setLayoutMode(mode);
+				if (typeof window.requestAnimationFrame !== "function") {
+					commitPositions(target);
+					return;
+				}
+				const start = new Map(positionsRef.current);
+				const startedAt = performance.now();
+				const tick = (time) => {
+					const progress = Math.min(1, (time - startedAt) / 620);
+					const eased = 1 - Math.pow(1 - progress, 3);
+					const next = /* @__PURE__ */ new Map();
+					for (const [id, destination] of target) {
+						const origin = start.get(id) ?? {
+							x: GRAPH_WIDTH / 2,
+							y: GRAPH_HEIGHT / 2
+						};
+						next.set(id, {
+							x: origin.x + (destination.x - origin.x) * eased,
+							y: origin.y + (destination.y - origin.y) * eased
+						});
+					}
+					commitPositions(next);
+					if (progress < 1) animationRef.current = window.requestAnimationFrame(tick);
+					else animationRef.current = null;
+				};
+				animationRef.current = window.requestAnimationFrame(tick);
+			}, [cancelAnimation, commitPositions]);
+			(0, react.useEffect)(() => {
+				animateTo(naturalLayout, "natural");
+			}, [layoutKey]);
+			(0, react.useEffect)(() => () => cancelAnimation(), [cancelAnimation]);
+			const beginDrag = (event, nodeId) => {
+				cancelAnimation();
+				dragRef.current = {
+					nodeId,
+					pointerId: event.pointerId,
+					startX: event.clientX,
+					startY: event.clientY,
+					moved: false
+				};
+				event.currentTarget.setPointerCapture?.(event.pointerId);
+			};
+			const moveDrag = (event) => {
+				const drag = dragRef.current;
+				const svg = event.currentTarget.ownerSVGElement;
+				if (drag === null || svg === null || drag.pointerId !== event.pointerId) return;
+				if (!drag.moved && Math.hypot(event.clientX - drag.startX, event.clientY - drag.startY) < 4) return;
+				drag.moved = true;
+				const point = graphPoint(svg, event.clientX, event.clientY);
+				const next = new Map(positionsRef.current);
+				next.set(drag.nodeId, point);
+				commitPositions(next);
+				setLayoutMode("custom");
+			};
+			const endDrag = (event) => {
+				const drag = dragRef.current;
+				if (drag === null || drag.pointerId !== event.pointerId) return;
+				const svg = event.currentTarget.ownerSVGElement;
+				if (drag.moved && svg !== null) {
+					const next = new Map(positionsRef.current);
+					next.set(drag.nodeId, graphPoint(svg, event.clientX, event.clientY));
+					commitPositions(next);
+				}
+				dragRef.current = null;
+				event.currentTarget.releasePointerCapture?.(event.pointerId);
+				if (!drag.moved) {
+					const node = visibleNodes.find((candidate) => graphNodeKey(candidate) === drag.nodeId);
+					if (node !== void 0) props.onSelect(node);
+				}
+			};
+			const cancelDrag = (event) => {
+				if (dragRef.current?.pointerId === event.pointerId) dragRef.current = null;
+			};
+			const nudge = (nodeId, dx, dy) => {
+				cancelAnimation();
+				const current = positionsRef.current.get(nodeId);
+				if (current === void 0) return;
+				const next = new Map(positionsRef.current);
+				next.set(nodeId, clampGraphPosition({
+					x: current.x + dx,
+					y: current.y + dy
+				}));
+				commitPositions(next);
+				setLayoutMode("custom");
+			};
+			const layoutLabel = t(layoutMode === "natural" ? "graph.layoutNatural" : layoutMode === "uniform" ? "graph.layoutUniform" : "graph.layoutCustom");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: dsh_mnemon_client.memoryPageStyles.graphCanvasControls,
+				role: "toolbar",
+				"aria-label": t("graph.layoutAria"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						role: "status",
+						"aria-label": t("graph.layoutStatus", { layout: layoutLabel }),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {}), t("graph.draggable", { layout: layoutLabel })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						"data-active": layoutMode === "natural" || void 0,
+						onClick: () => animateTo(naturalGraphPositions(visibleNodes, edges), "natural"),
+						children: t("graph.naturalAction")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						"data-active": layoutMode === "uniform" || void 0,
+						onClick: () => animateTo(uniformGraphPositions(visibleNodes), "uniform"),
+						children: t("graph.uniformAction")
+					})
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				className: dsh_mnemon_client.memoryPageStyles.graphSvg,
+				viewBox: `0 0 ${GRAPH_WIDTH} ${GRAPH_HEIGHT}`,
+				role: "img",
+				"data-layout": layoutMode,
+				"data-density": visibleNodes.length <= 12 ? "sparse" : "dense",
+				"aria-label": t("graph.aria", {
+					nodes: props.graph.nodes.length,
+					edges: props.graph.edges.length
+				}),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("pattern", {
+						id: "mnemon-grid",
+						width: "26",
+						height: "26",
+						patternUnits: "userSpaceOnUse",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+							d: "M 26 0 L 0 0 0 26",
+							className: dsh_mnemon_client.memoryPageStyles.graphGridLine,
+							fill: "none"
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("filter", {
+						id: "mnemon-glow",
+						x: "-100%",
+						y: "-100%",
+						width: "300%",
+						height: "300%",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feGaussianBlur", {
+							stdDeviation: "4",
+							result: "blur"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("feMerge", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feMergeNode", { in: "blur" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("feMergeNode", { in: "SourceGraphic" })] })]
+					})] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+						width: GRAPH_WIDTH,
+						height: GRAPH_HEIGHT,
+						className: dsh_mnemon_client.memoryPageStyles.graphBackdrop
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+						width: GRAPH_WIDTH,
+						height: GRAPH_HEIGHT,
+						fill: "url(#mnemon-grid)"
+					}),
+					curvedEdges.map(({ edge, offset }, index) => {
+						const source = positions.get(edge.sourceId) ?? naturalLayout.get(edge.sourceId) ?? {
+							x: GRAPH_WIDTH / 2,
+							y: GRAPH_HEIGHT / 2
+						};
+						const target = positions.get(edge.targetId) ?? naturalLayout.get(edge.targetId) ?? {
+							x: GRAPH_WIDTH / 2,
+							y: GRAPH_HEIGHT / 2
+						};
+						const dx = target.x - source.x;
+						const dy = target.y - source.y;
+						const distance = Math.max(1, Math.hypot(dx, dy));
+						const direction = edge.sourceId.localeCompare(edge.targetId) <= 0 ? 1 : -1;
+						const controlX = (source.x + target.x) / 2 - dy / distance * offset * direction;
+						const controlY = (source.y + target.y) / 2 + dx / distance * offset * direction;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+							d: `M ${source.x} ${source.y} Q ${controlX} ${controlY} ${target.x} ${target.y}`,
+							className: dsh_mnemon_client.memoryPageStyles.graphEdge,
+							"data-edge": edge.type ?? "temporal",
+							"data-source-id": edge.sourceId,
+							"data-target-id": edge.targetId,
+							"data-source-kind": visibleKinds.get(edge.sourceId),
+							"data-target-kind": visibleKinds.get(edge.targetId)
+						}, `${edge.sourceId}-${edge.targetId}-${index}`);
+					}),
+					visibleNodes.map((node, index) => {
+						const nodeKey = graphNodeKey(node);
+						const position = positions.get(nodeKey) ?? naturalLayout.get(nodeKey) ?? {
+							x: GRAPH_WIDTH / 2,
+							y: GRAPH_HEIGHT / 2
+						};
+						const selected = props.selectedId === nodeKey;
+						const showLabel = selected || visibleNodes.length < 22 || index % 3 === 0;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
+							className: dsh_mnemon_client.memoryPageStyles.graphNode,
+							"data-node-id": nodeKey,
+							"data-provider": node.memoryProviderId,
+							"data-category": node.category ?? "general",
+							"data-kind": graphNodeKind(node),
+							"data-selected": selected || void 0,
+							transform: `translate(${position.x} ${position.y})`,
+							role: "button",
+							tabIndex: 0,
+							"aria-label": `${graphKindLabel(t, node)}: ${(0, dsh_mnemon_client.short)(node.content, 80)}`,
+							"data-dragging": dragRef.current?.nodeId === nodeKey || void 0,
+							onPointerDown: (event) => beginDrag(event, nodeKey),
+							onPointerMove: moveDrag,
+							onPointerUp: endDrag,
+							onPointerCancel: cancelDrag,
+							onLostPointerCapture: cancelDrag,
+							onClick: () => props.onSelect(node),
+							onKeyDown: (event) => {
+								if (event.key === "Enter" || event.key === " ") props.onSelect(node);
+								else if (event.key === "ArrowLeft") {
+									event.preventDefault();
+									nudge(nodeKey, -12, 0);
+								} else if (event.key === "ArrowRight") {
+									event.preventDefault();
+									nudge(nodeKey, 12, 0);
+								} else if (event.key === "ArrowUp") {
+									event.preventDefault();
+									nudge(nodeKey, 0, -12);
+								} else if (event.key === "ArrowDown") {
+									event.preventDefault();
+									nudge(nodeKey, 0, 12);
+								}
+							},
+							children: [
+								graphNodeKind(node) === "space" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+									x: selected ? -20 : -17,
+									y: selected ? -15 : -13,
+									width: selected ? 40 : 34,
+									height: selected ? 30 : 26,
+									rx: "9",
+									className: dsh_mnemon_client.memoryPageStyles.nodeHalo,
+									filter: selected ? "url(#mnemon-glow)" : void 0
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+									r: selected ? 6 : 5,
+									className: dsh_mnemon_client.memoryPageStyles.nodeCore
+								})] }) : graphNodeKind(node) === "entity" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+									d: selected ? "M 0 -18 L 18 0 L 0 18 L -18 0 Z" : "M 0 -14 L 14 0 L 0 14 L -14 0 Z",
+									className: dsh_mnemon_client.memoryPageStyles.nodeHalo,
+									filter: selected ? "url(#mnemon-glow)" : void 0
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+									r: selected ? 5 : 4,
+									className: dsh_mnemon_client.memoryPageStyles.nodeCore
+								})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+									r: selected ? 17 : visibleNodes.length <= 12 ? 14 : 11,
+									className: dsh_mnemon_client.memoryPageStyles.nodeHalo,
+									filter: selected ? "url(#mnemon-glow)" : void 0
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+									r: selected ? 7 : visibleNodes.length <= 12 ? 6 : 4.5,
+									className: dsh_mnemon_client.memoryPageStyles.nodeCore
+								})] }),
+								(selected || visibleNodes.length <= 12) && graphNodeKind(node) === "memory" && node.memoryBodyName !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", {
+									x: "0",
+									y: "-18",
+									textAnchor: "middle",
+									className: dsh_mnemon_client.memoryPageStyles.nodeBodyLabel,
+									children: (0, dsh_mnemon_client.short)(node.memoryBodyName, 12)
+								}),
+								showLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", {
+									x: visibleNodes.length <= 12 ? 19 : 15,
+									y: "4",
+									className: dsh_mnemon_client.memoryPageStyles.nodeLabel,
+									children: (0, dsh_mnemon_client.short)(node.content.replace(/\s+/gu, " "), selected ? 34 : visibleNodes.length <= 12 ? 26 : 19)
+								})
+							]
+						}, nodeKey);
+					})
+				]
+			})] });
+		}
+		function OverviewPage(props) {
+			const t = (0, dsh_mnemon_client.useT)();
+			const locale = (0, dsh_mnemon_client.useLocale)();
+			const bodyCreateFormId = (0, react.useId)();
+			const bodyEditFormId = (0, react.useId)();
+			const [graph, setGraph] = (0, react.useState)(null);
+			const [catalog, setCatalog] = (0, react.useState)(null);
+			const [selected, setSelected] = (0, react.useState)(null);
+			const [catalogLoading, setCatalogLoading] = (0, react.useState)(true);
+			const [healthLoading, setHealthLoading] = (0, react.useState)(true);
+			const [graphLoading, setGraphLoading] = (0, react.useState)(true);
+			const [error, setError] = (0, react.useState)(null);
+			const [changing, setChanging] = (0, react.useState)(null);
+			const [reconnectingBody, setReconnectingBody] = (0, react.useState)(null);
+			const [creating, setCreating] = (0, react.useState)(false);
+			const [creatingBodyOpen, setCreatingBodyOpen] = (0, react.useState)(false);
+			const [bodyName, setBodyName] = (0, react.useState)("");
+			const [bodyDescription, setBodyDescription] = (0, react.useState)("");
+			const [bodyProviderId, setBodyProviderId] = (0, react.useState)("mnemon-native");
+			const [providerDrafts, setProviderDrafts] = (0, react.useState)({});
+			const [catalogUnavailable, setCatalogUnavailable] = (0, react.useState)(false);
+			const [editingBody, setEditingBody] = (0, react.useState)(null);
+			const [editName, setEditName] = (0, react.useState)("");
+			const [editDescription, setEditDescription] = (0, react.useState)("");
+			const [editConnection, setEditConnection] = (0, react.useState)({});
+			const [editClearSecrets, setEditClearSecrets] = (0, react.useState)([]);
+			const [savingBody, setSavingBody] = (0, react.useState)(null);
+			const [confirmingDeleteBody, setConfirmingDeleteBody] = (0, react.useState)(null);
+			const [deletingBody, setDeletingBody] = (0, react.useState)(null);
+			const [preview, setPreview] = (0, react.useState)(null);
+			const [metadataOpen, setMetadataOpen] = (0, react.useState)(false);
+			const [metadataSelection, setMetadataSelection] = (0, react.useState)([]);
+			const [metadataTasks, setMetadataTasks] = (0, react.useState)({});
+			const [lastFullSyncAt, setLastFullSyncAt] = (0, react.useState)(null);
+			const [syncClock, setSyncClock] = (0, react.useState)(() => Date.now());
+			const loadRequest = (0, react.useRef)(0);
+			const initialSyncStarted = (0, react.useRef)(false);
+			const directoryRetryStarted = (0, react.useRef)(false);
+			const fullSyncObserved = (0, react.useRef)(true);
+			const load = (0, react.useCallback)(async (quiet = false) => {
+				const request = ++loadRequest.current;
+				setCatalogLoading(true);
+				setHealthLoading(true);
+				setGraphLoading(true);
+				setError(null);
+				let directoryUnavailable = false;
+				try {
+					const nextCatalog = await props.client.bodyDirectory().then((next) => {
+						setCatalogUnavailable(false);
+						return next;
+					}).catch(() => {
+						directoryUnavailable = true;
+						setCatalogUnavailable(!props.catalogKnown);
+						return {
+							items: props.fallbackBodies,
+							providers: [],
+							total: props.fallbackBodies.length,
+							activeCount: props.fallbackBodies.filter((body) => body.active).length,
+							directory: props.fallbackDirectory ?? "",
+							generatedAt: (/* @__PURE__ */ new Date()).toISOString()
+						};
+					});
+					const normalizedProviders = nextCatalog.providers;
+					const normalizedCatalog = {
+						...nextCatalog,
+						providers: normalizedProviders,
+						items: nextCatalog.items
+					};
+					if (request !== loadRequest.current) return;
+					setProviderDrafts((current) => mergeProviderDefaults(normalizedCatalog.providers, current));
+					setCatalog(normalizedCatalog);
+					setCatalogLoading(false);
+					props.client.bodies().then((next) => {
+						if (request !== loadRequest.current) return;
+						const full = {
+							...next,
+							providers: next.providers,
+							items: next.items
+						};
+						setCatalog(full);
+					}).catch((reason) => {
+						if (request === loadRequest.current && !quiet && !directoryUnavailable) setError((0, dsh_mnemon_client.message)(reason));
+					}).finally(() => {
+						if (request === loadRequest.current) setHealthLoading(false);
+					});
+					props.client.graph().then((next) => {
+						if (request !== loadRequest.current) return;
+						const enriched = enrichMultiSpaceGraph(next, normalizedCatalog.items);
+						setGraph(enriched);
+						setSelected((current) => current === null ? null : enriched.nodes.find((node) => graphNodeKey(node) === graphNodeKey(current)) ?? null);
+					}).catch((reason) => {
+						if (request === loadRequest.current && !directoryUnavailable) setError((0, dsh_mnemon_client.message)(reason));
+					}).finally(() => {
+						if (request === loadRequest.current) setGraphLoading(false);
+					});
+				} catch (reason) {
+					if (request === loadRequest.current) {
+						setError((0, dsh_mnemon_client.message)(reason));
+						setCatalogLoading(false);
+						setHealthLoading(false);
+						setGraphLoading(false);
+					}
+				}
+			}, [
+				props.catalogKnown,
+				props.client,
+				props.fallbackBodies,
+				props.fallbackDirectory
+			]);
+			(0, react.useEffect)(() => {
+				if (initialSyncStarted.current) return;
+				initialSyncStarted.current = true;
+				load();
+			}, [load]);
+			(0, react.useEffect)(() => {
+				if (!catalogUnavailable || !props.catalogKnown || directoryRetryStarted.current) return;
+				directoryRetryStarted.current = true;
+				load(true);
+			}, [
+				catalogUnavailable,
+				load,
+				props.catalogKnown
+			]);
+			(0, react.useEffect)(() => {
+				const timer = window.setInterval(() => setSyncClock(Date.now()), 1e3);
+				return () => window.clearInterval(timer);
+			}, []);
+			const toggle = async (body) => {
+				setChanging(body.id);
+				setError(null);
+				try {
+					await props.client.updateBody(body.id, { active: !body.active });
+					await load(true);
+					props.onMutate();
+				} catch (reason) {
+					setError((0, dsh_mnemon_client.message)(reason));
+				} finally {
+					setChanging(null);
+				}
+			};
+			const reconnect = async (body) => {
+				if (reconnectingBody !== null || editingBody !== null || deletingBody !== null) return;
+				setReconnectingBody(body.id);
+				setError(null);
+				setCatalog((current) => current === null ? current : {
+					...current,
+					items: current.items.map((item) => item.id === body.id ? {
+						...item,
+						statusLoading: true
+					} : item)
+				});
+				try {
+					const next = await props.client.reconnectBody(body.id);
+					setCatalog((current) => current === null ? current : {
+						...current,
+						items: current.items.map((item) => item.id === next.id ? next : item)
+					});
+					props.onBodyReconnect(next);
+				} catch (reason) {
+					const failure = (0, dsh_mnemon_client.message)(reason);
+					setCatalog((current) => current === null ? current : {
+						...current,
+						items: current.items.map((item) => item.id === body.id ? {
+							...item,
+							healthy: false,
+							statusLoading: false,
+							error: failure
+						} : item)
+					});
+					setError(failure);
+				} finally {
+					setReconnectingBody(null);
+				}
+			};
+			const beginEdit = (body) => {
+				setEditingBody(body.id);
+				setEditName(body.name);
+				setEditDescription(body.description ?? "");
+				setError(null);
+				setEditConnection(nativeBodyProvider(body.provider) ? {} : { ...body.provider.settings });
+				setEditClearSecrets([]);
+			};
+			const saveEdit = async (event, body) => {
+				event.preventDefault();
+				if (editName.trim() === "") return;
+				setSavingBody(body.id);
+				setError(null);
+				try {
+					const descriptor = catalog?.providers.find((provider) => provider.id === body.provider.id);
+					const connection = descriptor === void 0 ? {} : Object.fromEntries(Object.entries(editConnection).filter(([key, value]) => {
+						return descriptor.fields.find((candidate) => candidate.key === key)?.input !== "secret" || String(value) !== "";
+					}));
+					await props.client.updateBody(body.id, {
+						name: editName,
+						description: editDescription,
+						...nativeBodyProvider(body.provider) ? {} : {
+							connection,
+							...editClearSecrets.length === 0 ? {} : { clearSecrets: editClearSecrets }
+						}
+					});
+					setEditingBody(null);
+					await load(true);
+					props.onMutate();
+				} catch (reason) {
+					setError((0, dsh_mnemon_client.message)(reason));
+				} finally {
+					setSavingBody(null);
+				}
+			};
+			const create = async (event) => {
+				event.preventDefault();
+				const providers = catalog?.providers ?? [];
+				const manualProvider = providers.find((provider) => provider.id === bodyProviderId);
+				if (bodyName.trim() === "" || bodyDescription.trim() === "" || !providerDraftComplete(manualProvider, providerDrafts[bodyProviderId])) return;
+				setCreating(true);
+				setError(null);
+				try {
+					await props.client.createBody({
+						name: bodyName,
+						description: bodyDescription,
+						providerId: bodyProviderId,
+						...manualProvider?.origin === "native" ? {} : { connection: providerDrafts[bodyProviderId] ?? {} }
+					});
+					setBodyName("");
+					setBodyDescription("");
+					setBodyProviderId(providers.find((provider) => provider.origin === "native")?.id ?? providers[0]?.id ?? "mnemon-native");
+					setProviderDrafts((current) => Object.fromEntries(providers.map((provider) => [provider.id, Object.fromEntries(Object.entries(current[provider.id] ?? {}).map(([key, value]) => [key, provider.fields.some((field) => field.key === key && field.input === "secret") ? "" : value]))])));
+					setCreatingBodyOpen(false);
+					await load(true);
+					props.onMutate();
+				} catch (reason) {
+					setError((0, dsh_mnemon_client.message)(reason));
+				} finally {
+					setCreating(false);
+				}
+			};
+			const deleteBody = async (body) => {
+				setDeletingBody(body.id);
+				setError(null);
+				try {
+					await props.client.deleteBody(body.id);
+					setConfirmingDeleteBody(null);
+					await load(true);
+					props.onMutate();
+				} catch (reason) {
+					setError((0, dsh_mnemon_client.message)(reason));
+				} finally {
+					setDeletingBody(null);
+				}
+			};
+			const maintainMetadata = () => {
+				if (metadataSelection.length === 0) return;
+				const selectedIds = metadataSelection.filter((id) => metadataTasks[id]?.status !== "running");
+				if (selectedIds.length === 0) return;
+				setError(null);
+				setMetadataSelection([]);
+				setMetadataTasks((current) => ({
+					...current,
+					...Object.fromEntries(selectedIds.map((id) => [id, { status: "running" }]))
+				}));
+				for (const id of selectedIds) props.metadataClient.maintainBodyMetadata([id]).then((result) => {
+					const update = result.updates.find((candidate) => candidate.memoryBodyId === id);
+					if (update === void 0) throw new Error(`metadata task Agent omitted Memory Space ${id}`);
+					setCatalog((current) => current === null ? current : {
+						...current,
+						items: current.items.map((body) => body.id === id ? {
+							...body,
+							name: update.title,
+							description: update.description
+						} : body)
+					});
+					props.onBodyMetadata([update]);
+					setMetadataTasks((current) => ({
+						...current,
+						[id]: { status: "success" }
+					}));
+				}).catch((reason) => {
+					setMetadataTasks((current) => ({
+						...current,
+						[id]: {
+							status: "error",
+							error: (0, dsh_mnemon_client.message)(reason)
+						}
+					}));
+				});
+			};
+			const generated = graph === null ? t("overview.waitingSnapshot") : t("overview.updatedAt", { time: new Date(graph.generatedAt).toLocaleTimeString(locale, {
+				hour: "2-digit",
+				minute: "2-digit",
+				second: "2-digit"
+			}) });
+			const graphSpaces = graph?.nodes.filter((node) => graphNodeKind(node) === "space").length ?? 0;
+			const graphEntities = graph?.nodes.filter((node) => graphNodeKind(node) === "entity").length ?? 0;
+			const graphMemories = graph?.nodes.filter((node) => graphNodeKind(node) === "memory").length ?? 0;
+			const graphSources = graph?.sources ?? [];
+			const onlyQueryOrUnsupported = graphSources.length > 0 && graphSources.every((source) => source.mode === "query-only" || source.mode === "unsupported" || source.status === "unavailable");
+			const selectedKind = selected === null ? null : graphNodeKind(selected);
+			const editingBodyView = editingBody === null ? void 0 : catalog?.items.find((body) => body.id === editingBody);
+			const deletingBodyView = confirmingDeleteBody === null ? void 0 : catalog?.items.find((body) => body.id === confirmingDeleteBody);
+			const providers = catalog?.providers ?? [];
+			const metadataCandidates = (catalog?.items ?? props.fallbackBodies).filter((body) => body.active && body.providerEnabled !== false);
+			const metadataRunningCount = Object.values(metadataTasks).filter((task) => task.status === "running").length;
+			const metadataBusy = metadataRunningCount > 0;
+			const metadataSelectable = metadataCandidates.filter((body) => metadataTasks[body.id]?.status !== "running");
+			const metadataAllSelected = metadataSelectable.length > 0 && metadataSelectable.every((body) => metadataSelection.includes(body.id));
+			const loading = catalogLoading || healthLoading || graphLoading;
+			(0, react.useEffect)(() => {
+				if (loading) {
+					fullSyncObserved.current = true;
+					return;
+				}
+				if (!fullSyncObserved.current) return;
+				fullSyncObserved.current = false;
+				if (error !== null) return;
+				const completedAt = Date.now();
+				setLastFullSyncAt(completedAt);
+				setSyncClock(completedAt);
+			}, [error, loading]);
+			const fullSyncAge = lastFullSyncAt === null ? t("overview.fullSyncPending") : (() => {
+				const seconds = Math.max(0, Math.floor((syncClock - lastFullSyncAt) / 1e3));
+				if (seconds < 5) return t("overview.fullSyncJustNow");
+				if (seconds < 60) return t("overview.fullSyncSeconds", { count: seconds });
+				const minutes = Math.floor(seconds / 60);
+				if (minutes < 60) return t("overview.fullSyncMinutes", { count: minutes });
+				const hours = Math.floor(minutes / 60);
+				if (hours < 24) return t("overview.fullSyncHours", { count: hours });
+				return t("overview.fullSyncDays", { count: Math.floor(hours / 24) });
+			})();
+			const selectedProvider = providers.find((provider) => provider.id === bodyProviderId);
+			const nativeBodyCount = catalog?.items.filter((body) => nativeBodyProvider(body.provider)).length ?? 0;
+			const canDeleteBody = (body) => !nativeBodyProvider(body.provider) || nativeBodyCount > 1;
+			const updateProviderDraft = (providerId, key, value) => setProviderDrafts((current) => ({
+				...current,
+				[providerId]: {
+					...current[providerId] ?? {},
+					[key]: value
+				}
+			}));
+			const placementReceipt = (body) => body.placement === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: dsh_mnemon_client.memoryPageStyles.placementReceipt,
+				title: body.placement.reason,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					"aria-hidden": "true",
+					children: "✦"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t(body.placement.decidedBy === "llm" ? "overview.placementByLlm" : "overview.placementByRules") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("overview.placementConfidence", { confidence: t(`overview.confidence.${body.placement.confidence}`) }) }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: body.placement.reason })
+				] })]
+			});
+			const bodyEditForm = (body) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+				id: bodyEditFormId,
+				className: dsh_mnemon_client.memoryPageStyles.bodyEdit,
+				onSubmit: (event) => void saveEdit(event, body),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("overview.editName"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						"aria-label": t("overview.editName"),
+						value: editName,
+						onChange: (event) => setEditName(event.target.value),
+						maxLength: 100,
+						required: true
+					})] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("overview.editDescription"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						"aria-label": t("overview.editDescription"),
+						value: editDescription,
+						onChange: (event) => setEditDescription(event.target.value),
+						rows: 4,
+						maxLength: 1e3
+					})] }),
+					!nativeBodyProvider(body.provider) && (() => {
+						const descriptor = providers.find((provider) => provider.id === body.provider.id);
+						return descriptor === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderMemoryFields, {
+							provider: descriptor,
+							connection: editConnection,
+							onChange: (key, value) => setEditConnection((current) => ({
+								...current,
+								[key]: value
+							})),
+							body,
+							clearSecrets: editClearSecrets,
+							onClearSecretsChange: setEditClearSecrets
+						});
+					})()
+				]
+			});
+			const bodyCreateForm = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+				id: bodyCreateFormId,
+				className: (0, dsh_mnemon_client.appearanceClass)(dsh_mnemon_client.memoryPageStyles.bodyEdit, dsh_mnemon_client.memoryPageStyles.bodyCreateForm),
+				onSubmit: (event) => void create(event),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: dsh_mnemon_client.memoryPageStyles.createSection,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.createSectionHeading,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "01" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("overview.createIdentityTitle") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("overview.createIdentityHint") })] })]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.createIdentityGrid,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("overview.createName"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							"data-autofocus": true,
+							"aria-label": t("overview.createName"),
+							value: bodyName,
+							onChange: (event) => setBodyName(event.target.value),
+							placeholder: t("overview.createNamePlaceholder"),
+							maxLength: 100,
+							required: true
+						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("overview.createDescription"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+							"aria-label": t("overview.createDescription"),
+							value: bodyDescription,
+							onChange: (event) => setBodyDescription(event.target.value),
+							placeholder: t("overview.createDescriptionPlaceholder"),
+							rows: 3,
+							maxLength: 1e3,
+							required: true
+						})] })]
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: dsh_mnemon_client.memoryPageStyles.createSection,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.createSectionHeading,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "02" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("overview.createPlacementTitle") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("overview.createPlacementHint") })] })]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+							className: dsh_mnemon_client.memoryPageStyles.providerChoice,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", { children: t("overview.providerLabel") }), providers.map((provider) => {
+								const serviceMissing = provider.origin !== "native" && provider.serviceConfigured === false;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									"data-selected": bodyProviderId === provider.id || void 0,
+									"data-native": provider.origin === "native" || void 0,
+									"data-disabled": serviceMissing || void 0,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "radio",
+											name: "memory-provider",
+											value: provider.id,
+											checked: bodyProviderId === provider.id,
+											disabled: serviceMissing,
+											onChange: () => setBodyProviderId(provider.id)
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderIcon, {
+											providerId: provider.id,
+											icon: provider.icon,
+											className: dsh_mnemon_client.memoryPageStyles.providerChoiceIcon
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", { children: [provider.label, provider.origin === "native" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("em", { children: t("overview.nativeOfficial") })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: serviceMissing ? t("overview.providerServiceRequired") : `${t(`overview.workspaceBinding.${provider.workspaceBinding}`)} · ${providerSummary(t, provider)}` })] }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
+											className: dsh_mnemon_client.memoryPageStyles.choiceControl,
+											"data-kind": "radio",
+											"aria-hidden": "true"
+										})
+									]
+								}, provider.id);
+							})]
+						}),
+						selectedProvider !== void 0 && selectedProvider.origin !== "native" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderMemoryFields, {
+							provider: selectedProvider,
+							connection: providerDrafts[selectedProvider.id] ?? {},
+							onChange: (key, value) => updateProviderDraft(selectedProvider.id, key, value)
+						})
+					]
+				})]
+			});
+			const bodyToggle = (body) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: dsh_mnemon_client.memoryPageStyles.bodySwitch,
+				role: "switch",
+				"aria-checked": body.active,
+				"aria-label": t("overview.toggleAria", { name: body.name }),
+				disabled: !props.activationEnabled || changing === body.id || deletingBody === body.id,
+				onClick: () => void toggle(body),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: dsh_mnemon_client.memoryPageStyles.bodySwitchTrack,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: changing === body.id ? t("overview.toggling") : body.active ? t("common.active") : t("common.inactive") })]
+			});
+			const bodyEditActionClass = (0, dsh_mnemon_client.appearanceClass)(dsh_mnemon_client.memoryPageStyles.ghostButton, (0, dsh_mnemon_client.appearanceClass)(dsh_mnemon_client.memorySidebarStyles.itemActionButton, dsh_mnemon_client.memorySidebarStyles.itemEditAction));
+			const bodyDeleteActionClass = (0, dsh_mnemon_client.appearanceClass)(dsh_mnemon_client.memoryPageStyles.dangerButton, (0, dsh_mnemon_client.appearanceClass)(dsh_mnemon_client.memorySidebarStyles.itemActionButton, dsh_mnemon_client.memorySidebarStyles.itemDangerAction));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: dsh_mnemon_client.memoryPageStyles.page,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.PageHeader, {
+						title: t("nav.overview"),
+						description: t("overview.pageDescription"),
+						meta: fullSyncAge,
+						...loading ? { loadingLabel: catalogLoading ? t("overview.directoryLoading") : graphLoading ? t("overview.snapshotLoading") : t("overview.healthLoading") } : {},
+						action: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: dsh_mnemon_client.memoryPageStyles.secondaryButton,
+							disabled: loading,
+							onClick: () => void load(),
+							children: loading ? t("overview.syncing") : t("overview.syncNow")
+						})
+					}),
+					error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.inlineError,
+						role: "alert",
+						children: error
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: dsh_mnemon_client.memoryPageStyles.bodyDirectory,
+						"aria-label": t("overview.directory"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.bodyDirectoryHeader,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("overview.directory") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("overview.directory.description") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+									className: dsh_mnemon_client.memoryPageStyles.bodyDirectoryPath,
+									children: catalogUnavailable ? t("overview.directory.unsynced") : catalog?.directory || props.fallbackDirectory || t("overview.directory.waiting")
+								})
+							] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: (0, dsh_mnemon_client.appearanceClass)(dsh_mnemon_client.memoryPageStyles.bodyDirectoryControls, dsh_mnemon_client.memorySidebarStyles.bodyDirectoryActions),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: catalogUnavailable ? t("overview.directory.unsyncedBadge") : `${catalog?.activeCount ?? "—"} / ${catalog?.total ?? "—"} ${t("common.active")}` }),
+									props.writeEnabled && !catalogUnavailable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: bodyEditActionClass,
+										title: !props.agentAvailable ? t("overview.metadataUnavailable") : void 0,
+										onClick: () => {
+											setMetadataSelection([]);
+											setMetadataTasks({});
+											setMetadataOpen(true);
+											if (!props.agentAvailable) props.onAgentRefresh();
+										},
+										children: t("overview.metadataAction")
+									}),
+									props.writeEnabled && !catalogUnavailable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: bodyEditActionClass,
+										onClick: () => setCreatingBodyOpen(true),
+										children: t("overview.createTitle")
+									})
+								]
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.bodyGrid,
+							children: [catalog?.items.map((body) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("article", {
+								className: dsh_mnemon_client.memoryPageStyles.bodyCard,
+								"data-provider": body.provider.id,
+								"data-active": body.active || void 0,
+								"data-healthy": !body.statusLoading && body.healthy || void 0,
+								"data-status-loading": body.statusLoading || void 0,
+								"data-reconnectable": "",
+								"data-reconnecting": reconnectingBody === body.id || void 0,
+								"data-mnemon-default": body.mnemonDefault || void 0,
+								"data-editing": void 0,
+								tabIndex: 0,
+								"aria-label": t("overview.reconnectAria", { name: body.name }),
+								title: reconnectingBody === body.id ? t("overview.reconnecting") : body.error ?? t("overview.reconnectHint"),
+								onClick: (event) => {
+									if (event.target instanceof Element && event.target.closest("button, input, textarea, select, label, a, [role=\"switch\"]") !== null) return;
+									reconnect(body);
+								},
+								onKeyDown: (event) => {
+									if (event.target !== event.currentTarget || event.key !== "Enter" && event.key !== " ") return;
+									event.preventDefault();
+									reconnect(body);
+								},
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: dsh_mnemon_client.memorySidebarStyles.bodyCardHeader,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: dsh_mnemon_client.memorySidebarStyles.bodyCardIdentity,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: dsh_mnemon_client.memoryPageStyles.bodySignal }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: body.name }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: dsh_mnemon_client.memorySidebarStyles.bodyCardMeta,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: body.id }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoryProviderBadge, {
+														providerId: body.provider.id,
+														label: body.provider.label
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", {
+														className: dsh_mnemon_client.memoryPageStyles.bodyHealth,
+														children: reconnectingBody === body.id ? t("overview.reconnecting") : body.statusLoading ? t("overview.storageChecking") : body.healthy ? t("overview.storageHealthy") : t("overview.storageUnhealthy")
+													}),
+													body.mnemonDefault && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", {
+														className: dsh_mnemon_client.memoryPageStyles.mnemonDefaultBadge,
+														children: t("overview.mnemonDefault")
+													})
+												]
+											})] })]
+										}), bodyToggle(body)]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										title: body.description || t("overview.noDescription"),
+										children: body.description || t("overview.noDescription")
+									}),
+									placementReceipt(body),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+										className: dsh_mnemon_client.memorySidebarStyles.bodyCardFooter,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: dsh_mnemon_client.memorySidebarStyles.bodyCardStats,
+											children: !nativeBodyProvider(body.provider) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: dsh_mnemon_client.memoryPageStyles.bodyFooterBlock,
+												title: t(body.provider.kind === "remote" ? "overview.providerRemote" : "overview.providerLocal"),
+												children: t(body.provider.kind === "remote" ? "overview.providerRemote" : "overview.providerLocal")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: `${dsh_mnemon_client.memoryPageStyles.bodyFooterBlock} ${dsh_mnemon_client.memoryPageStyles.bodyFooterGrow}`,
+												title: body.provider.location || body.provider.label,
+												children: body.provider.location || body.provider.label
+											})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: dsh_mnemon_client.memoryPageStyles.bodyFooterBlock,
+													title: t("common.memories", { count: body.stats?.totalInsights ?? 0 }),
+													children: t("common.memories", { count: body.stats?.totalInsights ?? 0 })
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: dsh_mnemon_client.memoryPageStyles.bodyFooterBlock,
+													title: t("common.edges", { count: body.stats?.edgeCount ?? 0 }),
+													children: t("common.edges", { count: body.stats?.edgeCount ?? 0 })
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: dsh_mnemon_client.memoryPageStyles.bodyFooterBlock,
+													title: (0, dsh_mnemon_client.humanBytes)(body.stats?.dbSizeBytes ?? 0),
+													children: (0, dsh_mnemon_client.humanBytes)(body.stats?.dbSizeBytes ?? 0)
+												})
+											] })
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: dsh_mnemon_client.memoryPageStyles.bodyCardActions,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: bodyEditActionClass,
+												"aria-label": t("overview.editBodyAria", { name: body.name }),
+												disabled: !props.writeEnabled || deletingBody === body.id,
+												onClick: () => beginEdit(body),
+												children: t("overview.editBody")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: bodyDeleteActionClass,
+												"aria-label": t(!nativeBodyProvider(body.provider) ? "overview.disconnectBodyAria" : "overview.deleteBodyAria", { name: body.name }),
+												title: canDeleteBody(body) ? void 0 : t("overview.lastStoreDeleteHint"),
+												disabled: !props.writeEnabled || deletingBody === body.id || !canDeleteBody(body),
+												onClick: () => setConfirmingDeleteBody(body.id),
+												children: !nativeBodyProvider(body.provider) ? t("overview.disconnectBody") : t("overview.deleteBody")
+											})]
+										})]
+									})
+								] })
+							}, body.id)), catalog?.total === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: dsh_mnemon_client.memoryPageStyles.bodyDirectoryEmpty,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "◇" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: catalogUnavailable ? t("overview.unsyncedTitle") : t("overview.emptyTitle") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: catalogUnavailable ? t("overview.unsyncedShort") : t("overview.emptyShort") })] })]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.asyncRegion,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReadSourcePanel, {
+							title: t("overview.snapshotSources"),
+							hint: t("overview.snapshotSourcesHint"),
+							sources: graphSources
+						})
+					}),
+					creatingBodyOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.SidebarModal, {
+						title: t("overview.createTitle"),
+						description: t("overview.createDialogHint"),
+						busy: creating,
+						wide: true,
+						onClose: () => setCreatingBodyOpen(false),
+						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.modalFooterActions,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								"data-dialog-close": true,
+								className: dsh_mnemon_client.memoryPageStyles.ghostButton,
+								disabled: creating,
+								onClick: () => setCreatingBodyOpen(false),
+								children: t("common.cancel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "submit",
+								form: bodyCreateFormId,
+								className: dsh_mnemon_client.memoryPageStyles.primaryButton,
+								disabled: creating || bodyName.trim() === "" || bodyDescription.trim() === "" || !providerDraftComplete(selectedProvider, providerDrafts[bodyProviderId]),
+								children: creating ? t("overview.creating") : t("overview.createAction")
+							})]
+						}),
+						children: bodyCreateForm
+					}),
+					metadataOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.SidebarModal, {
+						title: t("overview.metadataTitle"),
+						description: t("overview.metadataDescription"),
+						busy: metadataBusy,
+						wide: true,
+						onClose: () => setMetadataOpen(false),
+						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: dsh_mnemon_client.memoryPageStyles.modalFooterNote,
+							children: t("overview.metadataSafety")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.modalFooterActions,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								"data-dialog-close": true,
+								className: dsh_mnemon_client.memoryPageStyles.ghostButton,
+								disabled: metadataBusy,
+								onClick: () => setMetadataOpen(false),
+								children: t("common.cancel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: dsh_mnemon_client.memoryPageStyles.primaryButton,
+								disabled: !props.agentAvailable || metadataSelection.length === 0,
+								title: !props.agentAvailable ? t("overview.metadataUnavailable") : void 0,
+								onClick: maintainMetadata,
+								children: t("overview.metadataGenerate", { count: metadataSelection.length })
+							})]
+						})] }),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.metadataDialog,
+							children: [
+								!props.agentAvailable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.inlineError,
+									role: "status",
+									children: t("overview.metadataUnavailable")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.metadataToolbar,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [t("overview.metadataSelected", { count: metadataSelection.length }), metadataRunningCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("em", { children: t("overview.metadataRunningCount", { count: metadataRunningCount }) })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: dsh_mnemon_client.memoryPageStyles.ghostButton,
+										disabled: metadataSelectable.length === 0,
+										onClick: () => setMetadataSelection(metadataAllSelected ? [] : metadataSelectable.map((body) => body.id)),
+										children: metadataAllSelected ? t("overview.metadataClear") : t("overview.metadataSelectAll")
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.metadataList,
+									"aria-live": "polite",
+									children: [metadataCandidates.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: dsh_mnemon_client.memoryPageStyles.metadataEmpty,
+										children: catalogLoading ? t("overview.metadataLoading") : t("overview.metadataEmpty")
+									}), metadataCandidates.map((body) => {
+										const selected = metadataSelection.includes(body.id);
+										const task = metadataTasks[body.id];
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											"data-provider": body.provider.id,
+											"data-selected": selected || void 0,
+											"data-refreshing": task?.status === "running" || void 0,
+											"data-refreshed": task?.status === "success" || void 0,
+											"data-failed": task?.status === "error" || void 0,
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													type: "checkbox",
+													checked: selected,
+													disabled: task?.status === "running",
+													onChange: (event) => setMetadataSelection((current) => event.target.checked ? [.../* @__PURE__ */ new Set([...current, body.id])] : current.filter((id) => id !== body.id))
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
+													className: dsh_mnemon_client.memoryPageStyles.choiceControl,
+													"data-kind": "check",
+													"aria-hidden": "true"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: body.name }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: body.description || t("overview.noDescription") }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoryProviderBadge, {
+														providerId: body.provider.id,
+														label: body.provider.label
+													}), task === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: body.id }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", {
+														className: dsh_mnemon_client.memoryPageStyles.metadataTaskStatus,
+														"data-status": task.status,
+														title: task.error,
+														children: task.status === "running" ? t("overview.metadataTaskRunning") : task.status === "success" ? t("overview.metadataTaskSuccess") : t("overview.metadataTaskError", { error: task.error ?? t("overview.metadataTaskUnknown") })
+													})] })
+												] })
+											]
+										}, body.id);
+									})]
+								})
+							]
+						})
+					}),
+					editingBodyView !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.SidebarModal, {
+						title: t("overview.editBodyAria", { name: editingBodyView.name }),
+						description: editingBodyView.id,
+						busy: savingBody === editingBodyView.id,
+						onClose: () => setEditingBody(null),
+						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.modalFooterActions,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								"data-dialog-close": true,
+								className: dsh_mnemon_client.memoryPageStyles.ghostButton,
+								disabled: savingBody === editingBodyView.id,
+								onClick: () => setEditingBody(null),
+								children: t("common.cancel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "submit",
+								form: bodyEditFormId,
+								className: dsh_mnemon_client.memoryPageStyles.primaryButton,
+								disabled: savingBody === editingBodyView.id || editName.trim() === "",
+								children: savingBody === editingBodyView.id ? t("overview.savingBody") : t("overview.saveBody")
+							})]
+						}),
+						children: bodyEditForm(editingBodyView)
+					}),
+					deletingBodyView !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.SidebarModal, {
+						title: t(!nativeBodyProvider(deletingBodyView.provider) ? "overview.disconnectTitle" : "overview.deleteTitle", { name: deletingBodyView.name }),
+						description: deletingBodyView.id,
+						busy: deletingBody === deletingBodyView.id,
+						onClose: () => setConfirmingDeleteBody(null),
+						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.modalFooterActions,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								"data-dialog-close": true,
+								"data-autofocus": true,
+								className: dsh_mnemon_client.memoryPageStyles.ghostButton,
+								disabled: deletingBody === deletingBodyView.id,
+								onClick: () => setConfirmingDeleteBody(null),
+								children: t("common.cancel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: dsh_mnemon_client.memoryPageStyles.dangerSolidButton,
+								title: canDeleteBody(deletingBodyView) ? void 0 : t("overview.lastStoreDeleteHint"),
+								disabled: deletingBody === deletingBodyView.id || !canDeleteBody(deletingBodyView),
+								onClick: () => void deleteBody(deletingBodyView),
+								children: deletingBody === deletingBodyView.id ? t("overview.deletingBody") : t(!nativeBodyProvider(deletingBodyView.provider) ? "overview.disconnectAction" : "overview.deleteAction")
+							})]
+						}),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.bodyDeleteConfirm,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t(!nativeBodyProvider(deletingBodyView.provider) ? "overview.disconnectWarning" : "overview.deleteWarning", { provider: deletingBodyView.provider.label }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: dsh_mnemon_client.memoryPageStyles.bodyDeleteSummary,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: deletingBodyView.name }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+									deletingBodyView.provider.label,
+									" · ",
+									deletingBodyView.provider.location || t("common.memories", { count: deletingBodyView.stats?.totalInsights ?? 0 })
+								] })]
+							})]
+						})
+					}),
+					!catalogUnavailable && graph !== null && graph.nodes.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.graphLayout,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: dsh_mnemon_client.memoryPageStyles.graphPanel,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.graphToolbar,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: dsh_mnemon_client.memoryPageStyles.liveDot }),
+										t("overview.snapshot"),
+										" ",
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: generated })
+									] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: dsh_mnemon_client.memoryPageStyles.graphLegend,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												"data-edge": "scope",
+												children: t("overview.edgeScope")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												"data-edge": "temporal",
+												children: t("overview.edgeTemporal")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												"data-edge": "semantic",
+												children: t("overview.edgeSemantic")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												"data-edge": "causal",
+												children: t("overview.edgeCausal")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												"data-edge": "entity",
+												children: t("overview.edgeEntity")
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.graphViewport,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoryGraph, {
+										graph,
+										selectedId: selected === null ? void 0 : graphNodeKey(selected),
+										onSelect: setSelected
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.graphFooter,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("overview.graphComposition", {
+										spaces: graphSpaces,
+										memories: graphMemories,
+										entities: graphEntities
+									}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+										t("overview.graphCount", {
+											visible: Math.min(graph.nodes.length, 60),
+											total: graph.nodes.length
+										}),
+										" · ",
+										t("overview.graphEdges", { count: graph.edges.length })
+									] })]
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("aside", {
+							className: dsh_mnemon_client.memoryPageStyles.graphInspector,
+							"data-empty": selected === null || void 0,
+							children: selected === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: dsh_mnemon_client.memoryPageStyles.inspectorEmpty,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: (0, dsh_mnemon_client.appearanceClass)(dsh_mnemon_client.memoryPageStyles.inspectorLogo, dsh_mnemon_client.memorySidebarStyles.inspectorGlyph),
+										"aria-hidden": "true",
+										children: "◇"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("overview.selectNode") }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("overview.selectNodeText") })
+								]
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.inspectorHeading,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(selectedKind === "space" ? "overview.inspectorSpace" : selectedKind === "entity" ? "overview.inspectorEntity" : "overview.inspector") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										onClick: () => setSelected(null),
+										"aria-label": t("overview.closeInspector"),
+										children: "×"
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.inspectorChips,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: dsh_mnemon_client.memoryPageStyles.categoryChip,
+										children: graphKindLabel(t, selected)
+									}), selected.memoryProviderId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoryProviderBadge, {
+										providerId: selected.memoryProviderId,
+										label: selected.memoryProviderLabel ?? selected.memoryProviderId
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.inspectorTitleRow,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+										className: dsh_mnemon_client.memoryPageStyles.inspectorTitle,
+										children: selected.content
+									}), selectedKind === "memory" && selected.content.length > 140 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: dsh_mnemon_client.memoryPageStyles.inspectorEye,
+										onClick: () => setPreview(selected),
+										"aria-label": t("overview.previewAria"),
+										title: t("overview.previewAria"),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+											viewBox: "0 0 16 16",
+											width: "13",
+											height: "13",
+											"aria-hidden": "true",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+												d: "M1 8s2.6-4.4 7-4.4S15 8 15 8s-2.6 4.4-7 4.4S1 8 1 8z",
+												fill: "none",
+												stroke: "currentColor",
+												strokeWidth: "1.5"
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+												cx: "8",
+												cy: "8",
+												r: "2.1",
+												fill: "currentColor"
+											})]
+										})
+									})]
+								}),
+								selectedKind === "space" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
+									className: dsh_mnemon_client.memoryPageStyles.inspectorMeta,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("overview.spaceId") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: selected.memoryBodyId ?? selected.id }) })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("overview.containedMemories") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: selected.occurrenceCount ?? 0 })] })]
+								}) : selectedKind === "entity" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
+									className: dsh_mnemon_client.memoryPageStyles.inspectorMeta,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("overview.entityMentions") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: selected.occurrenceCount ?? 0 })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("term.spaces") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: selected.memoryBodyNames?.join(" · ") || "—" })] })]
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
+									className: dsh_mnemon_client.memoryPageStyles.inspectorMeta,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("term.space") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dd", { children: [
+											selected.memoryBodyName ?? "—",
+											" ",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: selected.memoryBodyId ?? "" })
+										] })] }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("overview.memoryId") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: selected.id }) })] }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("common.category") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: categoryLabel(t, selected.category ?? "general") })] })
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.inspectorActions,
+									children: [selectedKind !== "space" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: dsh_mnemon_client.memoryPageStyles.primaryButton,
+										onClick: () => props.onExplore(selected.content),
+										children: t("overview.exploreNode")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: dsh_mnemon_client.memoryPageStyles.secondaryButton,
+										onClick: () => void navigator.clipboard?.writeText(selected.id),
+										children: t("common.copyId")
+									})]
+								})
+							] })
+						})]
+					}) : !graphLoading && error === null ? catalogUnavailable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.EmptyState, {
+						glyph: "◇",
+						title: t("overview.unsyncedTitle"),
+						children: t("overview.unsyncedLong")
+					}) : catalog?.total === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.EmptyState, {
+						glyph: "◇",
+						title: t("overview.emptyTitle"),
+						children: t("overview.emptyLong")
+					}) : catalog?.activeCount === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.EmptyState, {
+						glyph: "◇",
+						title: t("overview.noActiveTitle"),
+						children: t("overview.noActiveText")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.EmptyState, {
+						glyph: "◇",
+						title: t(onlyQueryOrUnsupported ? "overview.noVisualTitle" : "overview.noContentTitle"),
+						children: t(onlyQueryOrUnsupported ? "overview.noVisualText" : "overview.noContentText")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.asyncPlaceholder,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("overview.loading") })
+					}),
+					preview !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContentPreview, {
+						node: preview,
+						kind: graphKindLabel(t, preview),
+						onClose: () => setPreview(null)
+					})
+				]
+			});
+		}
+		function ExplorePage(props) {
+			const t = (0, dsh_mnemon_client.useT)();
+			const pageSize = 6;
+			const [query, setQuery] = (0, react.useState)(props.seed);
+			const [mode, setMode] = (0, react.useState)("smart");
+			const [category, setCategory] = (0, react.useState)("");
+			const [results, setResults] = (0, react.useState)([]);
+			const [sources, setSources] = (0, react.useState)([]);
+			const [searchKind, setSearchKind] = (0, react.useState)(null);
+			const [agentAnswer, setAgentAnswer] = (0, react.useState)(null);
+			const [searched, setSearched] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			const [relatedTo, setRelatedTo] = (0, react.useState)(null);
+			const [related, setRelated] = (0, react.useState)([]);
+			const [relatedLoading, setRelatedLoading] = (0, react.useState)(false);
+			const [visibleResultLimit, setVisibleResultLimit] = (0, react.useState)(pageSize);
+			const [visibleRelatedLimit, setVisibleRelatedLimit] = (0, react.useState)(pageSize);
+			const relatedRequests = (0, dsh_mnemon_client.useRequestVersion)();
+			(0, react.useEffect)(() => {
+				if (props.seed !== "") setQuery(props.seed);
+			}, [props.seed]);
+			const runSearch = async (withAgent) => {
+				if (query.trim() === "") return;
+				relatedRequests.begin();
+				setSearchKind(withAgent ? "agent" : "direct");
+				setSearched(true);
+				setError(null);
+				setRelatedTo(null);
+				setAgentAnswer(null);
+				setVisibleResultLimit(pageSize);
+				setVisibleRelatedLimit(pageSize);
+				try {
+					const request = {
+						query,
+						mode,
+						...category === "" ? {} : { category },
+						limit: props.status?.defaultRecallLimit ?? 10
+					};
+					if (withAgent) {
+						const response = await props.agentClient.agentSearch(request);
+						setResults(response.results);
+						setSources(response.sources ?? []);
+						setAgentAnswer({
+							answer: response.answer,
+							citations: response.citations,
+							runId: response.delegation.runId
+						});
+					} else {
+						const response = await props.client.search(request);
+						setResults(response.results);
+						setSources(response.sources ?? []);
+					}
+				} catch (reason) {
+					setError((0, dsh_mnemon_client.message)(reason));
+					setResults([]);
+					setSources([]);
+					setAgentAnswer(null);
+				} finally {
+					setSearchKind(null);
+				}
+			};
+			const search = (event) => {
+				event.preventDefault();
+				runSearch(false);
+			};
+			const searching = searchKind !== null;
+			const showRelated = async (insight) => {
+				const request = relatedRequests.begin();
+				setRelatedTo(insight);
+				setRelated([]);
+				setRelatedLoading(true);
+				setError(null);
+				setVisibleRelatedLimit(pageSize);
+				if (typeof window.requestAnimationFrame === "function") window.requestAnimationFrame(() => document.getElementById("mnemon-related-pane")?.scrollIntoView?.({
+					block: "nearest",
+					behavior: "smooth"
+				}));
+				try {
+					const response = await props.client.related(insight.id, insight.memoryBodyId);
+					if (relatedRequests.isCurrent(request)) setRelated(response);
+				} catch (reason) {
+					if (relatedRequests.isCurrent(request)) setError((0, dsh_mnemon_client.message)(reason));
+				} finally {
+					if (relatedRequests.isCurrent(request)) setRelatedLoading(false);
+				}
+			};
+			const forget = async (insight) => {
+				await props.onForget(insight);
+				setResults((items) => items.filter((item) => insightKey(item) !== insightKey(insight)));
+				setRelated((items) => items.filter((item) => insightKey(item) !== insightKey(insight)));
+				if (relatedTo !== null && insightKey(relatedTo) === insightKey(insight)) setRelatedTo(null);
+			};
+			const visibleResults = results.slice(0, visibleResultLimit);
+			const visibleRelated = related.slice(0, visibleRelatedLimit);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: dsh_mnemon_client.memoryPageStyles.page,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.PageHeader, {
+						title: t("search.title"),
+						description: t("search.description"),
+						meta: t("search.maxResults", { count: props.status?.defaultRecallLimit ?? "—" })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+						className: dsh_mnemon_client.memoryPageStyles.searchBar,
+						onSubmit: (event) => void search(event),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.queryField,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									"aria-hidden": "true",
+									children: "⌕"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									value: query,
+									onChange: (event) => setQuery(event.target.value),
+									placeholder: t("search.placeholder"),
+									"aria-label": t("search.queryAria")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", { children: "↵" })
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.searchControls,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("common.category"), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									value: category,
+									onChange: (event) => setCategory(event.target.value),
+									"aria-label": t("search.categoryAria"),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: t("common.allCategories")
+									}), CATEGORIES.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value,
+										children: categoryLabel(t, value)
+									}, value))]
+								})] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("search.strategy"), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									value: mode,
+									onChange: (event) => setMode(event.target.value),
+									"aria-label": t("search.modeAria"),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "smart",
+											children: t("search.modeSmart")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "keyword",
+											children: t("search.modeKeyword")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "basic",
+											children: t("search.modeBasic")
+										})
+									]
+								})] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.searchActions,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "submit",
+										className: dsh_mnemon_client.memoryPageStyles.secondaryButton,
+										disabled: searching || query.trim() === "",
+										children: searchKind === "direct" ? t("search.searching") : t("search.action")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: dsh_mnemon_client.memoryPageStyles.primaryButton,
+										disabled: searching || query.trim() === "" || !props.agentAvailable,
+										onClick: () => void runSearch(true),
+										children: searchKind === "agent" ? t("search.agentSearching") : t("search.agentAction")
+									})]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReadSourcePanel, {
+						title: t("search.sourcesTitle"),
+						sources
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.asyncResults,
+						children: [
+							searching && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.SectionSpinner, { label: searchKind === "agent" ? t("search.agentSearching") : t("search.searching") }),
+							agentAnswer !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								className: dsh_mnemon_client.memoryPageStyles.agentAnswer,
+								"aria-label": t("search.agentAnswer"),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: dsh_mnemon_client.memoryPageStyles.agentAnswerHeading,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("search.agentAnswerHint") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("search.agentAnswer") })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: agentAnswer.runId.slice(0, 8) })]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: agentAnswer.answer }),
+									agentAnswer.citations.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: dsh_mnemon_client.memoryPageStyles.agentCitations,
+										children: agentAnswer.citations.map((citation) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: citation }, citation))
+									})
+								]
+							}),
+							error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: dsh_mnemon_client.memoryPageStyles.inlineError,
+								role: "alert",
+								children: error
+							}),
+							!searched && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.EmptyState, {
+								glyph: "⌕",
+								title: t("search.startTitle"),
+								children: t("search.startText")
+							}),
+							searched && !searching && results.length === 0 && error === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.EmptyState, {
+								glyph: "0",
+								title: t("search.emptyTitle"),
+								children: t("search.emptyText")
+							}),
+							results.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: relatedTo === null ? dsh_mnemon_client.memoryPageStyles.singleColumn : dsh_mnemon_client.memoryPageStyles.resultLayout,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+									className: dsh_mnemon_client.memoryPageStyles.results,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: dsh_mnemon_client.memoryPageStyles.sectionHeading,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("search.results") }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: results.length })]
+										}),
+										visibleResults.map((insight) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InsightCard, {
+											insight,
+											writeEnabled: props.writeEnabled,
+											onForget: forget,
+											onRelated: (item) => void showRelated(item)
+										}, insightKey(insight))),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.ProgressiveFooter, {
+											visible: visibleResults.length,
+											total: results.length,
+											pageSize,
+											onMore: () => setVisibleResultLimit((value) => value + pageSize)
+										})
+									]
+								}), relatedTo !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+									id: "mnemon-related-pane",
+									className: dsh_mnemon_client.memoryPageStyles.relatedPane,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: dsh_mnemon_client.memoryPageStyles.sectionHeading,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("search.related") }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												onClick: () => {
+													relatedRequests.begin();
+													setRelatedTo(null);
+													setRelatedLoading(false);
+												},
+												"aria-label": t("search.closeRelated"),
+												children: "×"
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: dsh_mnemon_client.memoryPageStyles.relatedSource,
+											children: relatedTo.content
+										}),
+										relatedLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: dsh_mnemon_client.memoryPageStyles.loading,
+											children: t("search.traversing")
+										}),
+										!relatedLoading && related.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: dsh_mnemon_client.memoryPageStyles.muted,
+											children: t("search.noRelated")
+										}),
+										visibleRelated.map((insight) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InsightCard, {
+											insight,
+											writeEnabled: props.writeEnabled,
+											onForget: forget,
+											onRelated: (item) => void showRelated(item)
+										}, insightKey(insight))),
+										!relatedLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.ProgressiveFooter, {
+											visible: visibleRelated.length,
+											total: related.length,
+											pageSize,
+											onMore: () => setVisibleRelatedLimit((value) => value + pageSize)
+										})
+									]
+								})]
+							})
+						]
+					})
+				]
+			});
+		}
+		function EntitiesPage(props) {
+			const t = (0, dsh_mnemon_client.useT)();
+			const entityPageSize = 10;
+			const insightPageSize = 6;
+			const [view, setView] = (0, react.useState)({
+				items: [],
+				insights: []
+			});
+			const [entity, setEntity] = (0, react.useState)("");
+			const [entityFilter, setEntityFilter] = (0, react.useState)("");
+			const [loading, setLoading] = (0, react.useState)(true);
+			const [error, setError] = (0, react.useState)(null);
+			const [visibleEntityLimit, setVisibleEntityLimit] = (0, react.useState)(entityPageSize);
+			const [visibleInsightLimit, setVisibleInsightLimit] = (0, react.useState)(insightPageSize);
+			const entityRequests = (0, dsh_mnemon_client.useRequestVersion)();
+			const load = (0, react.useCallback)(async (selected) => {
+				const request = entityRequests.begin();
+				setLoading(true);
+				setError(null);
+				setVisibleInsightLimit(insightPageSize);
+				if (selected === void 0) setVisibleEntityLimit(entityPageSize);
+				try {
+					const response = await props.client.entities(selected, 20);
+					if (entityRequests.isCurrent(request)) setView(response);
+				} catch (reason) {
+					if (entityRequests.isCurrent(request)) setError((0, dsh_mnemon_client.message)(reason));
+				} finally {
+					if (entityRequests.isCurrent(request)) setLoading(false);
+				}
+			}, [
+				entityPageSize,
+				entityRequests,
+				insightPageSize,
+				props.client
+			]);
+			(0, react.useEffect)(() => {
+				load();
+			}, [load, props.revision]);
+			const submit = (event) => {
+				event.preventDefault();
+				if (entity.trim() !== "") load(entity);
+			};
+			const visibleEntities = (0, react.useMemo)(() => {
+				const query = entityFilter.trim().toLocaleLowerCase();
+				return (query === "" ? view.items : view.items.filter((item) => item.entity.toLocaleLowerCase().includes(query))).slice(0, visibleEntityLimit);
+			}, [
+				view.items,
+				visibleEntityLimit,
+				entityFilter
+			]);
+			const filteredTotal = (0, react.useMemo)(() => {
+				const query = entityFilter.trim().toLocaleLowerCase();
+				return query === "" ? view.items.length : view.items.filter((item) => item.entity.toLocaleLowerCase().includes(query)).length;
+			}, [view.items, entityFilter]);
+			const visibleInsights = view.insights.slice(0, visibleInsightLimit);
+			const sources = view.sources ?? [];
+			const hasEntityProvider = sources.length === 0 || sources.some((source) => source.mode === "entities" && source.status !== "unavailable");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: dsh_mnemon_client.memoryPageStyles.page,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.PageHeader, {
+						title: t("entities.title"),
+						description: t("entities.description"),
+						meta: t("entities.count", { count: view.items.length })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReadSourcePanel, {
+						title: t("entities.sourcesTitle"),
+						sources
+					}),
+					!loading && !hasEntityProvider ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.EmptyState, {
+						glyph: "◎",
+						title: t("entities.unsupportedTitle"),
+						children: t("entities.unsupportedText")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.entityLayout,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+							className: dsh_mnemon_client.memoryPageStyles.entityRail,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+									className: dsh_mnemon_client.memoryPageStyles.entitySearch,
+									onSubmit: submit,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										"aria-label": t("entities.nameAria"),
+										value: entity,
+										onChange: (event) => {
+											setEntity(event.target.value);
+											setEntityFilter(event.target.value);
+										},
+										onKeyDown: (event) => {
+											if (event.key === "Escape" && entityFilter !== "") {
+												event.preventDefault();
+												setEntityFilter("");
+											}
+										},
+										placeholder: t("entities.placeholder")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "submit",
+										className: dsh_mnemon_client.memoryPageStyles.primaryButton,
+										disabled: loading || entity.trim() === "",
+										children: t("entities.action")
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.entityHeading,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("entities.top") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: entityFilter === "" ? t("entities.frequency") : t("entities.filterHint") })]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.entityList,
+									children: visibleEntities.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										"aria-pressed": view.selected === item.entity,
+										onClick: () => {
+											setEntity(item.entity);
+											load(item.entity);
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: item.entity }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: item.count })]
+									}, item.entity))
+								}),
+								visibleEntities.length > 0 && filteredTotal > visibleEntityLimit && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.ProgressiveFooter, {
+									compact: true,
+									visible: visibleEntities.length,
+									total: filteredTotal,
+									pageSize: entityPageSize,
+									onMore: () => setVisibleEntityLimit((value) => value + entityPageSize)
+								}),
+								!loading && view.items.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: dsh_mnemon_client.memoryPageStyles.muted,
+									children: t("entities.emptyRail")
+								}),
+								!loading && view.items.length > 0 && visibleEntities.length === 0 && entityFilter !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: dsh_mnemon_client.memoryPageStyles.muted,
+									children: t("entities.filterEmpty")
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: (0, dsh_mnemon_client.appearanceClass)(dsh_mnemon_client.memoryPageStyles.entityResults, dsh_mnemon_client.memoryPageStyles.asyncResults),
+							children: [
+								loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.SectionSpinner, { label: t("entities.loading") }),
+								error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.inlineError,
+									role: "alert",
+									children: error
+								}),
+								!loading && view.selected === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.EmptyState, {
+									glyph: "◎",
+									title: t("entities.selectTitle"),
+									children: t("entities.selectText")
+								}),
+								view.selected !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: dsh_mnemon_client.memoryPageStyles.sectionHeading,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: view.selected }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: view.insights.length })]
+								}), !loading && view.insights.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.EmptyState, {
+									glyph: "0",
+									title: t("entities.emptyTitle"),
+									children: t("entities.emptyText")
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [visibleInsights.map((insight) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InsightCard, {
+									insight,
+									writeEnabled: props.writeEnabled,
+									onForget: props.onForget,
+									onRelated: () => props.onExplore(insight.content)
+								}, insightKey(insight))), !loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.ProgressiveFooter, {
+									visible: visibleInsights.length,
+									total: view.insights.length,
+									pageSize: insightPageSize,
+									onMore: () => setVisibleInsightLimit((value) => value + insightPageSize)
+								})] })] })
+							]
+						})]
+					})
+				]
+			});
+		}
+		function PersistenceStrategyDialog(props) {
+			const t = (0, dsh_mnemon_client.useT)();
+			const strategyFormId = (0, react.useId)();
+			const configured = props.config?.persistenceStrategy;
+			const [mode, setMode] = (0, react.useState)(configured?.mode ?? "manual");
+			const [providerId, setProviderId] = (0, react.useState)(configured?.providerId ?? "mnemon-native");
+			const [prompt, setPrompt] = (0, react.useState)(configured?.prompt ?? "");
+			const [dataBoundary, setDataBoundary] = (0, react.useState)(configured?.rules?.dataBoundary ?? "allow-remote");
+			const [preference, setPreference] = (0, react.useState)(configured?.rules?.preference ?? "balanced");
+			const [requiredCapabilities, setRequiredCapabilities] = (0, react.useState)(configured?.rules?.requiredCapabilities ?? []);
+			const [automaticProviderIds, setAutomaticProviderIds] = (0, react.useState)(configured?.rules?.allowedProviderIds ?? ["mnemon-native"]);
+			const [providerDrafts, setProviderDrafts] = (0, react.useState)(configured?.providerConnections ?? {});
+			const [providers, setProviders] = (0, react.useState)([]);
+			const [loading, setLoading] = (0, react.useState)(true);
+			const [saving, setSaving] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				let current = true;
+				props.client.bodyDirectory().then((catalog) => {
+					if (!current) return;
+					const next = catalog.providers;
+					setProviders(next);
+					setProviderDrafts((previous) => mergeProviderDefaults(next, previous));
+					setProviderId((currentProviderId) => next.some((provider) => provider.id === currentProviderId && (provider.origin === "native" || provider.serviceConfigured !== false)) ? currentProviderId : next.find((provider) => provider.origin === "native")?.id ?? next[0]?.id ?? "mnemon-native");
+				}).catch((reason) => {
+					if (current) setError((0, dsh_mnemon_client.message)(reason));
+				}).finally(() => {
+					if (current) setLoading(false);
+				});
+				return () => {
+					current = false;
+				};
+			}, [props.client]);
+			const selectedProvider = providers.find((provider) => provider.id === providerId);
+			const selectedAutomaticProviders = automaticProviderIds.map((id) => providers.find((provider) => provider.id === id)).filter((provider) => provider !== void 0);
+			const selectedProvidersValid = mode === "manual" ? providerDraftComplete(selectedProvider, providerDrafts[providerId]) : automaticProviderIds.length > 0 && selectedAutomaticProviders.length === automaticProviderIds.length && selectedAutomaticProviders.every((provider) => providerDraftComplete(provider, providerDrafts[provider.id]));
+			const updateDraft = (id, key, value) => setProviderDrafts((current) => ({
+				...current,
+				[id]: {
+					...current[id] ?? {},
+					[key]: value
+				}
+			}));
+			const toggleCapability = (capability) => setRequiredCapabilities((current) => current.includes(capability) ? current.filter((value) => value !== capability) : [...current, capability]);
+			const toggleProvider = (id, selected) => setAutomaticProviderIds((current) => selected ? [.../* @__PURE__ */ new Set([...current, id])] : current.filter((value) => value !== id));
+			const save = async (event) => {
+				event.preventDefault();
+				if (loading || saving || !props.writable || !selectedProvidersValid) return;
+				const connections = Object.fromEntries((mode === "manual" ? [providerId] : automaticProviderIds).filter((id) => providers.find((provider) => provider.id === id)?.origin !== "native").map((id) => [id, providerDrafts[id] ?? {}]));
+				setSaving(true);
+				setError(null);
+				try {
+					await props.settingsScope.setPath(["persistenceStrategy"], {
+						mode,
+						providerId,
+						prompt,
+						rules: {
+							allowedProviderIds: automaticProviderIds,
+							dataBoundary,
+							requiredCapabilities,
+							preference
+						},
+						providerConnections: connections
+					});
+					props.onClose();
+				} catch (reason) {
+					setError((0, dsh_mnemon_client.message)(reason));
+				} finally {
+					setSaving(false);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.SidebarModal, {
+				title: t("strategy.title"),
+				description: t("strategy.description"),
+				busy: saving,
+				contentReady: !loading,
+				wide: true,
+				onClose: props.onClose,
+				footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: dsh_mnemon_client.memoryPageStyles.modalFooterActions,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						"data-dialog-close": true,
+						className: dsh_mnemon_client.memoryPageStyles.ghostButton,
+						disabled: saving,
+						onClick: props.onClose,
+						children: t("common.cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "submit",
+						form: strategyFormId,
+						className: dsh_mnemon_client.memoryPageStyles.primaryButton,
+						disabled: loading || saving || !props.writable || !selectedProvidersValid,
+						children: saving ? t("strategy.saving") : t("strategy.save")
+					})]
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+					id: strategyFormId,
+					className: (0, dsh_mnemon_client.appearanceClass)(dsh_mnemon_client.memoryPageStyles.bodyEdit, dsh_mnemon_client.memoryPageStyles.strategyForm),
+					onSubmit: (event) => void save(event),
+					children: [
+						loading && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.strategyLoading,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.SectionSpinner, { label: t("strategy.loading") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("strategy.loading") })]
+						}),
+						error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.inlineError,
+							role: "alert",
+							children: error
+						}),
+						!loading && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: dsh_mnemon_client.memoryPageStyles.createSection,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: dsh_mnemon_client.memoryPageStyles.createSectionHeading,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "01" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("strategy.modeTitle") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("strategy.modeHint") })] })]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+								className: dsh_mnemon_client.memoryPageStyles.placementMode,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", { children: t("overview.placementMode") }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										"data-selected": mode === "manual" || void 0,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "radio",
+												name: "persistence-mode",
+												value: "manual",
+												checked: mode === "manual",
+												"data-autofocus": mode === "manual" || void 0,
+												onChange: () => setMode("manual")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
+												className: dsh_mnemon_client.memoryPageStyles.choiceControl,
+												"data-kind": "radio",
+												"aria-hidden": "true"
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("overview.placementManual") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("strategy.manualHint") })] })
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										"data-selected": mode === "automatic" || void 0,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "radio",
+												name: "persistence-mode",
+												value: "automatic",
+												checked: mode === "automatic",
+												"data-autofocus": mode === "automatic" || void 0,
+												onChange: () => setMode("automatic")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
+												className: dsh_mnemon_client.memoryPageStyles.choiceControl,
+												"data-kind": "radio",
+												"aria-hidden": "true"
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", { children: [
+												t("overview.placementAutomatic"),
+												" ",
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("em", { children: t("overview.recommended") })
+											] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("strategy.automaticHint") })] })
+										]
+									})
+								]
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: dsh_mnemon_client.memoryPageStyles.createSection,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: dsh_mnemon_client.memoryPageStyles.createSectionHeading,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "02" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t(mode === "manual" ? "strategy.manualTitle" : "strategy.automaticTitle") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t(mode === "manual" ? "strategy.manualDescription" : "strategy.automaticDescription") })] })]
+							}), mode === "manual" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+								className: dsh_mnemon_client.memoryPageStyles.providerChoice,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", { children: t("overview.providerLabel") }), providers.map((provider) => {
+									const disabled = provider.origin !== "native" && provider.serviceConfigured === false;
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										"data-selected": providerId === provider.id || void 0,
+										"data-native": provider.origin === "native" || void 0,
+										"data-disabled": disabled || void 0,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "radio",
+												name: "strategy-provider",
+												value: provider.id,
+												checked: providerId === provider.id,
+												disabled,
+												onChange: () => setProviderId(provider.id)
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderIcon, {
+												providerId: provider.id,
+												icon: provider.icon,
+												className: dsh_mnemon_client.memoryPageStyles.providerChoiceIcon
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", { children: [provider.label, provider.origin === "native" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("em", { children: t("overview.nativeOfficial") })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: disabled ? t("overview.providerServiceRequired") : `${t(`overview.workspaceBinding.${provider.workspaceBinding}`)} · ${providerSummary(t, provider)}` })] }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
+												className: dsh_mnemon_client.memoryPageStyles.choiceControl,
+												"data-kind": "radio",
+												"aria-hidden": "true"
+											})
+										]
+									}, provider.id);
+								})]
+							}), selectedProvider !== void 0 && selectedProvider.origin !== "native" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderMemoryFields, {
+								provider: selectedProvider,
+								connection: providerDrafts[selectedProvider.id] ?? {},
+								onChange: (key, value) => updateDraft(selectedProvider.id, key, value)
+							})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								className: dsh_mnemon_client.memoryPageStyles.placementPolicy,
+								"aria-label": t("overview.placementPolicy"),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: dsh_mnemon_client.memoryPageStyles.placementPolicyHeading,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("overview.placementPolicy") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("overview.placementPolicyHint") })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: props.agentAvailable ? t("strategy.taskAgentReady") : t("strategy.taskAgentUnavailable") })]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("overview.placementPrompt"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+										"aria-label": t("overview.placementPrompt"),
+										value: prompt,
+										onChange: (event) => setPrompt(event.target.value),
+										placeholder: t("overview.placementPromptPlaceholder"),
+										rows: 3,
+										maxLength: 4e3
+									})] }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: dsh_mnemon_client.memoryPageStyles.placementRuleGrid,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("overview.dataBoundary"), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+											"aria-label": t("overview.dataBoundary"),
+											value: dataBoundary,
+											onChange: (event) => {
+												const value = event.target.value;
+												setDataBoundary(value);
+												if (value === "local-only") setAutomaticProviderIds((current) => current.filter((id) => providers.find((provider) => provider.id === id)?.kind === "local"));
+											},
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "allow-remote",
+												children: t("overview.dataBoundaryRemote")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "local-only",
+												children: t("overview.dataBoundaryLocal")
+											})]
+										})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("overview.preference"), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+											"aria-label": t("overview.preference"),
+											value: preference,
+											onChange: (event) => setPreference(event.target.value),
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "balanced",
+													children: t("overview.preferenceBalanced")
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "local-first",
+													children: t("overview.preferenceLocal")
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "shared-first",
+													children: t("overview.preferenceShared")
+												})
+											]
+										})] })]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+										className: dsh_mnemon_client.memoryPageStyles.capabilityRules,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", { children: t("overview.requiredCapabilities") }), [
+											"graph",
+											"exact-write",
+											"forget"
+										].map((capability) => {
+											const selected = requiredCapabilities.includes(capability);
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												"data-selected": selected || void 0,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														type: "checkbox",
+														checked: selected,
+														onChange: () => toggleCapability(capability)
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
+														className: dsh_mnemon_client.memoryPageStyles.choiceControl,
+														"data-kind": "check",
+														"aria-hidden": "true"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`overview.capability.${capability}`) })
+												]
+											}, capability);
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: dsh_mnemon_client.memoryPageStyles.placementCandidates,
+										children: providers.map((provider) => {
+											const disabled = provider.serviceConfigured === false || dataBoundary === "local-only" && provider.kind === "remote";
+											const selected = automaticProviderIds.includes(provider.id);
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												"data-selected": selected || void 0,
+												"data-disabled": disabled || void 0,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														type: "checkbox",
+														checked: selected,
+														disabled,
+														onChange: (event) => toggleProvider(provider.id, event.target.checked)
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderIcon, {
+														providerId: provider.id,
+														icon: provider.icon,
+														className: dsh_mnemon_client.memoryPageStyles.candidateIcon
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: provider.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: provider.serviceConfigured === false ? t("overview.providerServiceRequired") : provider.origin === "native" ? t("overview.candidateNativeReady") : provider.kind === "local" ? t("overview.candidateLocal") : t("overview.candidateRemote") })] }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
+														className: dsh_mnemon_client.memoryPageStyles.choiceControl,
+														"data-kind": "check",
+														"aria-hidden": "true"
+													})
+												]
+											}, provider.id);
+										})
+									}),
+									automaticProviderIds.map((id) => {
+										const provider = providers.find((candidate) => candidate.id === id);
+										return provider === void 0 || provider.origin === "native" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderMemoryFields, {
+											provider,
+											connection: providerDrafts[id] ?? {},
+											onChange: (key, value) => updateDraft(id, key, value)
+										}, id);
+									})
+								]
+							})]
+						})] })
+					]
+				})
+			});
+		}
+		function RememberPage(props) {
+			const t = (0, dsh_mnemon_client.useT)();
+			const rememberFormId = (0, react.useId)();
+			const [content, setContent] = (0, react.useState)(props.seed);
+			const [category, setCategory] = (0, react.useState)("general");
+			const [importance, setImportance] = (0, react.useState)(3);
+			const [tags, setTags] = (0, react.useState)("");
+			const [entities, setEntities] = (0, react.useState)("");
+			const [memoryBodyId, setMemoryBodyId] = (0, react.useState)("");
+			const [supervising, setSupervising] = (0, react.useState)(false);
+			const [saving, setSaving] = (0, react.useState)(false);
+			const [result, setResult] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				if (props.seed !== "") setContent(props.seed);
+			}, [props.seed]);
+			(0, react.useEffect)(() => {
+				if (memoryBodyId === "" && props.memoryBodies.length > 0) setMemoryBodyId((props.memoryBodies.find((body) => body.active) ?? props.memoryBodies[0]).id);
+			}, [memoryBodyId, props.memoryBodies]);
+			const selectedMemoryBody = props.memoryBodies.find((body) => body.id === memoryBodyId);
+			const supervise = async (event) => {
+				event.preventDefault();
+				if (content.trim() === "" || !props.agentAvailable) return;
+				setSupervising(true);
+				setResult(null);
+				try {
+					const response = await props.client.supervise(content);
+					setResult(`${t(response.action === "skipped" ? "remember.skipped" : "remember.completed")}${response.memoryBodyIds.length === 0 ? "" : ` · ${response.memoryBodyIds.join(", ")}`}${response.summary === "" ? "" : ` · ${response.summary}`}`);
+					props.onMutate();
+					if (response.action !== "skipped") {
+						setContent("");
+						props.onComplete?.();
+					}
+				} catch (reason) {
+					setResult(t("remember.dispatchFailed", { error: (0, dsh_mnemon_client.message)(reason) }));
+				} finally {
+					setSupervising(false);
+				}
+			};
+			const manualSave = async (event) => {
+				event.preventDefault();
+				if (content.trim() === "") return;
+				setSaving(true);
+				setResult(null);
+				try {
+					const response = await props.client.remember({
+						content,
+						category,
+						importance,
+						tags: tags.split(",").map((value) => value.trim()).filter(Boolean),
+						entities: entities.split(",").map((value) => value.trim()).filter(Boolean),
+						source: "user",
+						...memoryBodyId === "" ? {} : { memoryBodyId }
+					});
+					const action = typeof response.action === "string" ? response.action : "saved";
+					const summary = typeof response.summary === "string" ? response.summary : "";
+					setResult(action === "skipped" ? `${t("remember.skipped")}${summary === "" ? "" : ` · ${summary}`}` : `${t("remember.processed", { action })}${summary === "" ? "" : ` · ${summary}`}`);
+					if (action !== "skipped") {
+						setContent("");
+						setTags("");
+						setEntities("");
+						props.onMutate();
+						props.onComplete?.();
+					}
+				} catch (reason) {
+					setResult(t("remember.saveFailed", { error: (0, dsh_mnemon_client.message)(reason) }));
+				} finally {
+					setSaving(false);
+				}
+			};
+			const composer = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: dsh_mnemon_client.memoryPageStyles.supervisedComposer,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+					id: rememberFormId,
+					className: dsh_mnemon_client.memoryPageStyles.supervisedForm,
+					onSubmit: (event) => void supervise(event),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.supervisedHeading,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("remember.delegateTitle") }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: !props.agentAvailable ? dsh_mnemon_client.memoryPageStyles.sessionMissing : dsh_mnemon_client.memoryPageStyles.sessionReady,
+								children: !props.agentAvailable ? t("remember.noTaskAgent") : t("remember.taskAgentReady")
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: dsh_mnemon_client.memoryPageStyles.fieldWide,
+							children: [t("remember.candidate"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								"aria-label": t("remember.candidateAria"),
+								value: content,
+								onChange: (event) => setContent(event.target.value),
+								maxLength: 8e3,
+								rows: 8,
+								placeholder: t("remember.placeholder")
+							})]
+						}),
+						!props.agentAvailable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: dsh_mnemon_client.memoryPageStyles.sessionHint,
+							children: t("remember.taskAgentHint")
+						}),
+						result !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: dsh_mnemon_client.memoryPageStyles.modalInlineStatus,
+							role: "status",
+							children: result
+						})
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+					className: dsh_mnemon_client.memoryPageStyles.advancedWrite,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("remember.advanced") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("remember.advancedHint") })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("remember.expand") })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+						className: dsh_mnemon_client.memoryPageStyles.manualForm,
+						onSubmit: (event) => void manualSave(event),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.formGrid,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: dsh_mnemon_client.memoryPageStyles.fieldWide,
+									children: [
+										t("remember.target"),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+											"aria-label": t("remember.target"),
+											value: memoryBodyId,
+											onChange: (event) => setMemoryBodyId(event.target.value),
+											children: props.memoryBodies.map((body) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+												value: body.id,
+												children: [
+													body.name,
+													" · ",
+													body.provider.label,
+													body.active ? ` · ${t("common.active")}` : ""
+												]
+											}, body.id))
+										}),
+										selectedMemoryBody?.provider.capabilities.writeMode === "async-extracting" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", {
+											className: dsh_mnemon_client.memoryPageStyles.providerWriteHint,
+											children: t("remember.asyncProviderHint")
+										})
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("common.category"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+									value: category,
+									onChange: (event) => setCategory(event.target.value),
+									children: CATEGORIES.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value,
+										children: categoryLabel(t, value)
+									}, value))
+								})] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [t("common.importanceLabel"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+									value: importance,
+									onChange: (event) => setImportance(Number(event.target.value)),
+									children: [
+										1,
+										2,
+										3,
+										4,
+										5
+									].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+										value,
+										children: [value, " / 5"]
+									}, value))
+								})] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: dsh_mnemon_client.memoryPageStyles.fieldWide,
+									children: [t("remember.entities"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										value: entities,
+										onChange: (event) => setEntities(event.target.value),
+										placeholder: "SQLite, DSH"
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: dsh_mnemon_client.memoryPageStyles.fieldWide,
+									children: [t("remember.tags"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										value: tags,
+										onChange: (event) => setTags(event.target.value),
+										placeholder: "architecture, local-first"
+									})]
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.manualActions,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("remember.advancedText") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "submit",
+								className: dsh_mnemon_client.memoryPageStyles.secondaryButton,
+								disabled: saving || content.trim() === "" || memoryBodyId === "",
+								children: saving ? t("remember.saving") : t("remember.advancedAction")
+							})]
+						})]
+					})]
+				})]
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.SidebarModal, {
+				title: t("remember.title"),
+				description: t("remember.description"),
+				busy: supervising || saving,
+				onClose: props.onClose,
+				footer: props.writeEnabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: dsh_mnemon_client.memoryPageStyles.modalFooterActions,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						"data-dialog-close": true,
+						className: dsh_mnemon_client.memoryPageStyles.ghostButton,
+						disabled: supervising || saving,
+						onClick: props.onClose,
+						children: t("common.cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "submit",
+						form: rememberFormId,
+						className: dsh_mnemon_client.memoryPageStyles.primaryButton,
+						disabled: supervising || content.trim() === "" || !props.agentAvailable,
+						children: supervising ? t("remember.processing") : t("remember.action")
+					})]
+				}) : void 0,
+				children: props.writeEnabled ? composer : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.EmptyState, {
+					glyph: "⊘",
+					title: t("remember.readOnlyTitle"),
+					children: t("remember.readOnlyText")
+				})
+			});
+		}
+		function ListPage(props) {
+			const t = (0, dsh_mnemon_client.useT)();
+			const pageSize = 12;
+			const [query, setQuery] = (0, react.useState)("");
+			const [category, setCategory] = (0, react.useState)("");
+			const [view, setView] = (0, react.useState)(null);
+			const [loading, setLoading] = (0, react.useState)(true);
+			const [error, setError] = (0, react.useState)(null);
+			const [visibleLimit, setVisibleLimit] = (0, react.useState)(pageSize);
+			const [selectedBodyId, setSelectedBodyId] = (0, react.useState)();
+			const load = (0, react.useCallback)(async () => {
+				setLoading(true);
+				setError(null);
+				try {
+					setView(await props.client.list({
+						...query.trim() === "" ? {} : { query },
+						...category === "" ? {} : { category },
+						limit: 1e3
+					}));
+				} catch (reason) {
+					setError((0, dsh_mnemon_client.message)(reason));
+				} finally {
+					setLoading(false);
+				}
+			}, [
+				category,
+				props.client,
+				query
+			]);
+			(0, react.useEffect)(() => {
+				setVisibleLimit(pageSize);
+				load();
+			}, [pageSize, props.revision]);
+			const submit = (event) => {
+				event.preventDefault();
+				setVisibleLimit(pageSize);
+				load();
+			};
+			const forget = async (insight) => {
+				await props.onForget(insight);
+				setView((current) => current === null ? current : {
+					...current,
+					total: Math.max(0, current.total - 1),
+					items: current.items.filter((item) => insightKey(item) !== insightKey(insight))
+				});
+			};
+			const filteredItems = view?.items.filter((item) => selectedBodyId === void 0 || item.memoryBodyId === selectedBodyId) ?? [];
+			const visibleItems = filteredItems.slice(0, visibleLimit);
+			const sources = view?.sources ?? [];
+			const waitingForQuery = query.trim() === "" && sources.some((source) => source.status === "query-required" && (selectedBodyId === void 0 || source.memoryBodyId === selectedBodyId));
+			const selectBody = (memoryBodyId) => {
+				setSelectedBodyId(memoryBodyId);
+				setVisibleLimit(pageSize);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: dsh_mnemon_client.memoryPageStyles.page,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.PageHeader, {
+						title: t("content.title"),
+						description: t("content.description"),
+						meta: t("content.count", { count: view === null ? "—" : selectedBodyId === void 0 ? view.total : filteredItems.length })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+						className: dsh_mnemon_client.memoryPageStyles.listToolbar,
+						onSubmit: submit,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								"aria-label": t("content.filterAria"),
+								value: query,
+								onChange: (event) => setQuery(event.target.value),
+								placeholder: t("content.filterPlaceholder")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								"aria-label": t("content.categoryAria"),
+								value: category,
+								onChange: (event) => setCategory(event.target.value),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "",
+									children: t("common.allCategories")
+								}), CATEGORIES.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value,
+									children: categoryLabel(t, value)
+								}, value))]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "submit",
+								className: dsh_mnemon_client.memoryPageStyles.primaryButton,
+								disabled: loading,
+								children: loading ? t("common.loading") : t("content.apply")
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.listNotice,
+						children: t("content.notice")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReadSourcePanel, {
+						title: t("content.sourcesTitle"),
+						sources,
+						selectedBodyId,
+						onSelect: selectBody
+					}),
+					error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.inlineError,
+						role: "alert",
+						children: error
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: dsh_mnemon_client.memoryPageStyles.asyncResults,
+						children: [
+							loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.SectionSpinner, { label: t("common.loading") }),
+							!loading && filteredItems.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.EmptyState, {
+								glyph: "≡",
+								title: t(waitingForQuery ? "content.queryRequiredTitle" : "content.emptyTitle"),
+								children: t(waitingForQuery ? "content.queryRequiredText" : "content.emptyText")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: dsh_mnemon_client.memoryPageStyles.memoryList,
+								children: visibleItems.map((insight) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InsightCard, {
+									insight,
+									writeEnabled: props.writeEnabled,
+									onForget: forget,
+									onClone: props.onClone,
+									onRelated: () => props.onExplore(insight.content)
+								}, insightKey(insight)))
+							}),
+							view !== null && !loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.ProgressiveFooter, {
+								visible: visibleItems.length,
+								total: filteredItems.length,
+								pageSize,
+								onMore: () => setVisibleLimit((value) => value + pageSize)
+							})
+						]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/ui.tsx
+		/** The adapter never gets a transport or chooses another Source instance. */
+		function memorySpacesPageClient(management) {
+			const client = (0, dsh_mnemon_client.createMemorySourcePageClient)(management);
+			const input = (value) => JSON.parse(JSON.stringify(value));
+			return {
+				canAssist: client.canAssist,
+				status: () => client.read("status-summary"),
+				bodies: () => client.read("bodies"),
+				bodyDirectory: () => client.read("body-directory"),
+				graph: (memoryBodyIds) => client.read("graph", input({ memoryBodyIds })),
+				list: (request) => client.read("list", input(request ?? {})),
+				entities: (entity, limit) => client.read("entities", input({
+					entity,
+					limit
+				})),
+				search: (request) => client.read("search", input(request)),
+				related: (id, memoryBodyId) => client.read("related", input({
+					id,
+					memoryBodyId
+				})),
+				reconnectBody: (memoryBodyId) => client.read("body-reconnect", { memoryBodyId }),
+				remember: (request) => client.mutate("remember", input(request), true),
+				forget: (id, memoryBodyId) => client.mutate("forget", input({
+					id,
+					memoryBodyId
+				}), true),
+				createBody: (request) => request.placement !== void 0 && client.canAssist("body-create") ? client.assist("body-create", input(request), true) : client.mutate("body-create", input(request), true),
+				updateBody: (memoryBodyId, request) => typeof request.active === "boolean" && Object.keys(request).every((key) => key === "active") && client.canAssist("activation") ? client.assist("activation", {
+					memoryBodyId,
+					active: request.active
+				}, true) : client.mutate("body-update", input({
+					memoryBodyId,
+					...request
+				}), true),
+				deleteBody: (memoryBodyId) => client.mutate("body-delete", { memoryBodyId }, true),
+				agentSearch: (request) => client.assist("agent-search", input(request), false),
+				supervise: (content, idempotencyKey) => client.assist("supervise", input({
+					content,
+					idempotencyKey
+				}), true),
+				maintainBodyMetadata: (memoryBodyIds) => client.assist("body-metadata-maintain", { memoryBodyIds }, true)
+			};
+		}
+		const rememberedPages = /* @__PURE__ */ new WeakMap();
+		const TABS = [
+			{
+				id: "spaces",
+				key: "nav.overview"
+			},
+			{
+				id: "explore",
+				key: "nav.search"
+			},
+			{
+				id: "content",
+				key: "nav.content"
+			},
+			{
+				id: "entities",
+				key: "nav.entities"
+			}
+		];
+		function MemorySpacesSourceView(props) {
+			const t = (0, dsh_mnemon_client.useT)();
+			const client = (0, react.useMemo)(() => props.management === void 0 ? void 0 : memorySpacesPageClient(props.management), [props.management]);
+			const [revision, setRevision] = (0, react.useState)(0);
+			const [status, setStatus] = (0, react.useState)(null);
+			const [page, setPage] = (0, react.useState)(() => props.management !== void 0 ? rememberedPages.get(props.management) ?? (props.page === "remember" ? "spaces" : props.page) : props.page);
+			const [seed, setSeed] = (0, react.useState)("");
+			const [rememberOpen, setRememberOpen] = (0, react.useState)(props.page === "remember");
+			const [strategyOpen, setStrategyOpen] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			const refresh = (0, react.useCallback)(() => {
+				setRevision((value) => value + 1);
+				props.onRefresh?.();
+			}, [props.onRefresh]);
+			(0, react.useEffect)(() => {
+				setPage(props.management !== void 0 && props.navigationInput === void 0 ? rememberedPages.get(props.management) ?? (props.page === "remember" ? "spaces" : props.page) : props.page === "remember" ? "spaces" : props.page);
+				setRememberOpen(props.page === "remember");
+				const value = props.navigationInput;
+				setSeed(typeof value === "object" && value !== null && !Array.isArray(value) && typeof value.seed === "string" ? value.seed : "");
+			}, [props.page, props.navigationInput]);
+			(0, react.useEffect)(() => {
+				if (props.management !== void 0) rememberedPages.set(props.management, page);
+			}, [props.management, page]);
+			(0, react.useEffect)(() => {
+				let active = true;
+				setError(null);
+				client?.status().then((value) => {
+					if (active) setStatus(value);
+				}).catch((reason) => {
+					if (active) setError((0, dsh_mnemon_client.message)(reason));
+				});
+				return () => {
+					active = false;
+				};
+			}, [client, revision]);
+			if (client === void 0) return null;
+			const writable = props.writable === true && status?.writeEnabled === true;
+			const activationEnabled = status?.writeEnabled === true && (writable || client.canAssist("activation"));
+			const agentAvailable = client.canAssist("supervise");
+			const explore = (query) => {
+				setSeed(query);
+				setPage("explore");
+			};
+			const remember = (content = "") => {
+				setSeed(content);
+				setRememberOpen(true);
+			};
+			const forget = async (insight) => {
+				await client.forget(insight.id, insight.memoryBodyId);
+				refresh();
+			};
+			const bodies = status?.memoryBodies ?? [];
+			const preferences = props.preferences;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: dsh_mnemon_client.memoryPageStyles.inlineError,
+					role: "alert",
+					children: error
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: dsh_mnemon_client.memorySidebarStyles.memoryWorkspace,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.PageHeader, {
+						title: t("nav.bodies"),
+						description: t("overview.description"),
+						meta: writable ? t("common.agentSupervised") : activationEnabled ? t("common.activationOnly") : t("common.readOnly"),
+						action: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: dsh_mnemon_client.memoryPageStyles.memoryHeaderActions,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: (0, dsh_mnemon_client.appearanceClass)(dsh_mnemon_client.memoryPageStyles.primaryButton, dsh_mnemon_client.memorySidebarStyles.memoryWriteButton),
+								disabled: !writable,
+								onClick: () => remember(),
+								children: t("nav.rememberAction")
+							}), preferences !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: dsh_mnemon_client.memoryPageStyles.secondaryButton,
+								onClick: () => setStrategyOpen(true),
+								children: t("strategy.action")
+							})]
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: dsh_mnemon_client.memorySidebarStyles.memoryNavigation,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: dsh_mnemon_client.memorySidebarStyles.memoryTabs,
+							role: "tablist",
+							"aria-label": t("nav.memory.aria"),
+							children: TABS.map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								role: "tab",
+								"aria-selected": page === tab.id,
+								"data-active": page === tab.id ? "" : void 0,
+								onClick: () => setPage(tab.id),
+								children: t(tab.key)
+							}, tab.id))
+						})
+					})]
+				}),
+				page === "spaces" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverviewPage, {
+					client,
+					metadataClient: client,
+					revision,
+					activationEnabled,
+					writeEnabled: writable,
+					agentAvailable,
+					fallbackBodies: bodies,
+					fallbackDirectory: status?.memoryBodyDirectory,
+					catalogKnown: status?.memoryBodies !== void 0,
+					onMutate: refresh,
+					onAgentRefresh: refresh,
+					onBodyReconnect: refresh,
+					onBodyMetadata: refresh,
+					onExplore: explore
+				}),
+				page === "explore" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExplorePage, {
+					client,
+					agentClient: client,
+					agentAvailable: client.canAssist("agent-search"),
+					status,
+					seed,
+					writeEnabled: writable,
+					onForget: forget
+				}),
+				page === "entities" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntitiesPage, {
+					client,
+					revision,
+					writeEnabled: writable,
+					onForget: forget,
+					onExplore: explore
+				}),
+				page === "content" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListPage, {
+					client,
+					revision,
+					writeEnabled: writable,
+					onForget: forget,
+					onClone: (insight) => remember(insight.content),
+					onExplore: explore
+				}),
+				rememberOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RememberPage, {
+					client,
+					agentAvailable,
+					memoryBodies: bodies,
+					writeEnabled: writable,
+					seed,
+					onMutate: refresh,
+					onClose: () => setRememberOpen(false),
+					onComplete: () => setRememberOpen(false)
+				}),
+				strategyOpen && preferences !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PersistenceStrategyDialog, {
+					client,
+					settingsScope: { setPath: async (path, value) => {
+						if (path.length !== 1 || path[0] !== "persistenceStrategy") throw new Error("Preference path is outside this Source");
+						await preferences.replace(JSON.parse(JSON.stringify({ persistenceStrategy: value })));
+					} },
+					config: preferences.value,
+					writable: preferences.writable,
+					agentAvailable,
+					onClose: () => setStrategyOpen(false)
+				})
+			] });
+		}
+		function MemorySpacesSourcePage(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dsh_mnemon_client.MemorySourcePageFrame, {
+				locale: props.locale,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemorySpacesSourceView, { ...props }, props.sourceInstanceKey)
+			});
+		}
+		function installMemorySpacesUI(ctx, t = dsh_mnemon_client.translateEn) {
+			return (0, dsh_mnemon_client.installMemorySourceUI)(ctx, {
+				sourceTypeId: "memory-spaces",
+				pages: [
+					{
+						id: "spaces",
+						key: "nav.bodies",
+						order: 300,
+						glyph: "◇"
+					},
+					{
+						id: "remember",
+						key: "nav.rememberAction",
+						order: 400,
+						glyph: "+"
+					},
+					{
+						id: "explore",
+						key: "nav.search",
+						order: 500,
+						glyph: "⌕"
+					},
+					{
+						id: "entities",
+						key: "nav.entities",
+						order: 600,
+						glyph: "◎"
+					},
+					{
+						id: "content",
+						key: "nav.content",
+						order: 700,
+						glyph: "≡"
+					}
+				].map((page) => ({
+					id: page.id,
+					order: page.order,
+					label: () => t(page.key),
+					navigation: {
+						stickyHeader: false,
+						group: page.id === "spaces" ? "storage" : "tools",
+						primary: page.id === "spaces",
+						glyph: page.glyph
+					},
+					component: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemorySpacesSourcePage, {
+						...props,
+						page: page.id
+					})
+				}))
+			});
+		}
+		const inject = ["slots", "locale"];
+		function apply(ctx) {
+			installMemorySpacesUI(ctx, ctx.locale?.bind("mnemon") ?? dsh_mnemon_client.translateEn);
+		}
+		//#endregion
+		exports.EntitiesPage = EntitiesPage;
+		exports.ExplorePage = ExplorePage;
+		exports.ListPage = ListPage;
+		exports.MemorySpacesSourcePage = MemorySpacesSourcePage;
+		exports.OverviewPage = OverviewPage;
+		exports.PersistenceStrategyDialog = PersistenceStrategyDialog;
+		exports.RememberPage = RememberPage;
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.installMemorySpacesUI = installMemorySpacesUI;
+		exports.memorySpacesPageClient = memorySpacesPageClient;
+		exports.nativeBodyProvider = nativeBodyProvider;
+		return module.exports;
+	}
+});