dsh-context 0.54.4 → 0.55.0

package/lib/client.js

@@ -78,6 +78,7 @@ window.__ModuleLoader__.load({
 			"timing.other": "其他开销",
 			"timing.callTimes": "{n}次",
 			"timing.toolTimes": "{n}次",
+			"timing.blockTimes": "{n}次",
 			"timing.empty": "暂无耗时数据 · 对话开始后这里会显示时长分布",
 			"timing.tps": "{tps} tok/s",
 			"timing.tpsTip": "输出速度（TPS）：累计解码输出 tokens ÷ 累计解码时长，与 DeepSeek Harness 会话统计同口径。",
@@ -90,7 +91,7 @@ window.__ModuleLoader__.load({
 			"plugin.name": "插件",
 			"plugin.github": "GitHub",
 			"plugin.settings": "设置",
-			"plugin.settingsOpen": "打开设置",
+			"plugin.settingsOpen": "打开偏好设置",
 			"trend.title": "上下文趋势",
 			"gran.step": "步骤",
 			"gran.turn": "轮次",
@@ -450,6 +451,7 @@ window.__ModuleLoader__.load({
 			"timing.other": "Overhead",
 			"timing.callTimes": "{n} calls",
 			"timing.toolTimes": "{n} runs",
+			"timing.blockTimes": "{n} blocks",
 			"timing.empty": "No timing data yet — durations appear as the conversation runs",
 			"timing.tps": "{tps} tok/s",
 			"timing.tpsTip": "Output speed (TPS): summed decoded output tokens over summed decode time — the same pairing as the harness session stats.",
@@ -462,7 +464,7 @@ window.__ModuleLoader__.load({
 			"plugin.name": "Plugin",
 			"plugin.github": "GitHub",
 			"plugin.settings": "Settings",
-			"plugin.settingsOpen": "Open in Settings",
+			"plugin.settingsOpen": "Open preferences",
 			"trend.title": "Context Trend",
 			"gran.step": "Step",
 			"gran.turn": "Turn",
@@ -776,20 +778,23 @@ window.__ModuleLoader__.load({
 			"ov.time.d": "{n}d ago"
 		};
 		//#endregion
+		//#region icon.svg?raw
+		var icon_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\">\n  <path d=\"M899.984 19.873h-3.452c-26.123 0-47.296 21.172-47.296 47.296v888.508c0 26.127 21.173 47.298 47.296 47.298h3.452c26.119 0 47.297-21.171 47.297-47.298V67.169c0-26.124-21.177-47.296-47.297-47.296z\" fill=\"#4A5699\"/>\n  <path d=\"M132.643 19.873h-3.449c-26.12 0-47.296 21.172-47.296 47.296v888.508c0 26.127 21.177 47.298 47.296 47.298h3.449c26.123 0 47.299-21.171 47.299-47.298V67.169c0-26.124-21.176-47.296-47.299-47.296z\" fill=\"#C45FA0\"/>\n  <path d=\"M899.463 19.873H129.194c-26.12 0-47.296 21.172-47.296 47.296v3.377c0 26.12 21.177 47.299 47.296 47.299h770.269c26.123 0 47.296-21.179 47.296-47.299v-3.377c0-26.124-21.173-47.296-47.296-47.296z\" fill=\"#6277BA\"/>\n  <path d=\"M899.463 905.006H129.194c-26.12 0-47.296 21.17-47.296 47.29v3.381c0 26.127 21.177 47.298 47.296 47.298h770.269c26.123 0 47.296-21.171 47.296-47.298v-3.381c0-26.12-21.173-47.29-47.296-47.29z\" fill=\"#C45FA0\"/>\n  <path d=\"M717.962 543.153H542.047c-26.121 0-47.298 21.175-47.298 47.297v3.724c0 26.123 21.177 47.293 47.298 47.293h175.915c26.121 0 47.297-21.17 47.297-47.293v-3.724c0-26.122-21.176-47.297-47.297-47.297z\" fill=\"#E5594F\"/>\n  <path d=\"M689.268 198.849H513.355c-26.122 0-47.298 21.175-47.298 47.297v3.722c0 26.12 21.176 47.297 47.298 47.297h175.912c26.122 0 47.298-21.177 47.298-47.297v-3.722c0-26.122-21.175-47.297-47.297-47.297z\" fill=\"#F0D043\"/>\n  <path d=\"M757.789 353.081H261.17c-26.121 0-47.297 21.172-47.297 47.296v3.377c0 26.121 21.177 47.299 47.297 47.299h496.619c26.121 0 47.296-21.178 47.296-47.299v-3.377c0-26.125-21.175-47.296-47.296-47.296z\" fill=\"#E5594F\"/>\n  <path d=\"M762.638 726.225h-496.62c-26.12 0-47.294 21.18-47.294 47.301v3.377c0 26.12 21.174 47.3 47.294 47.3h496.62c26.122 0 47.296-21.18 47.296-47.3v-3.377c0-26.122-21.174-47.301-47.296-47.301z\" fill=\"#6277BA\"/>\n  <path d=\"M355.734 543.328H281.41c-26.122 0-47.297 21.17-47.297 47.293v3.378c0 26.118 21.175 47.297 47.297 47.297h74.324c26.123 0 47.296-21.179 47.296-47.297v-3.378c0-26.123-21.174-47.293-47.296-47.293z\" fill=\"#F39A2B\"/>\n  <path d=\"M334.85 248.006m-48.986 0a48.986 48.986 0 1 0 97.972 0 48.986 48.986 0 1 0-97.972 0Z\" fill=\"#F39A2B\"/>\n</svg>\n";
+		//#endregion
 		//#region src/client/icon.tsx
-		/** The sheet's strokes, in paint order, as `[path, fill]` pairs. */
-		const SHEET_PATHS = [
-			["M899.984 19.873h-3.452c-26.123 0-47.296 21.172-47.296 47.296v888.508c0 26.127 21.173 47.298 47.296 47.298h3.452c26.119 0 47.297-21.171 47.297-47.298V67.169c0-26.124-21.177-47.296-47.297-47.296z", "#4A5699"],
-			["M132.643 19.873h-3.449c-26.12 0-47.296 21.172-47.296 47.296v888.508c0 26.127 21.177 47.298 47.296 47.298h3.449c26.123 0 47.299-21.171 47.299-47.298V67.169c0-26.124-21.176-47.296-47.299-47.296z", "#C45FA0"],
-			["M899.463 19.873H129.194c-26.12 0-47.296 21.172-47.296 47.296v3.377c0 26.12 21.177 47.299 47.296 47.299h770.269c26.123 0 47.296-21.179 47.296-47.299v-3.377c0-26.124-21.173-47.296-47.296-47.296z", "#6277BA"],
-			["M899.463 905.006H129.194c-26.12 0-47.296 21.17-47.296 47.29v3.381c0 26.127 21.177 47.298 47.296 47.298h770.269c26.123 0 47.296-21.171 47.296-47.298v-3.381c0-26.12-21.173-47.29-47.296-47.29z", "#C45FA0"],
-			["M717.962 543.153H542.047c-26.121 0-47.298 21.175-47.298 47.297v3.724c0 26.123 21.177 47.293 47.298 47.293h175.915c26.121 0 47.297-21.17 47.297-47.293v-3.724c0-26.122-21.176-47.297-47.297-47.297z", "#E5594F"],
-			["M689.268 198.849H513.355c-26.122 0-47.298 21.175-47.298 47.297v3.722c0 26.12 21.176 47.297 47.298 47.297h175.912c26.122 0 47.298-21.177 47.298-47.297v-3.722c0-26.122-21.175-47.297-47.297-47.297z", "#F0D043"],
-			["M757.789 353.081H261.17c-26.121 0-47.297 21.172-47.297 47.296v3.377c0 26.121 21.177 47.299 47.297 47.299h496.619c26.121 0 47.296-21.178 47.296-47.299v-3.377c0-26.125-21.175-47.296-47.296-47.296z", "#E5594F"],
-			["M762.638 726.225h-496.62c-26.12 0-47.294 21.18-47.294 47.301v3.377c0 26.12 21.174 47.3 47.294 47.3h496.62c26.122 0 47.296-21.18 47.296-47.3v-3.377c0-26.122-21.174-47.301-47.296-47.301z", "#6277BA"],
-			["M355.734 543.328H281.41c-26.122 0-47.297 21.17-47.297 47.293v3.378c0 26.118 21.175 47.297 47.297 47.297h74.324c26.123 0 47.296-21.179 47.296-47.297v-3.378c0-26.123-21.174-47.293-47.296-47.293z", "#F39A2B"],
-			["M334.85 248.006m-48.986 0a48.986 48.986 0 1 0 97.972 0 48.986 48.986 0 1 0-97.972 0Z", "#F39A2B"]
-		];
+		/**
+		* The Context emblem: the colourful document sheet, bundled rather than read
+		* off the harness primitives so the plugin's identity is self-contained.
+		*
+		* The single graphic source is the package-root `icon.svg` — the same file
+		* package.json `icon` hands to the Host's package-meta reader, which serves
+		* it to the Plugins page's package cards. The client bundle inlines the
+		* file's markup at build time (the `?raw` channel in tsdown.config.ts) and
+		* re-renders it at every requested size. Fixed fills, never `currentColor` —
+		* the sheet is deliberately polychrome on both light and dark chrome.
+		*/
+		/** Everything between the file's `<svg>` tags: the sheet's strokes in paint order, whitespace-folded. */
+		const SHEET_MARKUP = icon_default.slice(icon_default.indexOf(">") + 1, icon_default.lastIndexOf("</svg>")).trim().replace(/>\s+</g, "><");
 		/** The colourful document sheet at the requested square edge. */
 		function ContextIcon({ size = 20, className }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
@@ -799,10 +804,7 @@ window.__ModuleLoader__.load({
 				className,
 				"aria-hidden": "true",
 				xmlns: "http://www.w3.org/2000/svg",
-				children: SHEET_PATHS.map(([d, fill]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					d,
-					fill
-				}, d))
+				dangerouslySetInnerHTML: { __html: SHEET_MARKUP }
 			});
 		}
 		/**
@@ -1462,11 +1464,12 @@ window.__ModuleLoader__.load({
 			return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : 0;
 		}
 		/**
-		* The OPTIONAL timing scalars (the generation split): a real non-negative
-		* number passes, anything else — including absence — reads as undefined so the
-		* field stays absent on the narrowed value (see `timingOf`).
+		* The OPTIONAL timing scalars (the generation split's spans and block counts):
+		* a real non-negative number passes, anything else — including absence — reads
+		* as undefined so the field stays absent on the narrowed value (see
+		* `timingOf`).
 		*/
-		function optMsNumOf(value) {
+		function optNumOf(value) {
 			return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : void 0;
 		}
 		/**
@@ -1490,7 +1493,10 @@ window.__ModuleLoader__.load({
 			for (const k of [
 				"reasoningMs",
 				"textMs",
-				"toolArgMs"
+				"toolArgMs",
+				"reasoningBlocks",
+				"textBlocks",
+				"toolArgBlocks"
 			]) {
 				const v = t[k];
 				if (v !== void 0 && (typeof v !== "number" || !Number.isFinite(v) || v < 0)) return false;
@@ -1538,12 +1544,18 @@ window.__ModuleLoader__.load({
 				toolCalls: msNumOf(data.toolCalls),
 				tools
 			};
-			const reasoning = optMsNumOf(data.reasoningMs);
+			const reasoning = optNumOf(data.reasoningMs);
 			if (reasoning !== void 0) totals.reasoningMs = reasoning;
-			const textMs = optMsNumOf(data.textMs);
+			const reasoningBlocks = optNumOf(data.reasoningBlocks);
+			if (reasoningBlocks !== void 0) totals.reasoningBlocks = reasoningBlocks;
+			const textMs = optNumOf(data.textMs);
 			if (textMs !== void 0) totals.textMs = textMs;
-			const toolArgMs = optMsNumOf(data.toolArgMs);
+			const textBlocks = optNumOf(data.textBlocks);
+			if (textBlocks !== void 0) totals.textBlocks = textBlocks;
+			const toolArgMs = optNumOf(data.toolArgMs);
 			if (toolArgMs !== void 0) totals.toolArgMs = toolArgMs;
+			const toolArgBlocks = optNumOf(data.toolArgBlocks);
+			if (toolArgBlocks !== void 0) totals.toolArgBlocks = toolArgBlocks;
 			return totals;
 		}
 		/**
@@ -2468,6 +2480,16 @@ window.__ModuleLoader__.load({
 			return kindOfTool(tool);
 		}
 		/**
+		* Whether a settled call's arguments can yield an op at all: the file tools
+		* plus `str_replace_editor`, whose purpose follows its `command`. The public
+		* face of the gate {@link opsOfCall} short-circuits on — callers that decide
+		* whether to parse or to KEEP a call's raw arguments ask here instead of
+		* restating the tool list.
+		*/
+		function opBearingTool(tool) {
+			return tool === "str_replace_editor" || kindOfTool(tool) !== null;
+		}
+		/**
 		* The operation's target path: the path-ish argument of read/write tools;
 		* for searches the narrowing `path`, else the pattern itself (a pathless
 		* grep/glob's target IS the pattern — the workspace-wide search text).
@@ -2606,7 +2628,7 @@ window.__ModuleLoader__.load({
 		* resolve no target) rows nothing.
 		*/
 		function opsOfCall(input) {
-			const args = parseCallArgs(input.argsRaw);
+			const args = opBearingTool(input.tool) ? parseCallArgs(input.argsRaw) : null;
 			const kind = kindOfCall(input.tool, args);
 			if (kind === null) return [];
 			const stamp = {
@@ -7297,18 +7319,28 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/settingsJump.ts
 		/**
-		* Best-effort jump to this plugin's settings page (Settings → Plugins →
-		* Plugin configuration). The harness settings panel keeps its open state
-		* inside the shell component — no plugin-facing open face exists — so the
-		* jump drives the real chrome: click the sidebar's settings trigger, then
-		* the Plugins section nav row, both found by their shipped attributes and
-		* labels. EVERY step is individually guarded: a shell that doesn't match
-		* (older host, different layout, missing sidebar) degrades the whole jump
-		* to a silent no-op — this path must never throw into the caller's render.
-		*
+		* Best-effort jump to this plugin's preferences. Two generations of chrome:
+		*   - dsh 0.1.7+ (Config-form generation): the preferences live on the
+		*     bundle's page of the Plugins main panel — the jump clicks the panel's
+		*     sidebar entry (its shipped aria-label), then follows the page with a
+		*     bounded poll for the bundle card's open control, found by the shipped,
+		*     locale-independent `data-plugin-package` list identity: the card lists
+		*     once the page's package load settles, and inside it the one button
+		*     that is not the enable switch is the title that opens the page. A
+		*     poll that never finds the card (still loading, plugin absent, or the
+		*     page already open on the detail view — the list unmounts there)
+		*     degrades to the card list, and every step stays silent.
+		*   - older lines: Settings → Plugins → Plugin configuration — the settings
+		*     panel keeps its open state inside the shell component (no plugin-facing
+		*     open face exists), so the jump drives the real chrome: click the
+		*     sidebar's settings trigger, then the Plugins section nav row, both
+		*     found by their shipped attributes and labels.
 		* The last leg — the card itself — is ours: the module also carries a
-		* short-lived in-bundle expand request that the plugin's settings card
-		* consumes on mount, so the jump lands on the configuration already open.
+		* short-lived in-bundle expand request that the settings-section card
+		* consumes on mount, so that jump lands on the configuration already open.
+		* EVERY step is individually guarded: a shell that doesn't match (different
+		* layout, missing sidebar) degrades the whole jump to a silent no-op — this
+		* path must never throw into the caller's render.
 		*/
 		let requestedAt = 0;
 		/** Raise a short-lived request for the plugin's settings card to mount expanded. */
@@ -7321,24 +7353,66 @@ window.__ModuleLoader__.load({
 			requestedAt = 0;
 			return fresh;
 		}
-		/** The Plugins settings section's shipped nav labels (en/zh locales). */
-		const SECTION_LABELS = /* @__PURE__ */ new Set(["Plugins", "插件"]);
+		/**
+		* The shipped Plugins label in both locales — the main-panel entry's
+		* aria-label and the settings section's nav row text are the same word.
+		*/
+		const PLUGIN_LABELS = /* @__PURE__ */ new Set(["Plugins", "插件"]);
+		/** The bundle card's shipped list identity (locale-independent). */
+		const PACKAGE_KEY = "dsh-context";
+		/** How long the card poll follows the panel: 40 ticks at the 100ms tick, enough for the page's package load. */
+		const POLL_TICKS = 40;
 		/** Buttons the jump may operate on, in document order. */
 		function buttonsOf(doc) {
 			return [...doc.querySelectorAll("button")];
 		}
+		/** The Plugins main-panel entry, matched by its shipped aria-label. */
+		function findPanelEntry(doc) {
+			return buttonsOf(doc).find((b) => PLUGIN_LABELS.has(b.getAttribute("aria-label") ?? ""));
+		}
+		/**
+		* The bundle card's open control: the one button inside the card that is not
+		* the enable switch (the primitives switch carries `role="switch"`); the
+		* title button's own aria-label is localized.
+		*/
+		function findCardOpenControl(doc) {
+			const card = doc.querySelector(`[data-plugin-package="${PACKAGE_KEY}"]`);
+			if (card === null) return void 0;
+			const open = [...card.querySelectorAll("button")].filter((b) => b.getAttribute("role") !== "switch");
+			return open.length === 1 ? open[0] : void 0;
+		}
 		/** The sidebar's settings triggers: dialog semantics plus an expanded flag. */
 		function findTriggers(doc) {
 			return buttonsOf(doc).filter((b) => b.getAttribute("aria-haspopup") === "dialog" && b.hasAttribute("aria-expanded"));
 		}
-		/** The Plugins section's nav row, matched by its shipped label. */
+		/** The Plugins section's nav row, matched by its shipped label text. */
 		function findSectionRow(doc) {
-			return buttonsOf(doc).find((b) => SECTION_LABELS.has(b.textContent.trim()));
+			return buttonsOf(doc).find((b) => PLUGIN_LABELS.has(b.textContent.trim()));
 		}
 		function openPluginSettings(doc = document, schedule = (run, ms) => {
 			window.setTimeout(run, ms);
 		}) {
 			try {
+				const panel = findPanelEntry(doc);
+				if (panel !== void 0) {
+					panel.click();
+					const poll = (left) => {
+						try {
+							const open = findCardOpenControl(doc);
+							if (open !== void 0) {
+								open.click();
+								return;
+							}
+						} catch {}
+						if (left > 0) schedule(() => {
+							poll(left - 1);
+						}, 100);
+					};
+					schedule(() => {
+						poll(POLL_TICKS);
+					}, 200);
+					return;
+				}
 				const triggers = findTriggers(doc);
 				if (triggers.find((b) => b.getAttribute("aria-expanded") === "true") === void 0 && triggers.length === 0) return;
 				triggers.find((b) => b.getAttribute("aria-expanded") !== "true")?.click();
@@ -7353,13 +7427,17 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/components/settingsCard.tsx
 		/**
-		* The dsh-context card in Settings → Plugins → Plugin configuration, registered on the framework's `settings.plugin.item` slot keyed on
-		* the
-		* Host-served `dsh-context` settings namespace — the section itself supplies nothing; it renders nothing while the namespace is
-		* unavailable
-		* (a deployment without the Host half, or a remote browser, shows no trace).
-		* Mounts expanded when the Plugin Info card's "Open in Settings" jump left a
-		* fresh expand request (settingsJump.ts), scrolling itself into view.
+		* The dsh-context preference cards — two seats over the same six rows. The
+		* settings-section card (`settings.plugin.item`, the older harness lines)
+		* renders a collapsible list item in Settings → Plugins → Plugin
+		* configuration; the Plugins-page card (`plugins.bundle.config`, the
+		* Config-form generation) renders the rows flat inside the section chrome the
+		* Plugins page draws for the bundle. Both are keyed on the Host-served
+		* `dsh-context` namespace and render nothing while it is unavailable (a
+		* deployment without the Host half, or a remote browser, shows no trace).
+		* The settings-section card mounts expanded when the Plugin Info card's
+		* "Open preferences" jump left a fresh expand request (settingsJump.ts),
+		* scrolling itself into view.
 		*/
 		function PrefRow(props) {
 			const [open, setOpen] = (0, react.useState)(false);
@@ -7396,6 +7474,124 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
+		/** The six preference rows shared by both seats. */
+		function PreferenceRows(props) {
+			const { t, state, set } = props;
+			const disabled = state.status !== "ready" || !state.writable;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
+					label: t("settings.placement"),
+					value: state.placement,
+					disabled,
+					options: [
+						{
+							id: "all",
+							label: t("placement.all")
+						},
+						{
+							id: "tab",
+							label: t("placement.tab")
+						},
+						{
+							id: "sidebar",
+							label: t("placement.sidebar")
+						}
+					],
+					onPick: (id) => {
+						set?.("defaultPlacement", id);
+					}
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
+					label: t("settings.insightsEntry"),
+					value: state.insightsEntry,
+					disabled,
+					options: [{
+						id: "show",
+						label: t("insightsEntry.show")
+					}, {
+						id: "hide",
+						label: t("insightsEntry.hide")
+					}],
+					onPick: (id) => {
+						set?.("insightsEntry", id);
+					}
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
+					label: t("settings.gran"),
+					value: state.granularity,
+					disabled,
+					options: [{
+						id: "step",
+						label: t("gran.step")
+					}, {
+						id: "turn",
+						label: t("gran.turn")
+					}],
+					onPick: (id) => {
+						set?.("defaultGranularity", id);
+					}
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
+					label: t("settings.mode"),
+					value: state.mode,
+					disabled,
+					options: [{
+						id: "total",
+						label: t("gran.total")
+					}, {
+						id: "delta",
+						label: t("gran.delta")
+					}],
+					onPick: (id) => {
+						set?.("defaultTrendMode", id);
+					}
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
+					label: t("settings.toolSort"),
+					value: state.toolSort,
+					disabled,
+					options: [
+						{
+							id: "size",
+							label: t("tool.sort.size")
+						},
+						{
+							id: "count",
+							label: t("tool.sort.count")
+						},
+						{
+							id: "name",
+							label: t("tool.sort.name")
+						}
+					],
+					onPick: (id) => {
+						set?.("defaultToolSort", id);
+					}
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
+					label: t("settings.fileSort"),
+					value: state.fileSort,
+					disabled,
+					options: [
+						{
+							id: "count",
+							label: t("files.sort.count")
+						},
+						{
+							id: "latest",
+							label: t("files.sort.latest")
+						},
+						{
+							id: "path",
+							label: t("files.sort.path")
+						}
+					],
+					onPick: (id) => {
+						set?.("defaultFileSort", id);
+					}
+				})
+			] });
+		}
 		function makeSettingsCard(kit) {
 			const { t } = kit;
 			return function SettingsCard(props) {
@@ -7410,7 +7606,6 @@ window.__ModuleLoader__.load({
 				}, []);
 				const state = typeof props.useContextSettings === "function" ? props.useContextSettings((s) => s) : void 0;
 				if (state === void 0 || state.status === "unavailable") return null;
-				const disabled = state.status !== "ready" || !state.writable;
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 					ref: itemRef,
 					className: "lc-settings-card" + (open ? " lc-settings-open" : ""),
@@ -7434,128 +7629,44 @@ window.__ModuleLoader__.load({
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronDown, { className: "lc-settings-chevron" })]
 					}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "lc-settings-body",
-						children: [
-							!state.writable && state.status === "ready" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "lc-settings-note",
-								role: "status",
-								children: t("settings.readOnly")
-							}) : null,
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
-								label: t("settings.placement"),
-								value: state.placement,
-								disabled,
-								options: [
-									{
-										id: "all",
-										label: t("placement.all")
-									},
-									{
-										id: "tab",
-										label: t("placement.tab")
-									},
-									{
-										id: "sidebar",
-										label: t("placement.sidebar")
-									}
-								],
-								onPick: (id) => {
-									props.set?.("defaultPlacement", id);
-								}
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
-								label: t("settings.insightsEntry"),
-								value: state.insightsEntry,
-								disabled,
-								options: [{
-									id: "show",
-									label: t("insightsEntry.show")
-								}, {
-									id: "hide",
-									label: t("insightsEntry.hide")
-								}],
-								onPick: (id) => {
-									props.set?.("insightsEntry", id);
-								}
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
-								label: t("settings.gran"),
-								value: state.granularity,
-								disabled,
-								options: [{
-									id: "step",
-									label: t("gran.step")
-								}, {
-									id: "turn",
-									label: t("gran.turn")
-								}],
-								onPick: (id) => {
-									props.set?.("defaultGranularity", id);
-								}
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
-								label: t("settings.mode"),
-								value: state.mode,
-								disabled,
-								options: [{
-									id: "total",
-									label: t("gran.total")
-								}, {
-									id: "delta",
-									label: t("gran.delta")
-								}],
-								onPick: (id) => {
-									props.set?.("defaultTrendMode", id);
-								}
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
-								label: t("settings.toolSort"),
-								value: state.toolSort,
-								disabled,
-								options: [
-									{
-										id: "size",
-										label: t("tool.sort.size")
-									},
-									{
-										id: "count",
-										label: t("tool.sort.count")
-									},
-									{
-										id: "name",
-										label: t("tool.sort.name")
-									}
-								],
-								onPick: (id) => {
-									props.set?.("defaultToolSort", id);
-								}
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
-								label: t("settings.fileSort"),
-								value: state.fileSort,
-								disabled,
-								options: [
-									{
-										id: "count",
-										label: t("files.sort.count")
-									},
-									{
-										id: "latest",
-										label: t("files.sort.latest")
-									},
-									{
-										id: "path",
-										label: t("files.sort.path")
-									}
-								],
-								onPick: (id) => {
-									props.set?.("defaultFileSort", id);
-								}
-							})
-						]
+						children: [!state.writable && state.status === "ready" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "lc-settings-note",
+							role: "status",
+							children: t("settings.readOnly")
+						}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PreferenceRows, {
+							t,
+							state,
+							set: props.set
+						})]
 					}) : null]
 				});
 			};
 		}
