dsh-remember 0.1.0 → 0.2.0

package/README.md

@@ -29,7 +29,7 @@ The memory entry at the bottom of the sidebar opens the status panel.
   <img src="docs/shots/01-sidebar-panel.png" width="420" alt="Sidebar entry and status panel">
 </p>
 
-The memory viewer: overview, summary, index, and records.
+The memory viewer: overview (stats, most-cited, records), summary, and registry.
 
 <p align="center">
   <img src="docs/shots/02-viewer-overview.png" width="330" alt="Overview">
@@ -38,7 +38,6 @@ The memory viewer: overview, summary, index, and records.
 
 <p align="center">
   <img src="docs/shots/04-viewer-index.png" width="330" alt="Index">
-  <img src="docs/shots/05-viewer-records.png" width="330" alt="Records">
 </p>
 
 ## Install

package/README.zh-CN.md

@@ -29,7 +29,7 @@
   <img src="docs/shots/01-sidebar-panel.png" width="420" alt="侧栏入口与状态面板">
 </p>
 
-记忆浏览页:概览、摘要、注册表、记录。
+记忆浏览页:概览(统计、最常引用、记录)、摘要、注册表。
 
 <p align="center">
   <img src="docs/shots/02-viewer-overview.png" width="330" alt="概览">
@@ -38,7 +38,6 @@
 
 <p align="center">
   <img src="docs/shots/04-viewer-index.png" width="330" alt="注册表">
-  <img src="docs/shots/05-viewer-records.png" width="330" alt="记录">
 </p>
 
 ## 安装

package/lib/client.js

@@ -583,62 +583,101 @@ function ModelSelect(props) {
 		style: inputStyle(false)
 	}, options);
 }
