dsh-report-ledger 0.1.0

package/lib/client.js

@@ -0,0 +1,939 @@
+window.__ModuleLoader__.load({
+	id: "dsh-report-ledger",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/timeline-model.ts
+		/**
+		* Build the merged, time-ordered row list.
+		*
+		* Sessions are placed at their creation time and reports at theirs, so the list
+		* reads as the collaboration actually unfolded: a session appears where it was
+		* branched, a report where it was opened. Report depth comes from the session
+		* that authored it, which is what keeps the indentation meaningful even when the
+		* session row itself is filtered out.
+		* @param payload - the endpoint payload.
+		* @param basis - whether to place a report at its creation or its last activity.
+		* @returns the rows, oldest first.
+		*/
+		function buildRows(payload, basis = "created") {
+			const depth = /* @__PURE__ */ new Map();
+			const rows = [];
+			for (const node of payload.sessions) {
+				depth.set(node.id, node.depth);
+				rows.push({
+					kind: "session",
+					at: node.createdAt ?? 0,
+					id: node.id,
+					depth: node.depth,
+					delegated: node.delegated,
+					live: node.live,
+					...node.title === void 0 ? {} : { title: node.title }
+				});
+			}
+			for (const front of payload.reports) rows.push({
+				kind: "report",
+				at: basis === "created" ? front.created : front.updated,
+				depth: depth.get(front.from) ?? 0,
+				front
+			});
+			rows.sort((left, right) => left.at - right.at || (left.kind === right.kind ? 0 : left.kind === "session" ? -1 : 1));
+			return rows;
+		}
+		/** Every string a report row can be found by. */
+		function reportHaystack(front) {
+			return [
+				front.report,
+				front.subject,
+				front.from,
+				front.fromName ?? "",
+				...front.to,
+				...front.cc,
+				...front.authors,
+				front.task ?? "",
+				...front.artifacts
+			].join("\n").toLowerCase();
+		}
+		/** Every string a session row can be found by. */
+		function sessionHaystack(row) {
+			return `${row.title ?? ""}\n${row.id}`.toLowerCase();
+		}
+		/**
+		* Whether one row survives the current filter.
+		* @param row - the candidate row.
+		* @param filter - the active filter.
+		* @returns true when the row should be rendered.
+		*/
+		function rowMatches(row, filter) {
+			const needle = filter.text.trim().toLowerCase();
+			if (row.kind === "session") return needle === "" || sessionHaystack(row).includes(needle);
+			if (filter.status !== "all" && row.front.status !== filter.status) return false;
+			return needle === "" || reportHaystack(row.front).includes(needle);
+		}
+		/**
+		* Apply a filter to the row list.
+		* @param rows - the assembled rows.
+		* @param filter - the active filter.
+		* @returns the surviving rows, in their original order.
+		*/
+		function filterRows(rows, filter) {
+			return rows.filter((row) => rowMatches(row, filter));
+		}
+		/**
+		* Count reports by lifecycle state.
+		*
+		* Counted from the whole subtree payload rather than the filtered rows, so the
+		* chips keep showing the full picture while one of them is applied — a filter
+		* whose own label changed when you used it would make it impossible to see how
+		* much you had excluded.
+		* @param reports - every report in the payload.
+		* @returns the counts.
+		*/
+		function statusCounts(reports) {
+			const counts = {
+				all: reports.length,
+				open: 0,
+				acked: 0,
+				closed: 0
+			};
+			for (const front of reports) if (front.status === "open") counts.open += 1;
+			else if (front.status === "acked") counts.acked += 1;
+			else if (front.status === "closed") counts.closed += 1;
+			return counts;
+		}
+		/**
+		* Whether a filter would hide anything.
+		* @param filter - the active filter.
+		* @returns true when a status or text constraint is in force.
+		*/
+		function isFiltering(filter) {
+			return filter.status !== "all" || filter.text.trim() !== "";
+		}
+		/**
+		* Count how many report rows are visible under a filter.
+		* @param rows - every assembled row.
+		* @param filter - the active filter.
+		* @returns the number of visible report rows.
+		*/
+		function visibleReports(rows, filter) {
+			let count = 0;
+			for (const row of filterRows(rows, filter)) if (row.kind === "report") count += 1;
+			return count;
+		}
+		/**
+		* The report ids present in one payload.
+		*
+		* A thread link can point outside the subtree — a report answering one opened by
+		* an unrelated session, for instance — and the detail endpoint is ledger-scoped,
+		* so such a report still opens. Knowing which ids are in the list is what lets
+		* the view say so instead of silently showing a card that is not in the timeline.
+		* @param payload - the endpoint payload.
+		* @returns the ids of every report in the payload.
+		*/
+		function reportIds(payload) {
+			const ids = /* @__PURE__ */ new Set();
+			for (const front of payload.reports) ids.add(front.report);
+			return ids;
+		}
+		/** Body length above which the detail panel shows only a head. */
+		const BODY_DISPLAY_LIMIT = 4e3;
+		/** How much of an over-long body is shown. */
+		const BODY_HEAD_LIMIT = 1200;
+		/**
+		* Trim a body for the detail panel.
+		*
+		* Mirrors what `report_read` already does for the model: the full text stays in
+		* the ledger file, and both readers get a bounded view plus a pointer rather than
+		* an unbounded paste. Keeping the human view and the model view bounded the same
+		* way means neither can be surprised by what the other sees.
+		* @param body - the raw body.
+		* @param limit - length above which truncation applies.
+		* @param head - how many characters to keep when truncating.
+		* @returns the display text and whether it was cut.
+		*/
+		function displayBody(body, limit = BODY_DISPLAY_LIMIT, head = BODY_HEAD_LIMIT) {
+			if (body.length <= limit) return {
+				text: body,
+				truncated: false
+			};
+			return {
+				text: body.slice(0, head),
+				truncated: true
+			};
+		}
+		//#endregion
+		//#region src/client/ReportsView.tsx
+		/**
+		* The report timeline view — the `conversation.view` tab this plugin registers.
+		*
+		* It renders one top-to-bottom timeline of the collaboration: the session
+		* subtree as it branched, interleaved with the reports those sessions produced
+		* or were copied on. Rows carry only the digest, so a long-running tree stays
+		* scannable; clicking a report opens its transfer path and body on demand.
+		*
+		* Data comes from this plugin's own read-only endpoint rather than a generated
+		* remote: the host assembles the subtree and filters the ledger to the sessions
+		* in it, which the browser cannot do on its own because a report's transfer path
+		* is a host-side file, not session state.
+		*
+		* A blank session never reaches this component — the conversation slot is
+		* omitted entirely in that state.
+		*
+		* @module dsh-report-ledger/client/ReportsView
+		*/
+		const TIMELINE_URL = "/api/report-ledger/timeline";
+		const REPORT_URL = "/api/report-ledger/report";
+		/** Read one endpoint and unwrap its result envelope. */
+		async function getJson(url) {
+			const response = await fetch(url, {
+				credentials: "same-origin",
+				headers: { accept: "application/json" }
+			});
+			let body;
+			try {
+				body = await response.json();
+			} catch {
+				throw new Error(`HTTP ${response.status}`);
+			}
+			const envelope = body;
+			if (envelope.ok !== true) throw new Error(envelope.code ?? `HTTP ${response.status}`);
+			return envelope.value;
+		}
+		/** Substitute `{name}` placeholders. */
+		function fill(template, params) {
+			return template.replace(/\{(\w+)\}/g, (whole, name) => Object.prototype.hasOwnProperty.call(params, name) ? String(params[name]) : whole);
+		}
+		/** Format one timestamp for a timeline row. */
+		function stamp(at) {
+			if (at === void 0 || at <= 0) return "";
+			return new Date(at).toLocaleString();
+		}
+		/** Colour a status chip from the theme's state tokens. */
+		function statusStyle(status) {
+			if (status === "acked") return {
+				color: "var(--dsw-alias-state-success-label, #1a7f37)",
+				background: "var(--dsw-alias-state-success-bg, rgba(26,127,55,0.10))"
+			};
+			if (status === "closed") return {
+				color: "var(--dsw-alias-label-tertiary, #888)",
+				background: "var(--dsw-alias-bg-layer-2, rgba(0,0,0,0.04))"
+			};
+			return {
+				color: "var(--dsw-alias-state-warn-label, #9a6700)",
+				background: "var(--dsw-alias-state-warn-bg, rgba(154,103,0,0.10))"
+			};
+		}
+		/** Storage key for the remembered status filter. */
+		const FILTER_KEY = "dsh.reportLedger.filter.v1";
+		/** Read the remembered status filter, tolerating absent or damaged storage. */
+		function rememberedStatus() {
+			try {
+				const raw = globalThis.localStorage?.getItem(FILTER_KEY);
+				if (typeof raw === "string") {
+					const parsed = JSON.parse(raw);
+					if (parsed.status === "open" || parsed.status === "acked" || parsed.status === "closed") return parsed.status;
+				}
+			} catch {}
+			return "all";
+		}
+		/**
+		* Render the report timeline.
+		* @param props - the session binding and the locale seat.
+		* @returns the tab content.
+		*/
+		function ReportsView(props) {
+			const { sessionId, t } = props;
+			const [payload, setPayload] = (0, react.useState)(void 0);
+			const [error, setError] = (0, react.useState)(void 0);
+			const [nonce, setNonce] = (0, react.useState)(0);
+			const [openReport, setOpenReport] = (0, react.useState)(void 0);
+			const [detail, setDetail] = (0, react.useState)(void 0);
+			const [detailError, setDetailError] = (0, react.useState)(void 0);
+			const [status, setStatus] = (0, react.useState)(rememberedStatus);
+			const [text, setText] = (0, react.useState)("");
+			const [basis, setBasis] = (0, react.useState)("created");
+			(0, react.useEffect)(() => {
+				try {
+					globalThis.localStorage?.setItem(FILTER_KEY, JSON.stringify({ status }));
+				} catch {}
+			}, [status]);
+			(0, react.useEffect)(() => {
+				if (sessionId === void 0 || sessionId === "") {
+					setError("no-session");
+					return;
+				}
+				let cancelled = false;
+				setError(void 0);
+				getJson(`${TIMELINE_URL}?root=${encodeURIComponent(sessionId)}`).then((value) => {
+					if (!cancelled) setPayload(value);
+				}).catch((cause) => {
+					if (!cancelled) setError(cause instanceof Error ? cause.message : String(cause));
+				});
+				return () => {
+					cancelled = true;
+				};
+			}, [sessionId, nonce]);
+			(0, react.useEffect)(() => {
+				if (openReport === void 0) return;
+				let cancelled = false;
+				setDetail(void 0);
+				setDetailError(void 0);
+				getJson(`${REPORT_URL}?id=${encodeURIComponent(openReport)}`).then((value) => {
+					if (!cancelled) setDetail(value);
+				}).catch((cause) => {
+					if (!cancelled) setDetailError(cause instanceof Error ? cause.message : String(cause));
+				});
+				return () => {
+					cancelled = true;
+				};
+			}, [openReport, nonce]);
+			const rows = (0, react.useMemo)(() => payload === void 0 ? [] : buildRows(payload, basis), [payload, basis]);
+			const counts = (0, react.useMemo)(() => statusCounts(payload?.reports ?? []), [payload]);
+			const inList = (0, react.useMemo)(() => payload === void 0 ? /* @__PURE__ */ new Set() : reportIds(payload), [payload]);
+			const shownBody = (0, react.useMemo)(() => displayBody(detail?.body ?? ""), [detail]);
+			const filter = (0, react.useMemo)(() => ({
+				status,
+				text
+			}), [status, text]);
+			const visible = (0, react.useMemo)(() => {
+				const kept = filterRows(rows, filter);
+				if (openReport === void 0 || detail === void 0) return kept;
+				if (kept.some((row) => row.kind === "report" && row.front.report === openReport)) return kept;
+				return [...kept, {
+					kind: "report",
+					at: detail.front.created,
+					depth: 0,
+					front: detail.front
+				}];
+			}, [
+				rows,
+				filter,
+				openReport,
+				detail
+			]);
+			const filteredReportIds = (0, react.useMemo)(() => {
+				const ids = /* @__PURE__ */ new Set();
+				for (const row of filterRows(rows, filter)) if (row.kind === "report") ids.add(row.front.report);
+				return ids;
+			}, [rows, filter]);
+			const filtering = isFiltering(filter);
+			const visibleReportCount = (0, react.useMemo)(() => visibleReports(rows, filter), [rows, filter]);
+			const refresh = (0, react.useCallback)(() => {
+				setNonce((value) => value + 1);
+			}, []);
+			const shell = {
+				padding: "16px 20px",
+				overflowY: "auto",
+				height: "100%",
+				font: "var(--dsw-font-xs-13, 13px/1.6 system-ui, sans-serif)",
+				color: "var(--dsw-alias-label-primary, inherit)"
+			};
+			const head = {
+				display: "flex",
+				alignItems: "baseline",
+				gap: "12px",
+				marginBottom: "12px"
+			};
+			const summary = {
+				color: "var(--dsw-alias-label-tertiary, #888)",
+				fontSize: "var(--dsw-font-xxs-12, 12)",
+				flex: "1 1 auto"
+			};
+			const button = {
+				font: "inherit",
+				color: "var(--dsw-alias-label-secondary, inherit)",
+				background: "var(--dsw-alias-bg-layer-2, transparent)",
+				border: "1px solid var(--dsw-alias-border-l2, rgba(0,0,0,0.12))",
+				borderRadius: "6px",
+				padding: "3px 10px",
+				cursor: "pointer"
+			};
+			const chip = (extra) => ({
+				display: "inline-block",
+				padding: "0 6px",
+				borderRadius: "999px",
+				fontSize: "var(--dsw-font-xxxs-11, 11)",
+				lineHeight: "17px",
+				marginRight: "6px",
+				...extra
+			});
+			const tools = {
+				display: "flex",
+				alignItems: "center",
+				flexWrap: "wrap",
+				gap: "6px",
+				marginBottom: "10px"
+			};
+			const time = {
+				color: "var(--dsw-alias-label-caption, #999)",
+				fontSize: "var(--dsw-font-xxxs-11, 11)",
+				whiteSpace: "nowrap"
+			};
+			if (error !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: shell,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					style: { color: "var(--dsw-alias-state-error-label, #b00)" },
+					children: t("view.error", { code: error })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					style: { marginTop: "8px" },
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: button,
+						onClick: refresh,
+						children: t("view.retry")
+					})
+				})]
+			});
+			if (payload === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: shell,
+				children: t("view.loading")
+			});
+			const statusLabel = {
+				all: "filter.all",
+				open: "filter.open",
+				acked: "filter.acked",
+				closed: "filter.closed"
+			};
+			const statusCount = {
+				all: counts.all,
+				open: counts.open,
+				acked: counts.acked,
+				closed: counts.closed
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: shell,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: head,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("view.tab") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: summary,
+								children: filtering ? t("filter.showing", {
+									visible: visibleReportCount,
+									total: counts.all
+								}) : t("view.summary", {
+									sessions: payload.sessions.length,
+									reports: payload.reports.length
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: button,
+								onClick: refresh,
+								children: t("view.refresh")
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: tools,
+						title: t("filter.hint"),
+						children: [
+							[
+								"all",
+								"open",
+								"acked",
+								"closed"
+							].map((candidate) => {
+								const active = status === candidate;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									"aria-pressed": active,
+									onClick: () => {
+										setStatus(candidate);
+									},
+									style: {
+										...button,
+										...active ? {
+											color: "var(--dsw-alias-label-primary, inherit)",
+											background: "var(--dsw-alias-interactive-bg-active, rgba(0,0,0,0.08))",
+											borderColor: "var(--dsw-alias-border-l3, rgba(0,0,0,0.20))"
+										} : {}
+									},
+									children: `${t(statusLabel[candidate])} ${statusCount[candidate]}`
+								}, candidate);
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "search",
+								value: text,
+								placeholder: t("filter.search"),
+								"aria-label": t("filter.search"),
+								onChange: (event) => {
+									setText(event.target.value);
+								},
+								style: {
+									flex: "1 1 200px",
+									minWidth: "140px",
+									padding: "3px 8px",
+									font: "inherit",
+									color: "var(--dsw-alias-label-primary, inherit)",
+									background: "var(--dsw-alias-bg-base, rgba(0,0,0,0.02))",
+									border: "1px solid var(--dsw-alias-border-l2, rgba(0,0,0,0.12))",
+									borderRadius: "6px"
+								}
+							}),
+							filtering ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: button,
+								onClick: () => {
+									setStatus("all");
+									setText("");
+								},
+								children: t("filter.clear")
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: button,
+								title: t("basis.hint"),
+								onClick: () => {
+									setBasis(basis === "created" ? "updated" : "created");
+								},
+								children: t(basis === "created" ? "basis.created" : "basis.updated")
+							})
+						]
+					}),
+					rows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: { color: "var(--dsw-alias-label-tertiary, #888)" },
+						children: t("view.empty")
+					}) : null,
+					rows.length > 0 && visible.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: { color: "var(--dsw-alias-label-tertiary, #888)" },
+						children: t("filter.none")
+					}) : null,
+					visible.map((row, index) => {
+						const pad = 8 + row.depth * 18;
+						if (row.kind === "session") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								gap: "8px",
+								padding: `4px 0 4px ${pad}px`,
+								alignItems: "baseline"
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { color: "var(--dsw-alias-label-tertiary, #999)" },
+									children: "●"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									style: { flex: "1 1 auto" },
+									children: [
+										row.delegated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: chip({
+												color: "var(--dsw-alias-state-business-label, #0969da)",
+												background: "var(--dsw-alias-state-business-bg, rgba(9,105,218,0.10))"
+											}),
+											children: t("view.delegated")
+										}) : null,
+										row.live ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: chip({
+												color: "var(--dsw-alias-state-success-label, #1a7f37)",
+												background: "var(--dsw-alias-state-success-bg, rgba(26,127,55,0.10))"
+											}),
+											children: t("view.live")
+										}) : null,
+										row.title ?? row.id
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: time,
+									children: stamp(row.at)
+								})
+							]
+						}, `s-${row.id}-${index}`);
+						const front = row.front;
+						const expanded = openReport === front.report;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: { paddingLeft: `${pad}px` },
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								role: "button",
+								tabIndex: 0,
+								onClick: () => {
+									setOpenReport(expanded ? void 0 : front.report);
+								},
+								onKeyDown: (event) => {
+									if (event.key === "Enter" || event.key === " ") {
+										event.preventDefault();
+										setOpenReport(expanded ? void 0 : front.report);
+									}
+								},
+								style: {
+									display: "flex",
+									gap: "8px",
+									alignItems: "baseline",
+									padding: "5px 8px",
+									margin: "2px 0",
+									borderRadius: "6px",
+									cursor: "pointer",
+									background: "var(--dsw-alias-bg-layer-1, rgba(0,0,0,0.02))",
+									border: "1px solid var(--dsw-alias-border-l1, rgba(0,0,0,0.06))"
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: { color: "var(--dsw-alias-label-tertiary, #999)" },
+										children: expanded ? "▾" : "▸"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										style: { flex: "1 1 auto" },
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												style: chip(statusStyle(front.status)),
+												children: front.status
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: front.report }),
+											" ",
+											front.subject,
+											front.task === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												title: fill(t("row.filterByTask"), { task: front.task }),
+												onClick: (event) => {
+													event.stopPropagation();
+													setText(front.task);
+												},
+												style: {
+													...chip({
+														color: "var(--dsw-alias-state-business-label, #0969da)",
+														background: "var(--dsw-alias-state-business-bg, rgba(9,105,218,0.10))"
+													}),
+													border: 0,
+													cursor: "pointer",
+													font: "inherit"
+												},
+												children: front.task
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												style: {
+													...time,
+													marginTop: "2px"
+												},
+												children: [
+													`from=${front.from}`,
+													front.to.length > 0 ? ` → ${front.to.join(", ")}` : "",
+													front.cc.length > 0 ? ` cc ${front.cc.join(", ")}` : "",
+													` · ${fill(t("row.hops"), { count: front.hops })}`,
+													front.authors.length > 1 ? ` · ${fill(t("row.authors"), { count: front.authors.length })}` : "",
+													front.last === void 0 ? "" : ` · last=${front.last.action}`
+												]
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: time,
+										children: stamp(front.updated)
+									})
+								]
+							}), expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									margin: "4px 0 10px 24px",
+									padding: "10px 12px",
+									borderRadius: "6px",
+									background: "var(--dsw-alias-bg-layer-2, rgba(0,0,0,0.03))",
+									border: "1px solid var(--dsw-alias-border-l1, rgba(0,0,0,0.06))"
+								},
+								children: [
+									detailError !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										style: { color: "var(--dsw-alias-state-error-label, #b00)" },
+										children: t("view.error", { code: detailError })
+									}) : null,
+									detail === void 0 && detailError === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										style: time,
+										children: t("view.detail.loading")
+									}) : null,
+									detail === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											style: { marginBottom: "6px" },
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("view.detail.route") })
+										}),
+										detail.hops.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											style: time,
+											children: t("view.detail.routeEmpty")
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											style: {
+												display: "grid",
+												gridTemplateColumns: "auto auto auto 1fr",
+												gap: "2px 10px",
+												marginBottom: "8px"
+											},
+											children: detail.hops.map((hop, hopIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													style: time,
+													children: stamp(hop.at)
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: hop.action }) }),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													style: time,
+													children: hop.actor
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													style: time,
+													children: hop.to.length === 0 ? hop.note ?? "" : `→ ${hop.to.join(", ")}${hop.note === void 0 ? "" : ` (${hop.note})`}`
+												})
+											] }, `h-${hopIndex}`))
+										}),
+										detail.pending.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											style: {
+												...time,
+												color: "var(--dsw-alias-state-warn-label, #9a6700)"
+											},
+											children: fill(t("view.detail.pending"), { targets: detail.pending.join(", ") })
+										}),
+										(() => {
+											const parent = detail.front.parent;
+											const children = detail.front.children;
+											if (parent === void 0 && children.length === 0) return null;
+											const link = (target) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												title: fill(t("detail.openLinked"), { report: target }),
+												onClick: () => {
+													setOpenReport(target);
+												},
+												style: {
+													...button,
+													marginRight: "6px",
+													font: "var(--dsw-font-xxxs-11, 11px/1.4 ui-monospace, monospace)"
+												},
+												children: target
+											}, target);
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												style: { marginBottom: "8px" },
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("detail.thread") }),
+													parent === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														style: { marginTop: "2px" },
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															style: time,
+															children: `${t("detail.parent")}: `
+														}), link(parent)]
+													}),
+													children.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														style: { marginTop: "2px" },
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															style: time,
+															children: `${t("detail.children")}: `
+														}), children.map(link)]
+													})
+												]
+											});
+										})(),
+										inList.has(detail.front.report) ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: {
+												...time,
+												marginBottom: "8px"
+											},
+											children: [
+												fill(t("detail.outside"), { report: detail.front.report }),
+												" ",
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													style: button,
+													onClick: () => {
+														setOpenReport(void 0);
+													},
+													children: t("detail.backToList")
+												})
+											]
+										}),
+										inList.has(detail.front.report) && !filteredReportIds.has(detail.front.report) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											style: {
+												...time,
+												marginBottom: "8px"
+											},
+											children: fill(t("detail.filteredOut"), { report: detail.front.report })
+										}) : null,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											style: { margin: "8px 0 4px" },
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("view.detail.body") })
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+											style: {
+												margin: 0,
+												padding: "8px 10px",
+												maxHeight: "320px",
+												overflow: "auto",
+												whiteSpace: "pre-wrap",
+												wordBreak: "break-word",
+												background: "var(--dsw-alias-bg-base, rgba(0,0,0,0.02))",
+												border: "1px solid var(--dsw-alias-border-l1, rgba(0,0,0,0.06))",
+												borderRadius: "4px",
+												font: "var(--dsw-font-xs-13, 13px/1.5 ui-monospace, monospace)"
+											},
+											children: shownBody.text.trim()
+										}),
+										shownBody.truncated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											style: {
+												...time,
+												marginTop: "4px"
+											},
+											children: fill(t("detail.bodyTruncated"), { chars: shownBody.text.trim().length })
+										}) : null,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: {
+												...time,
+												marginTop: "6px",
+												wordBreak: "break-all"
+											},
+											children: [
+												t("view.detail.path"),
+												": ",
+												detail.path
+											]
+										})
+									] })
+								]
+							}) : null]
+						}, `r-${front.report}`);
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/**
+		* Dictionary for the report timeline tab.
+		*
+		* Both shipped locales are required by the client locale service, and the key
+		* union drives the typed `t()` the view uses, so a missing translation is a
+		* type error rather than an empty label.
+		*
+		* @module dsh-report-ledger/client/locales
+		*/
+		/** Chinese dictionary — the source of truth for the key set. */
+		const zh = {
+			"view.tab": "汇报",
+			"view.loading": "正在读取账本…",
+			"view.summary": "{sessions} 个会话 · {reports} 份汇报",
+			"view.empty": "这个会话树下还没有汇报。代理用 report_author 开一份汇报后，这里会出现它的缩略卡。",
+			"view.refresh": "刷新",
+			"view.retry": "重试",
+			"view.error": "读取失败：{code}",
+			"view.root": "本会话",
+			"view.live": "在线",
+			"view.delegated": "子代理",
+			"view.detail.loading": "正在读取传递路径…",
+			"view.detail.route": "传递路径",
+			"view.detail.routeEmpty": "（还没有记录跳）",
+			"view.detail.pending": "仍在等待送达：{targets}",
+			"view.detail.body": "正文",
+			"view.detail.path": "账本文件",
+			"row.hops": "{count} 跳",
+			"row.authors": "{count} 位共写",
+			"row.filterByTask": "只看任务「{task}」",
+			"filter.all": "全部",
+			"filter.open": "进行中",
+			"filter.acked": "已回执",
+			"filter.closed": "已结案",
+			"filter.search": "搜索主题、编号、会话或收发…",
+			"filter.clear": "清除",
+			"filter.showing": "显示 {visible}/{total} 份汇报",
+			"filter.none": "没有符合当前筛选的汇报。",
+			"filter.hint": "状态筛选只作用于汇报；搜索会同时匹配会话标题与编号。",
+			"basis.created": "按创建",
+			"basis.updated": "按最近活动",
+			"basis.hint": "汇报按创建时间还是按最后一次活动排入时间线；会话始终按创建时间。",
+			"detail.thread": "线程",
+			"detail.parent": "上溯",
+			"detail.children": "下递",
+			"detail.openLinked": "打开 {report}",
+			"detail.outside": "{report} 不在当前会话树的列表里（它可能属于另一条线）；正文与路径仍可读取。",
+			"detail.filteredOut": "{report} 在当前筛选下被隐藏了（用「清除」恢复）。",
+			"detail.backToList": "回到列表",
+			"detail.bodyTruncated": "正文过长，此处只显示开头 {chars} 字；完整内容见账本文件。"
+		};
+		/** English dictionary, checked against the Chinese key set. */
+		const en = {
+			"view.tab": "Reports",
+			"view.loading": "Reading the ledger…",
+			"view.summary": "{sessions} sessions · {reports} reports",
+			"view.empty": "No reports in this session tree yet. Once an agent opens one with report_author, its digest card appears here.",
+			"view.refresh": "Refresh",
+			"view.retry": "Retry",
+			"view.error": "Read failed: {code}",
+			"view.root": "this session",
+			"view.live": "live",
+			"view.delegated": "subagent",
+			"view.detail.loading": "Reading the transfer path…",
+			"view.detail.route": "Transfer path",
+			"view.detail.routeEmpty": "(no hops recorded yet)",
+			"view.detail.pending": "Still owed to: {targets}",
+			"view.detail.body": "Body",
+			"view.detail.path": "Ledger file",
+			"row.hops": "{count} hops",
+			"row.authors": "{count} authors",
+			"row.filterByTask": "Show only task \"{task}\"",
+			"filter.all": "All",
+			"filter.open": "Open",
+			"filter.acked": "Acked",
+			"filter.closed": "Closed",
+			"filter.search": "Search subject, id, session, or people…",
+			"filter.clear": "Clear",
+			"filter.showing": "Showing {visible}/{total} reports",
+			"filter.none": "No reports match the current filter.",
+			"filter.hint": "The status filter narrows reports only; search matches every row, including session titles and ids.",
+			"basis.created": "By creation",
+			"basis.updated": "By activity",
+			"basis.hint": "Whether reports are placed at creation or at their latest activity; sessions always keep their creation time.",
+			"detail.thread": "Thread",
+			"detail.parent": "Answers",
+			"detail.children": "Answered by",
+			"detail.openLinked": "Open {report}",
+			"detail.outside": "{report} is not in this session tree's list (it may belong to another line); its body and path are still readable.",
+			"detail.filteredOut": "{report} is hidden by the current filter (use Clear to restore it).",
+			"detail.backToList": "Back to the list",
+			"detail.bodyTruncated": "Body is long, so only the first {chars} characters are shown here; the ledger file has the whole thing."
+		};
+		//#endregion
+		//#region src/client/index.ts
+		/**
+		* Browser half of dsh-report-ledger — runs inside the dsh web GUI.
+		*
+		* The shell serves the built `lib/client.js` from /plugins/dsh-report-ledger/client.js
+		* and evaluates it as a closure-factory artifact, so this module's `require` is
+		* answered by the loader's frozen module table (react, cordis, the slot
+		* services) and every other dependency is inlined by the build.
+		*
+		* It contributes exactly one thing: a `conversation.view` entry, which the
+		* conversation shell projects as a tab beside the shipped Chat and Trajectory
+		* views. A fresh id is used rather than an existing one, so nothing shipped is
+		* replaced.
+		*
+		* @module dsh-report-ledger/client
+		*/
+		/** Locale namespace this plugin owns. */
+		const NS = "report-ledger";
+		/** Tab key. Distinct from the shipped `chat` / `trajectory` cells. */
+		const VIEW_ID = "report-ledger";
+		/** Position after the shipped views (`chat` 0, `trajectory` 10). */
+		const VIEW_ORDER = 20;
+		/** The slot and locale services must be mounted before this half can contribute. */
+		const inject = ["slots", "locale"];
+		/**
+		* Apply the browser half.
+		* @param ctx - the client plugin context (`slots`, `locale` injected).
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "report-ledger: dictionaries");
+			const t = ctx.locale.bind(NS);
+			ctx.slots.inject("conversation.view", () => ctx.slots.register({
+				name: "conversation.view",
+				id: VIEW_ID,
+				order: VIEW_ORDER,
+				label: () => t("view.tab"),
+				locale: NS
+			}, (props) => (0, react.createElement)(ReportsView, {
+				...props,
+				t
+			})));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map