+		/**
+		* The Plugins-page card (the Config-form generation's `plugins.bundle.config`
+		* seat, `view: 'page'`): the page owns the bundle's page and section chrome,
+		* so the rows render flat. Same unserved/absent degradation as the
+		* settings-section card.
+		*/
+		function makePluginConfigCard(kit) {
+			const { t } = kit;
+			return function PluginConfigCard(props) {
+				const state = typeof props.useContextSettings === "function" ? props.useContextSettings((s) => s) : void 0;
+				if (state === void 0 || state.status === "unavailable") return null;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lc-settings-prefs",
+					children: [!state.writable && state.status === "ready" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lc-settings-note",
+						role: "status",
+						children: t("settings.readOnly")
+					}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PreferenceRows, {
+						t,
+						state,
+						set: props.set
+					})]
+				});
+			};
+		}
 		//#endregion
 		//#region src/client/settings.ts
 		function prefsOf(value) {
@@ -9793,7 +9904,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.54.4".includes("-dev")) return;
+					if ("0.55.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -9802,8 +9913,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.54.4") ? latest : null;
-				const nameText = "dsh-context (v0.54.4)";
+				const update = latest !== null && isNewerVersion(latest, "0.55.0") ? latest : null;
+				const nameText = "dsh-context (v0.55.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -10519,10 +10630,10 @@ window.__ModuleLoader__.load({
 		* lands in the residue. When the host folded the generation split (see
 		* TimingTotals), the generation slice expands into what was being decoded:
 		* thinking, answer text, and tool-call arguments. The slice rows lead with
-		* the true duration and qualify it with the call count on the secondary line —
-		* except the decode slices, which count BLOCKS (zero to many per call, so a
-		* call count would be a false tally) and therefore carry no qualifier. A slice
-		* that never happened (zero time) is omitted entirely — the ring already skips
+		* the true duration and qualify it with a tally on the secondary line — the
+		* model calls (TTFT), the tool runs, and the decode slices' own BLOCK counts
+		* (zero to many per call, so a call count would be a false tally there). A
+		* slice that never happened (zero time) is omitted entirely — the ring already skips
 		* its arc, and a zero row would otherwise borrow the session's call count and
 		* read as "no time, many calls". The donut and the rows sit side by side so
 		* the head row stays half-height. Parallel tool calls each count, so the tools
@@ -10564,31 +10675,36 @@ window.__ModuleLoader__.load({
 						ms: timing.ttftMs,
 						times: callTimes
 					}];
+					const blockTimes = (blocks) => blocks !== void 0 && blocks > 0 ? t("timing.blockTimes", { n: fmt(blocks) }) : void 0;
 					const buckets = [
 						[
 							"reasoning",
 							COLOR.reasoning,
 							t("timing.reasoning"),
-							timing.reasoningMs ?? 0
+							timing.reasoningMs ?? 0,
+							blockTimes(timing.reasoningBlocks)
 						],
 						[
 							"text",
 							COLOR.text,
 							t("timing.text"),
-							timing.textMs ?? 0
+							timing.textMs ?? 0,
+							blockTimes(timing.textBlocks)
 						],
 						[
 							"toolarg",
 							COLOR.toolarg,
 							t("timing.toolArgs"),
-							timing.toolArgMs ?? 0
+							timing.toolArgMs ?? 0,
+							blockTimes(timing.toolArgBlocks)
 						]
 					];
-					if (buckets.some(([, , , ms]) => ms > 0)) for (const [key, color, label, ms] of buckets) modelSlices.push({
+					if (buckets.some(([, , , ms]) => ms > 0)) for (const [key, color, label, ms, times] of buckets) modelSlices.push({
 						key,
 						color,
 						label,
-						ms
+						ms,
+						...times !== void 0 ? { times } : {}
 					});
 					else modelSlices.push({
 						key: "gen",
@@ -11621,7 +11737,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/settings.css.mjs
-		const css$11 = ".lc-settings-card{background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:12px}.lc-settings-card:hover{border-color:var(--dsw-alias-label-dimmed)}.lc-settings-open,.lc-settings-open:hover{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.lc-settings-head{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.lc-settings-headtext{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lc-settings-name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.lc-settings-desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.lc-settings-chevron{color:var(--dsw-alias-label-tertiary);transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);flex:none}.lc-settings-open .lc-settings-chevron{transform:rotate(180deg)}.lc-settings-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding:4px 0 12px}.lc-settings-row{align-items:center;gap:8px;padding:8px 0;display:flex}.lc-settings-label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:14px}.lc-settings-select{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.lc-settings-note{color:var(--dsw-alias-label-tertiary);margin:12px 0 4px;font-size:12px;line-height:1.5}";
+		const css$11 = ".lc-settings-card{background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:12px}.lc-settings-card:hover{border-color:var(--dsw-alias-label-dimmed)}.lc-settings-open,.lc-settings-open:hover{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.lc-settings-head{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.lc-settings-headtext{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lc-settings-name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.lc-settings-desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.lc-settings-chevron{color:var(--dsw-alias-label-tertiary);transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);flex:none}.lc-settings-open .lc-settings-chevron{transform:rotate(180deg)}.lc-settings-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding:4px 0 12px}.lc-settings-prefs{padding:4px 0}.lc-settings-row{align-items:center;gap:8px;padding:8px 0;display:flex}.lc-settings-label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:14px}.lc-settings-select{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.lc-settings-note{color:var(--dsw-alias-label-tertiary);margin:12px 0 4px;font-size:12px;line-height:1.5}";
 		const tagId$11 = "dsh-context/settings.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$11) + "]") === null) {
 			const tag = document.createElement("style");
@@ -11839,6 +11955,14 @@ window.__ModuleLoader__.load({
 					locale: NS
 				}, (props) => (0, react.createElement)(OverviewPanel, props));
 			});
+			/** The injected face both preference cards ride: the settings store as the
+			*  framework's hooks-compartment `useContextSettings` seat, plus the set verb. */
+			const cardFace = () => ({
+				hooks: { contextSettings: settings.store },
+				set: (field, value) => {
+					settings.set(field, value);
+				}
+			});
 			ctx.inject(["settingsScope"], (raw) => {
 				const c = raw;
 				const binder = c.settingsScope;
@@ -11850,15 +11974,27 @@ window.__ModuleLoader__.load({
 						name: "settings.plugin.item",
 						key: NS,
 						locale: NS,
-						inject: () => ({
-							hooks: { contextSettings: settings.store },
-							set: (field, value) => {
-								settings.set(field, value);
-							}
-						})
+						inject: cardFace
 					}, (props) => (0, react.createElement)(SettingsCard, props));
 				});
 			});
+			ctx.inject(["configForms"], (raw) => {
+				const c = raw;
+				const forms = c.configForms;
+				if (forms === void 0 || typeof forms.get !== "function" || typeof forms.whileServed !== "function") return;
+				c.effect(() => settings.attach(forms.get(NS)), "dsh-context: config forms");
+				const PluginConfigCard = makePluginConfigCard(kit);
+				c.effect(() => forms.whileServed([NS], () => {
+					return c.slots.inject("plugins.bundle.config", () => {
+						return c.slots.register({
+							name: "plugins.bundle.config",
+							key: NS,
+							locale: NS,
+							inject: cardFace
+						}, (props) => (0, react.createElement)(PluginConfigCard, props));
+					});
+				}), "dsh-context: plugins-page card");
+			});
 		}
 		module.exports = {
 			name: "dsh-context",