+/** Upper bound for an import traveling base64 through the settings mirror. */
+const IMPORT_LIMIT_BYTES = 32 * 1024 * 1024;
+/** Save bundle bytes: native save dialog where available, download fallback. */
+async function saveBundleFile(name$1, base64) {
+	const binary = atob(base64);
+	const bytes = new Uint8Array(binary.length);
+	for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);
+	const picker = window.showSaveFilePicker;
+	if (picker != null) try {
+		const writable = await (await picker.call(window, { suggestedName: name$1 })).createWritable();
+		await writable.write(bytes);
+		await writable.close();
+		return;
+	} catch (error) {
+		if (error?.name === "AbortError") return;
+	}
+	const url = URL.createObjectURL(new Blob([bytes]));
+	const anchor = document.createElement("a");
+	anchor.href = url;
+	anchor.download = name$1;
+	anchor.click();
+	setTimeout(() => URL.revokeObjectURL(url), 1e3);
+}
 /**
-* Import/export entry: the host-side transfer runs through the memory-commands
-* channel (path field + action), and the outcome comes back as a `transfer:`-
-* prefixed status detail line.
+* Import/export entry: export asks the host for the bundle and saves it via
+* the browser's file dialog; import reads a picked file and ships it base64
+* through the memory-commands channel. Outcomes come back as `transfer:`-
+* prefixed status detail lines.
 */
 function TransferSection(props) {
 	const { t, commands } = props;
-	const [exportPath, setExportPath] = (0, react.useState)("");
-	const [importPath, setImportPath] = (0, react.useState)("");
 	const [requested, setRequested] = (0, react.useState)(null);
-	const send = (action, file) => {
-		if (commands == null || file.trim() === "") return;
-		setRequested(action);
+	const [localError, setLocalError] = (0, react.useState)("");
+	const fileInput = (0, react.useRef)(null);
+	const lastExportAt = (0, react.useRef)(0);
+	const send = (action, path = "", payload = "") => {
+		if (commands == null) return;
 		(async () => {
-			await commands.set("path", file.trim());
+			await commands.set("path", path);
+			await commands.set("payload", payload);
 			await commands.set("action", action);
 			await commands.set("requestedAt", Date.now());
 		})();
 	};
-	const feedback = props.statusDetail?.startsWith("transfer:") === true ? props.statusDetail.slice(9).trim() : null;
-	const feedbackIsError = feedback != null && /fail|need|must|unsupported|error/iu.test(feedback);
-	const transferRow = (value, setValue, labelKey, action) => {
-		const empty = value.trim() === "";
-		return (0, react.createElement)("div", {
-			className: "dshm-row",
-			style: rowStyle()
-		}, (0, react.createElement)("div", { style: labelStackStyle() }, (0, react.createElement)("span", { style: { fontSize: 13 } }, t(labelKey))), (0, react.createElement)("div", { style: {
-			display: "flex",
-			alignItems: "center",
-			gap: 8,
-			flexShrink: 0
-		} }, (0, react.createElement)("input", {
-			type: "text",
-			value,
-			spellCheck: false,
-			className: "dshm-input",
-			placeholder: "C:\\…\\memory.dshmem.json",
-			onChange: (event) => {
-				setValue(event.target.value);
-				setRequested(null);
-			},
-			style: inputStyle(false)
-		}), (0, react.createElement)("button", {
-			type: "button",
-			disabled: commands == null || empty,
-			className: "dshm-btn",
-			onClick: () => send(action, value),
-			style: primaryButtonStyle(commands == null || empty)
-		}, t(`transfer_${action}`))));
+	(0, react.useEffect)(() => {
+		const bundle = props.exportBundle;
+		if (bundle == null || bundle.data === "" || bundle.at <= lastExportAt.current) return void 0;
+		lastExportAt.current = bundle.at;
+		saveBundleFile(bundle.name, bundle.data).finally(() => send("export-done"));
+	}, [props.exportBundle?.at ?? 0]);
+	const pickImport = (event) => {
+		const file = event.target.files?.[0];
+		event.target.value = "";
+		if (file == null) return;
+		if (file.size > IMPORT_LIMIT_BYTES) {
+			setLocalError(t("transfer_tooBig"));
+			return;
+		}
+		setLocalError("");
+		setRequested("import");
+		const reader = new FileReader();
+		reader.onload = () => {
+			const result = String(reader.result ?? "");
+			send("import", "", result.slice(result.indexOf(",") + 1));
+		};
+		reader.onerror = () => setLocalError(t("transfer_readFailed"));
+		reader.readAsDataURL(file);
 	};
-	return (0, react.createElement)("section", { style: sectionStyle() }, (0, react.createElement)("h3", { style: sectionHeaderStyle() }, t("group_transfer")), (0, react.createElement)("div", { style: { borderTop: `1px solid ${BORDER$1}` } }, transferRow(exportPath, setExportPath, "transfer_exportPath", "export"), transferRow(importPath, setImportPath, "transfer_importPath", "import")), (0, react.createElement)("p", { style: {
+	const feedback = localError !== "" ? localError : props.statusDetail?.startsWith("transfer:") === true ? props.statusDetail.slice(9).trim() : null;
+	const feedbackIsError = feedback != null && (localError !== "" || /fail|need|must|unsupported|error/iu.test(feedback));
+	const transferRow = (labelKey, descKey, action) => (0, react.createElement)("div", {
+		className: "dshm-row",
+		style: rowStyle()
+	}, (0, react.createElement)("div", { style: labelStackStyle() }, (0, react.createElement)("span", { style: { fontSize: 13 } }, t(labelKey)), (0, react.createElement)("span", { style: {
 		fontSize: 11.5,
-		opacity: .5,
-		margin: "8px 2px 0",
-		lineHeight: 1.5
-	} }, t("transfer_hint")), (0, react.createElement)("div", { style: {
+		opacity: .5
+	} }, t(descKey))), (0, react.createElement)("button", {
+		type: "button",
+		disabled: commands == null,
+		className: "dshm-btn",
+		onClick: () => {
+			setLocalError("");
+			setRequested(action);
+			if (action === "export") send("export");
+			else fileInput.current?.click();
+		},
+		style: primaryButtonStyle(commands == null)
+	}, t(`transfer_${action}`)));
+	return (0, react.createElement)("section", { style: sectionStyle() }, (0, react.createElement)("h3", { style: sectionHeaderStyle() }, t("group_transfer")), (0, react.createElement)("div", { style: { borderTop: `1px solid ${BORDER$1}` } }, transferRow("transfer_exportLabel", "transfer_exportDesc", "export"), transferRow("transfer_importLabel", "transfer_importDesc", "import")), (0, react.createElement)("input", {
+		type: "file",
+		accept: ".json,.gz,.dshmem",
+		ref: fileInput,
+		style: { display: "none" },
+		onChange: pickImport
+	}), (0, react.createElement)("div", { style: {
 		minHeight: 18,
 		margin: "4px 2px 0"
 	} }, feedback != null ? (0, react.createElement)("span", { style: {
@@ -731,6 +770,13 @@ function renderMemoryPage(props) {
 	} }, t("unavailable"));
 	const disabled = !state.writable;
 	const status = statusSnapshot?.status === "ready" ? statusSnapshot.value : void 0;
+	const viewSnapshot = props.useMemoryView != null ? props.useMemoryView((value) => value) : void 0;
+	const viewValue = viewSnapshot?.status === "ready" ? viewSnapshot.value : void 0;
+	const exportBundle = viewValue != null && (viewValue.exportData ?? "") !== "" ? {
+		name: viewValue.exportName ?? "memory.dshmem",
+		data: viewValue.exportData,
+		at: viewValue.exportAt ?? 0
+	} : void 0;
 	const active = status?.phase === "phase1" || status?.phase === "phase2";
 	const statusLabel = active ? status?.phase === "phase1" ? t("phase1") : t("phase2") : t("statusIdle");
 	const groups = /* @__PURE__ */ new Map();
@@ -824,7 +870,8 @@ function renderMemoryPage(props) {
 	} }, status?.updatedAt ? new Date(status.updatedAt).toLocaleTimeString() : "")), fieldSection("general"), fieldSection("models"), fieldSection("schedule"), fieldSection("recall"), (0, react.createElement)(TransferSection, {
 		t,
 		commands: props.commands,
-		statusDetail: status?.detail
+		statusDetail: status?.detail,
+		exportBundle
 	}), (0, react.createElement)(AdvancedSection, {
 		t,
 		fields: groups.get("advanced") ?? [],
@@ -1322,7 +1369,11 @@ function ensureViewerStyles() {
 		".dshmv-usage { display: flex; align-items: center; gap: 6px; }",
 		".dshmv-usage-bar { height: 5px; border-radius: 3px; background: var(--dsw-alias-brand-primary, #4d6bfe); min-width: 2px; transition: width 200ms ease; }",
 		".dshmv-empty { color: var(--dsw-alias-label-tertiary, rgba(0,0,0,0.45)); padding: 24px 0; text-align: center; font-size: 12px; }",
-		".dshmv-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; color: var(--dsw-alias-label-tertiary, rgba(0,0,0,0.45)); }"
+		".dshmv-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; color: var(--dsw-alias-label-tertiary, rgba(0,0,0,0.45)); }",
+		".dshmv-section { margin: 2px 0 8px; font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-secondary, rgba(0,0,0,0.65)); }",
+		".dshmv-toprow { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 8px; border: 0.5px solid var(--dsw-alias-border-l2, rgba(0,0,0,0.1)); background: var(--dsw-alias-fill-tertiary, rgba(0,0,0,0.04)); margin-bottom: 6px; }",
+		".dshmv-toprow-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: 12px; }",
+		".dshmv-toprow-meta { flex: 0 0 auto; font-size: 11px; color: var(--dsw-alias-label-tertiary, rgba(0,0,0,0.45)); font-variant-numeric: tabular-nums; }"
 	].join("\n");
 	document.head.appendChild(tag);
 	styleInjected = true;
@@ -1406,12 +1457,10 @@ function renderViewer(props) {
 			await commands.set("requestedAt", Date.now());
 		})();
 	};
-	const effectiveText = showTranslated && hasTranslation ? texts.translatedSummary : texts.summary;
 	return (0, react.createElement)("div", { className: "dshmv-root" }, (0, react.createElement)("div", { className: "dshmv-tabs" }, ...[
 		"overview",
 		"summary",
-		"index",
-		"records"
+		"index"
 	].map((id) => (0, react.createElement)("button", {
 		key: id,
 		type: "button",
@@ -1457,30 +1506,54 @@ function renderViewer(props) {
 	}, t("viewer_rebuild")), showTranslated && hasTranslation && view.translatedStale === true ? (0, react.createElement)("span", { className: "dshmv-badge dshmv-badge-stale" }, t("viewer_stale")) : null, showTranslated && hasTranslation && view.translatedStale !== true ? (0, react.createElement)("span", { className: "dshmv-badge dshmv-badge-ok" }, t("viewer_fresh")) : null, (0, react.createElement)("span", { className: "dshmv-status" }, status.detail ?? "")), (0, react.createElement)("div", {
 		className: "dshmv-body",
 		"data-fill": "true"
-	}, tab === "overview" ? renderOverview(t, texts, effectiveText, showTranslated, status, records) : tab === "summary" ? (0, react.createElement)(SummaryView, {
+	}, tab === "overview" ? (0, react.createElement)(OverviewView, {
 		t,
 		texts,
-		showTranslated
-	}) : tab === "index" ? renderIndex(t, texts, showTranslated) : (0, react.createElement)(RecordsView, {
-		t,
+		showTranslated,
+		status,
 		records
-	})));
+	}) : tab === "summary" ? (0, react.createElement)(SummaryView, {
+		t,
+		texts,
+		showTranslated
+	}) : renderIndex(t, texts, showTranslated)));
 }
-function renderOverview(t, texts, effectiveText, showTranslated, status, records) {
+/** Overview dashboard: stat cards, status, most-cited, and the records table. */
+function OverviewView(props) {
+	const { t, texts, showTranslated, status, records } = props;
+	const [query, setQuery] = (0, react.useState)("");
 	const totalUsage = records.reduce((sum, record) => sum + record.usageCount, 0);
 	const consolidated = records.filter((record) => record.selectedForPhase2).length;
+	const topCited = records.filter((record) => record.usageCount > 0).sort((a, b) => b.usageCount - a.usageCount).slice(0, 5);
 	const phase = status.phase ?? "idle";
 	const active = phase === "phase1" || phase === "phase2";
+	const needle = query.trim().toLowerCase();
+	const filtered = needle === "" ? records : records.filter((record) => record.sessionId.toLowerCase().includes(needle) || record.rolloutSlug.toLowerCase().includes(needle) || record.workspacePath.toLowerCase().includes(needle));
+	const maxUsage = Math.max(1, ...records.map((record) => record.usageCount));
 	const card = (num, label) => (0, react.createElement)("div", {
 		className: "dshmv-card",
 		key: label
 	}, (0, react.createElement)("div", { className: "dshmv-card-num" }, num), (0, react.createElement)("div", { className: "dshmv-card-label" }, label));
-	return (0, react.createElement)("div", { className: "dshmv-fill" }, (0, react.createElement)("div", { className: "dshmv-cards" }, card(records.length, t("viewer_stat_records")), card(consolidated, t("viewer_stat_consolidated")), card(totalUsage, t("viewer_stat_citations")), card(formatBytes(texts.summary.length), t("viewer_stat_summarySize"))), (0, react.createElement)("div", { style: {
+	return (0, react.createElement)("div", { className: "dshmv-scroll-fill" }, (0, react.createElement)("div", { className: "dshmv-cards" }, card(records.length, t("viewer_stat_records")), card(consolidated, t("viewer_stat_consolidated")), card(totalUsage, t("viewer_stat_citations")), card(formatBytes(texts.summary.length), t("viewer_stat_summarySize")), card(formatBytes(texts.index.length), t("viewer_stat_indexSize"))), (0, react.createElement)("div", { style: {
 		display: "flex",
 		alignItems: "center",
 		gap: 8,
 		marginBottom: 10
-	} }, (0, react.createElement)("span", { className: `dshmv-badge ${active ? "dshmv-badge-stale" : "dshmv-badge-ok"}` }, active ? phase === "phase1" ? t("phase1") : t("phase2") : t("statusIdle")), status.updatedAt != null && status.updatedAt > 0 ? (0, react.createElement)("span", { className: "dshmv-mono" }, new Date(status.updatedAt).toLocaleString()) : null, showTranslated ? (0, react.createElement)("span", { className: "dshmv-badge dshmv-badge-ok" }, t("viewer_badgeTranslated")) : null), effectiveText !== "" || texts.summary !== "" ? (0, react.createElement)("div", { className: "dshmv-md dshmv-md-fill" }, effectiveText !== "" ? effectiveText : texts.summary) : (0, react.createElement)("div", { className: "dshmv-empty dshmv-md-fill" }, texts.failed ? t("viewer_decodeFailed") : t("viewer_empty")));
+	} }, (0, react.createElement)("span", { className: `dshmv-badge ${active ? "dshmv-badge-stale" : "dshmv-badge-ok"}` }, active ? phase === "phase1" ? t("phase1") : t("phase2") : t("statusIdle")), status.updatedAt != null && status.updatedAt > 0 ? (0, react.createElement)("span", { className: "dshmv-mono" }, new Date(status.updatedAt).toLocaleString()) : null, showTranslated ? (0, react.createElement)("span", { className: "dshmv-badge dshmv-badge-ok" }, t("viewer_badgeTranslated")) : null), records.length === 0 ? null : (0, react.createElement)("div", { className: "dshmv-section" }, t("viewer_topCited")), ...topCited.map((record) => (0, react.createElement)("div", {
+		className: "dshmv-toprow",
+		key: record.sessionId
+	}, (0, react.createElement)("span", { className: "dshmv-toprow-name" }, record.rolloutSlug || record.sessionId.slice(0, 8)), (0, react.createElement)("span", { className: "dshmv-toprow-meta" }, `${record.usageCount} · ${formatTime(record.lastUsage ?? record.sourceUpdatedAt)}`))), records.length > 0 && topCited.length === 0 ? (0, react.createElement)("div", { className: "dshmv-empty" }, t("viewer_noCitations")) : null, records.length === 0 ? null : (0, react.createElement)("div", {
+		className: "dshmv-section",
+		style: { marginTop: 14 }
+	}, t("viewer_tab_records")), records.length === 0 ? null : (0, react.createElement)("input", {
+		className: "dshmv-search",
+		placeholder: t("viewer_search"),
+		value: query,
+		onChange: (event) => setQuery(event.target.value)
+	}), records.length === 0 ? (0, react.createElement)("div", { className: "dshmv-empty" }, t("viewer_empty")) : (0, react.createElement)("table", { className: "dshmv-table" }, (0, react.createElement)("thead", null, (0, react.createElement)("tr", null, (0, react.createElement)("th", null, t("viewer_col_session")), (0, react.createElement)("th", null, t("viewer_col_usage")), (0, react.createElement)("th", null, t("viewer_col_updated")))), (0, react.createElement)("tbody", null, ...filtered.map((record) => (0, react.createElement)("tr", { key: record.sessionId }, (0, react.createElement)("td", null, (0, react.createElement)("div", { style: { fontWeight: 600 } }, record.rolloutSlug || record.sessionId.slice(0, 8)), (0, react.createElement)("div", { className: "dshmv-mono" }, record.workspacePath)), (0, react.createElement)("td", null, (0, react.createElement)("div", { className: "dshmv-usage" }, (0, react.createElement)("span", {
+		className: "dshmv-usage-bar",
+		style: { width: `${Math.round(record.usageCount / maxUsage * 48)}px` }
+	}), (0, react.createElement)("span", null, String(record.usageCount))), record.lastUsage != null ? (0, react.createElement)("div", { className: "dshmv-mono" }, `${t("viewer_col_lastUsed")}: ${formatTime(record.lastUsage)}`) : null), (0, react.createElement)("td", { className: "dshmv-mono" }, formatTime(record.sourceUpdatedAt)))))));
 }
 function SummaryView(props) {
 	const { t, texts, showTranslated } = props;
@@ -1491,22 +1564,6 @@ function renderIndex(t, texts, showTranslated) {
 	const text = showTranslated && texts.translatedIndex !== "" ? texts.translatedIndex : texts.index;
 	return text !== "" ? (0, react.createElement)("div", { className: "dshmv-md dshmv-md-fill" }, text) : (0, react.createElement)("div", { className: "dshmv-empty dshmv-fill" }, texts.failed ? t("viewer_decodeFailed") : t("viewer_empty"));
 }
-function RecordsView(props) {
-	const { t, records } = props;
-	const [query, setQuery] = (0, react.useState)("");
-	const needle = query.trim().toLowerCase();
-	const filtered = needle === "" ? records : records.filter((record) => record.sessionId.toLowerCase().includes(needle) || record.rolloutSlug.toLowerCase().includes(needle) || record.workspacePath.toLowerCase().includes(needle));
-	const maxUsage = Math.max(1, ...records.map((record) => record.usageCount));
-	return (0, react.createElement)("div", { className: "dshmv-fill" }, (0, react.createElement)("input", {
-		className: "dshmv-search",
-		placeholder: t("viewer_search"),
-		value: query,
-		onChange: (event) => setQuery(event.target.value)
-	}), (0, react.createElement)("div", { className: "dshmv-scroll-fill" }, filtered.length === 0 ? (0, react.createElement)("div", { className: "dshmv-empty" }, t("viewer_empty")) : (0, react.createElement)("table", { className: "dshmv-table" }, (0, react.createElement)("thead", null, (0, react.createElement)("tr", null, (0, react.createElement)("th", null, t("viewer_col_session")), (0, react.createElement)("th", null, t("viewer_col_usage")), (0, react.createElement)("th", null, t("viewer_col_updated")))), (0, react.createElement)("tbody", null, ...filtered.map((record) => (0, react.createElement)("tr", { key: record.sessionId }, (0, react.createElement)("td", null, (0, react.createElement)("div", { style: { fontWeight: 600 } }, record.rolloutSlug || record.sessionId.slice(0, 8)), (0, react.createElement)("div", { className: "dshmv-mono" }, record.workspacePath)), (0, react.createElement)("td", null, (0, react.createElement)("div", { className: "dshmv-usage" }, (0, react.createElement)("span", {
-		className: "dshmv-usage-bar",
-		style: { width: `${Math.round(record.usageCount / maxUsage * 48)}px` }
-	}), (0, react.createElement)("span", null, String(record.usageCount))), record.lastUsage != null ? (0, react.createElement)("div", { className: "dshmv-mono" }, `${t("viewer_col_lastUsed")}: ${formatTime(record.lastUsage)}`) : null), (0, react.createElement)("td", { className: "dshmv-mono" }, formatTime(record.sourceUpdatedAt))))))));
-}
 /** Title chip for the viewer tab. */
 function MemoryViewerTitle(props) {
 	return (0, react.createElement)("span", null, props.t("viewer_title"));
@@ -1617,12 +1674,15 @@ const ZH = {
 	phase1: "记忆提取中",
 	phase2: "记忆整理中",
 	processing: "记忆处理中",
-	transfer_hint: "导出生成单个 gzip 压缩的 bundle 文件;导入按内容哈希去重合并,冲突以本地为准,未压缩的 JSON 也能读。",
-	transfer_exportPath: "导出到文件",
-	transfer_importPath: "从文件导入",
+	transfer_exportLabel: "导出记忆",
+	transfer_exportDesc: "保存为单个 bundle 文件,位置在浏览器里选",
+	transfer_importLabel: "导入记忆",
+	transfer_importDesc: "选择一个 bundle 文件合并进当前记忆库",
 	transfer_export: "导出",
 	transfer_import: "导入",
 	transfer_requested: "已发送,结果见上方状态栏",
+	transfer_tooBig: "文件超过 32 MB,请改用 memory_export 工具直接导出到磁盘",
+	transfer_readFailed: "文件读取失败",
 	viewer_title: "记忆浏览",
 	viewer_refresh: "刷新",
 	viewer_translate: "翻译记忆",
@@ -1635,6 +1695,9 @@ const ZH = {
 	viewer_stat_consolidated: "已整理",
 	viewer_stat_citations: "被引用次数",
 	viewer_stat_summarySize: "摘要大小",
+	viewer_stat_indexSize: "注册表大小",
+	viewer_topCited: "最常引用",
+	viewer_noCitations: "还没有引用记录",
 	viewer_original: "显示原文",
 	viewer_translated: "显示译文",
 	viewer_showTranslated: "显示译文",
@@ -1718,12 +1781,15 @@ const EN = {
 	phase1: "Extracting memories",
 	phase2: "Consolidating memories",
 	processing: "Memory processing",
-	transfer_hint: "Export writes one gzip-compressed bundle file; import merges by content hash (conflicts keep the local copy) and also accepts uncompressed JSON.",
-	transfer_exportPath: "Export to file",
-	transfer_importPath: "Import from file",
+	transfer_exportLabel: "Export memory",
+	transfer_exportDesc: "Save as a single bundle file — pick the location in the browser",
+	transfer_importLabel: "Import memory",
+	transfer_importDesc: "Pick a bundle file to merge into the current memory store",
 	transfer_export: "Export",
 	transfer_import: "Import",
 	transfer_requested: "Sent — result appears in the status bar above",
+	transfer_tooBig: "File exceeds 32 MB — use the memory_export tool to write it to disk instead",
+	transfer_readFailed: "Failed to read the file",
 	viewer_title: "Memory",
 	viewer_refresh: "Refresh",
 	viewer_translate: "Translate memory",
@@ -1736,6 +1802,9 @@ const EN = {
 	viewer_stat_consolidated: "Consolidated",
 	viewer_stat_citations: "Citations",
 	viewer_stat_summarySize: "Summary size",
+	viewer_stat_indexSize: "Registry size",
+	viewer_topCited: "Most cited",
+	viewer_noCitations: "No citations yet",
 	viewer_original: "Show original",
 	viewer_translated: "Show translation",
 	viewer_showTranslated: "Translation",
@@ -1828,7 +1897,8 @@ function apply(ctx) {
 			commands: commandsView,
 			hooks: {
 				memoryPage: card.pageStore(),
-				memoryStatus: statusSource
+				memoryStatus: statusSource,
+				memoryView: viewSource
 			}
 		})
 	}, MemorySettingsPage));