dsh-context 0.62.2 → 0.63.0

package/README.md

@@ -174,7 +174,7 @@ A centered dialog opens with the **Current Composition** card and the **Context
 
 ## ⚙️ Settings
 
-The **Context** preferences card holds this plugin's per-user settings — default placement, trend granularity (Step/Turn), trend mode (Total/Delta), tool and File Activity sort, and the sidebar insights entry. Where it lives depends on your dsh release:
+The **Context** preferences card holds this plugin's per-user settings — default placement, trend granularity (Step/Turn), trend mode (Total/Delta), the trend duration curve (shown by default), tool and File Activity sort, and the sidebar insights entry. Where it lives depends on your dsh release:
 
 - **dsh 0.1.7+** — the sidebar **Plugins** entry → the **dsh-context** bundle's page → its **Configuration** section (the card is served by the entry's live Config form).
 - **older releases** — **Settings → Plugins → Plugin configuration** → the **Context** card.

package/lib/client.js

@@ -108,6 +108,7 @@ window.__ModuleLoader__.load({
 			"insightsEntry.hide": "隐藏",
 			"settings.gran": "趋势图 · 默认粒度",
 			"settings.mode": "趋势图 · 默认展示方式",
+			"settings.durationCurve": "趋势图 · 耗时曲线",
 			"settings.deltaBase": "上下文浏览器 · 对比基线",
 			"settings.toolSort": "工具定义 · 默认排序",
 			"settings.fileSort": "文件活动 · 默认排序",
@@ -120,6 +121,8 @@ window.__ModuleLoader__.load({
 			"trend.focus": "仅展示 {cat}",
 			"trend.adaptive": "自适应",
 			"trend.adaptiveHint": "按当前可视范围内的柱子重新缩放高度，滚动时随之变化",
+			"trend.duration": "耗时",
+			"trend.durationTip": "在柱子上叠加每步的活跃耗时曲线（步骤开始至结束，含模型与工具调用，不含等待你决策或回答的时间），按图中右侧的四分位坐标轴读数；轮次粒度下为一轮各步耗时之和",
 			"trend.dna": "DNA 模式",
 			"trend.dnaTip": "把每根柱子画成该次请求的上下文指纹：按模型读取顺序逐条铺色，配合增量模式逐条展示每次请求的增减；悬停查看条目，点击让上下文浏览器定位到该条目，同一条目在所有柱子中亮出其存续变化",
 			"trend.dnaItem": "{label}：{n}",
@@ -255,6 +258,7 @@ window.__ModuleLoader__.load({
 			"tip.total": "合计 ≈ {n}",
 			"tip.cat": "{cat} ≈ {n}",
 			"tip.delta": "Δ {n}",
+			"tip.duration": "耗时 {n}",
 			"ev.compaction": "压缩上下文（摘要替换 {n} 条消息）",
 			"ev.prune": "剪枝工具输出",
 			"ev.skill": "Skill 注入（{name}）",
@@ -506,6 +510,7 @@ window.__ModuleLoader__.load({
 			"insightsEntry.hide": "Hide",
 			"settings.gran": "Trend Chart · Default granularity",
 			"settings.mode": "Trend Chart · Default display",
+			"settings.durationCurve": "Trend Chart · Duration curve",
 			"settings.deltaBase": "Context Browser · Diff baseline",
 			"settings.toolSort": "Tool Schemas · Default sort",
 			"settings.fileSort": "File Activity · Default sort",
@@ -518,6 +523,8 @@ window.__ModuleLoader__.load({
 			"trend.focus": "Showing {cat} only",
 			"trend.adaptive": "Adaptive",
 			"trend.adaptiveHint": "Rescale bar heights to the visible range, following the scroll",
+			"trend.duration": "Duration",
+			"trend.durationTip": "Overlay each step’s active time (step start to end — model and tool calls, excluding waits for your decisions or answers) as a curve over the bars, read off the quartile axis on the chart’s right; turn granularity sums a turn’s steps",
 			"trend.dna": "DNA Mode",
 			"trend.dnaTip": "Draw each bar as that request’s context fingerprint — one band per item in the order the model reads it; with Delta, each band shows that item’s change against the previous bar. Hover for the item, click to reveal it in the Context browser, and every bar lights the same item’s lifetime",
 			"trend.dnaItem": "{label}: {n}",
@@ -653,6 +660,7 @@ window.__ModuleLoader__.load({
 			"tip.total": "Total ≈ {n}",
 			"tip.cat": "{cat} ≈ {n}",
 			"tip.delta": "Δ {n}",
+			"tip.duration": "Duration {n}",
 			"ev.compaction": "Context compacted (summary replaced {n} messages)",
 			"ev.prune": "Tool output pruned",
 			"ev.skill": "Skill injected ({name})",
@@ -2201,9 +2209,9 @@ window.__ModuleLoader__.load({
 		* The no-stale-content guarantees: the store is per session and shared by
 		* the tab and the modal; a refetch is single-flight with a trailing edge
 		* (a rev bumped mid-flight re-reads after settle); responses race-safe by
-		* revision (latest wins, with the refold exception — a host that refolded
-		* restarts the revision, and a response matching the requested rev is
-		* accepted regardless of order); a transport failure keeps the last good
+		* generation and revision (a host refold invalidates reads started before
+		* its revisions restarted, and latest wins within a generation); a
+		* transport failure keeps the last good
 		* detail and backs off; an absent answer (the session left the live set)
 		* stops the trailing until the head moves again. With no detail at all,
 		* failure surfaces as a retryable note on the detail cards instead of an
@@ -2292,6 +2300,7 @@ window.__ModuleLoader__.load({
 			targetRev = -1;
 			/** The head rev seen last — a DECREASE means the host refolded (revisions restart). */
 			lastHeadRev = -1;
+			generation = 0;
 			failed = false;
 			inFlight = false;
 			timer = null;
@@ -2315,6 +2324,7 @@ window.__ModuleLoader__.load({
 			*/
 			request(rev) {
 				if (rev < this.lastHeadRev) {
+					this.generation++;
 					this.acceptedRev = -1;
 					this.wantedRev = -1;
 					this.detail = null;
@@ -2352,9 +2362,11 @@ window.__ModuleLoader__.load({
 				}
 				this.inFlight = true;
 				this.targetRev = this.wantedRev;
+				const generation = this.generation;
 				this.emit();
 				try {
 					const d = await this.fetcher();
+					if (generation !== this.generation) return;
 					if (d !== null) {
 						if (d.rev >= this.acceptedRev || d.rev === this.targetRev) {
 							this.detail = d;
@@ -2368,12 +2380,15 @@ window.__ModuleLoader__.load({
 						this.failures++;
 					}
 				} catch {
-					this.failed = this.detail === null;
-					this.failures++;
+					if (generation === this.generation) {
+						this.failed = this.detail === null;
+						this.failures++;
+					}
+				} finally {
+					this.inFlight = false;
+					if (this.wantedRev > this.acceptedRev) this.schedule();
+					this.emit();
 				}
-				this.inFlight = false;
-				if (this.wantedRev > this.acceptedRev) this.schedule();
-				this.emit();
 			}
 			emit() {
 				const pending = this.timer !== null || this.inFlight;
@@ -3003,21 +3018,31 @@ window.__ModuleLoader__.load({
 		*/
 		/**
 		* Collapse per-step requests into one bar per turn — each turn is represented by its LAST step's record, tagged `stepCount` for the bar's
-		* column width; the log keeps one turn's requests consecutive, so a run of equal turns collapses to its final record.
+		* column width; the log keeps one turn's requests consecutive, so a run of equal turns collapses to its final record. The duration
+		* overlay's `activeMs` is the run's steps SUMMED (the turn's total step active time), absent only when no step of the run carried one.
 		*/
 		function aggregateByTurn(requests) {
 			const out = [];
 			let runSteps = 0;
+			let runActiveMs = 0;
+			let runHasActiveMs = false;
 			for (const req of requests) {
 				const last = out.length > 0 ? out[out.length - 1] : null;
 				if (last !== null && (last.turn ?? 0) === (req.turn ?? 0)) {
 					runSteps++;
+					if (req.activeMs !== void 0) {
+						runActiveMs += req.activeMs;
+						runHasActiveMs = true;
+					}
 					out[out.length - 1] = {
 						...req,
-						stepCount: runSteps
+						stepCount: runSteps,
+						...runHasActiveMs ? { activeMs: runActiveMs } : {}
 					};
 				} else {
 					runSteps = 1;
+					runActiveMs = req.activeMs ?? 0;
+					runHasActiveMs = req.activeMs !== void 0;
 					out.push({
 						...req,
 						stepCount: 1
@@ -3064,7 +3089,7 @@ window.__ModuleLoader__.load({
 			return requests.length > 0 ? requests[0] : null;
 		}
 		function makeTrendChart(kit) {
-			const { t, fmt, eventLabel, eventAt, catLabel } = kit;
+			const { t, fmt, fmtDuration, eventLabel, eventAt, catLabel } = kit;
 			const CHART_H = 112;
 			const fmtSigned = (v) => (v > 0 ? "+" : "") + fmt(v);
 			const BAR_W = 14;
@@ -3335,6 +3360,7 @@ window.__ModuleLoader__.load({
 				const dnaOn = dnaBands !== null;
 				const delta = props.mode === "delta";
 				const dnaDeltaOn = dnaOn && delta;
+				const durationOn = props.durationCurve === true;
 				const focus = !dnaOn && props.focusCat !== null && props.focusCat !== void 0 && CATS.some((c) => c.key === props.focusCat) ? props.focusCat : null;
 				const [dnaHit, setDnaHit] = (0, react.useState)(null);
 				const dnaDeltas = (0, react.useMemo)(() => dnaDeltaOn ? dnaBands.map((bands, i) => deltaBandsOf(bands, i > 0 ? dnaBands[i - 1] : null)) : null, [dnaDeltaOn, dnaBands]);
@@ -3359,12 +3385,15 @@ window.__ModuleLoader__.load({
 					let total = 0;
 					let up = 0;
 					let down = 0;
+					let activeMs = 0;
 					const from = Math.max(0, Math.floor(sl / pitch));
 					const to = Math.min(n - 1, Math.max(from, Math.floor((vr - 1) / pitch)));
 					for (let i = from; i <= to; i++) {
 						const col = i * pitch;
 						if (col >= vr || col + BAR_W <= sl) continue;
 						const req = requests[i];
+						const m = req.activeMs ?? 0;
+						if (m > activeMs) activeMs = m;
 						if (dnaDeltaOn && dnaDeltas !== null) {
 							let bu = 0;
 							let bd = 0;
@@ -3384,10 +3413,11 @@ window.__ModuleLoader__.load({
 							if (bd > down) down = bd;
 						} else if (req.total > total) total = req.total;
 					}
-					setVisMax((prev) => prev !== null && prev.total === total && prev.up === up && prev.down === down ? prev : {
+					setVisMax((prev) => prev !== null && prev.total === total && prev.up === up && prev.down === down && prev.activeMs === activeMs ? prev : {
 						total,
 						up,
-						down
+						down,
+						activeMs
 					});
 				};
 				let maxTotal = 1;
@@ -3421,6 +3451,34 @@ window.__ModuleLoader__.load({
 						}
 					} else maxTotal = Math.max(1, visMax.total);
 				}
+				let maxActiveMs = 0;
+				if (durationOn) {
+					for (const req of requests) {
+						const m = req.activeMs ?? 0;
+						if (m > maxActiveMs) maxActiveMs = m;
+					}
+					if (adaptive && visMax !== null) maxActiveMs = visMax.activeMs;
+				}
+				const durationRuns = [];
+				const durationDots = [];
+				if (durationOn) {
+					const scale = CHART_H / Math.max(1, maxActiveMs);
+					let run = [];
+					const flushRun = () => {
+						if (run.length >= 2) durationRuns.push(run.map((p) => `${p[0]},${p[1]}`).join(" "));
+						else if (run.length === 1) durationDots.push(run[0]);
+						run = [];
+					};
+					for (let i = 0; i < requests.length; i++) {
+						const m = requests[i].activeMs;
+						if (m === void 0) {
+							flushRun();
+							continue;
+						}
+						run.push([i * 16 + BAR_W / 2, Math.round((CHART_H - m * scale) * 100) / 100]);
+					}
+					flushRun();
+				}
 				const span = Math.max(1, maxUp + maxDown);
 				const deltaScale = CHART_H / span;
 				const upPx = Math.round(maxUp * deltaScale);
@@ -3624,18 +3682,22 @@ window.__ModuleLoader__.load({
 						n: stepsOf(req.turn)
 					});
 					const band = hitBand ?? hoveredDelta;
-					if (band !== null) return [head, t("trend.dnaItem", {
+					let metric;
+					if (band !== null) metric = t("trend.dnaItem", {
 						label: dnaBaseLabel(band, t, catLabel),
 						n: dnaDeltaOn ? fmtSigned(band.tokens) : fmt(band.tokens)
-					})];
-					if (delta)
+					});
+					else if (delta)
  /* v8 ignore next 1 -- delta mode only receives records from
 					deltaOf, which always assigns net; the fallback is defensive. */
-					return [head, t("tip.delta", { n: fmtSigned(req.net ?? 0) })];
-					return [head, focus !== null ? t("tip.cat", {
+					metric = t("tip.delta", { n: fmtSigned(req.net ?? 0) });
+					else metric = focus !== null ? t("tip.cat", {
 						cat: catLabel(focus),
 						n: fmt(req.total)
-					}) : t("tip.total", { n: fmt(req.total) })];
+					}) : t("tip.total", { n: fmt(req.total) });
+					const rows = [head, metric];
+					if (durationOn && req.activeMs !== void 0) rows.push(t("tip.duration", { n: fmtDuration(req.activeMs) }));
+					return rows;
 				};
 				const tipColRef = (0, react.useRef)(0);
 				/**
@@ -3665,134 +3727,173 @@ window.__ModuleLoader__.load({
 				});
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "lc-chartrow",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "lc-axis",
-						children: delta ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-top",
-								children: fmtSigned(maxUp)
-							}),
-							q3Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-q3",
-								children: fmtSigned(Math.round(maxUp - span / 4))
-							}) : null,
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-mid",
-								style: { top: `${13 + upPx}px` },
-								children: "0"
-							}),
-							q1Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-q1",
-								children: fmtSigned(Math.round(maxUp - 3 * span / 4))
-							}) : null,
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-bot",
-								children: fmtSigned(-maxDown)
-							})
-						] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-top",
-								children: fmt(maxTotal)
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-q3",
-								children: fmt(Math.round(maxTotal * 3 / 4))
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-mid",
-								children: fmt(Math.round(maxTotal / 2))
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-q1",
-								children: fmt(Math.round(maxTotal / 4))
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-bot",
-								children: "0"
-							})
-						] })
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "lc-chart-wrap",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "lc-chart-scroll" + (props.activeTurn !== null ? " lc-chart-dim" : ""),
-							ref: scrollRef,
-							onScroll: (e) => {
-								updateTurnLabels(e.currentTarget);
-								syncTip(e.currentTarget);
-								measureVisible(e.currentTarget);
-							},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-axis",
+							children: delta ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-top",
+									children: fmtSigned(maxUp)
+								}),
+								q3Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-q3",
+									children: fmtSigned(Math.round(maxUp - span / 4))
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-mid",
+									style: { top: `${13 + upPx}px` },
+									children: "0"
+								}),
+								q1Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-q1",
+									children: fmtSigned(Math.round(maxUp - 3 * span / 4))
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-bot",
+									children: fmtSigned(-maxDown)
+								})
+							] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-top",
+									children: fmt(maxTotal)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-q3",
+									children: fmt(Math.round(maxTotal * 3 / 4))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-mid",
+									children: fmt(Math.round(maxTotal / 2))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-q1",
+									children: fmt(Math.round(maxTotal / 4))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-bot",
+									children: "0"
+								})
+							] })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-chart-wrap",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "lc-chart",
-								"data-catdim": props.hoverCat ?? void 0,
-								onMouseLeave: () => {
-									props.onHover(null);
-									setDnaHit(null);
-								},
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-top" }),
-									!delta || q3Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-q3" }) : null,
-									!delta || q1Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-q1" }) : null,
-									!delta ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-mid" }) : null,
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "lc-grid lc-grid-zero",
-										style: delta ? { top: `${18 + upPx}px` } : void 0
-									}),
-									requests.map((req, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChartBar, {
-										req,
-										marker: markers[i],
-										selected: props.selectedSeq === req.seq,
-										hovered: props.hoveredSeq === req.seq,
-										inTurn: props.activeTurn !== null && (req.turn ?? 0) === props.activeTurn,
-										flag: props.granularity === "step" && (i + 1) % STEP_FLAG_EVERY === 0 ? i + 1 : null,
-										maxTotal,
-										upPx: delta ? upPx : void 0,
-										downPx: delta ? downPx : void 0,
-										deltaScale: delta ? deltaScale : void 0,
-										enterIndex: i,
-										dna: dnaOn ? dnaBands[i] : null,
-										dnaDelta: dnaDeltaOn && dnaDeltas !== null ? dnaDeltas[i] : null,
-										dnaScale: dnaDeltaOn ? deltaScale : void 0,
-										zeroBottom: dnaDeltaOn ? downPx : void 0,
-										onDnaHit: setDnaHit,
-										onPickBand: props.onPickBand,
-										onSelect: props.onSelect,
-										onHover: props.onHover
-									}, `${req.seq}:${props.granularity}`)),
-									dnaOn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DnaHighlights, { slices: dnaSlices }) : null
-								]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "lc-turns",
-								style: labelFont !== "" ? { fontSize: labelFont } : void 0,
-								onMouseLeave: () => {
-									props.onHoverTurn(null);
+								className: "lc-chart-scroll" + (props.activeTurn !== null ? " lc-chart-dim" : ""),
+								ref: scrollRef,
+								onScroll: (e) => {
+									updateTurnLabels(e.currentTarget);
+									syncTip(e.currentTarget);
+									measureVisible(e.currentTarget);
 								},
-								children: groups.map((grp, gi) => {
-									const on = props.activeTurn === grp.turn;
-									return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "lc-turn" + (on ? " lc-turn-on" : ""),
-										style: {
-											width: `${turnWidths[gi]}px`,
-											background: TURN_FILLS[gi % TURN_FILLS.length]
-										},
-										title: `T${grp.turn}`,
-										onMouseEnter: () => {
-											props.onHoverTurn(grp.turn);
-										},
-										onClick: () => {
-											props.onPickTurn(grp.turn);
-										},
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "lc-turn-label",
-											children: `${grp.turn}`
-										})
-									}, `turn-${gi}`);
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "lc-chart",
+									"data-catdim": props.hoverCat ?? void 0,
+									onMouseLeave: () => {
+										props.onHover(null);
+										setDnaHit(null);
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-top" }),
+										!delta || q3Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-q3" }) : null,
+										!delta || q1Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-q1" }) : null,
+										!delta ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-mid" }) : null,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "lc-grid lc-grid-zero",
+											style: delta ? { top: `${18 + upPx}px` } : void 0
+										}),
+										requests.map((req, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChartBar, {
+											req,
+											marker: markers[i],
+											selected: props.selectedSeq === req.seq,
+											hovered: props.hoveredSeq === req.seq,
+											inTurn: props.activeTurn !== null && (req.turn ?? 0) === props.activeTurn,
+											flag: props.granularity === "step" && (i + 1) % STEP_FLAG_EVERY === 0 ? i + 1 : null,
+											maxTotal,
+											upPx: delta ? upPx : void 0,
+											downPx: delta ? downPx : void 0,
+											deltaScale: delta ? deltaScale : void 0,
+											enterIndex: i,
+											dna: dnaOn ? dnaBands[i] : null,
+											dnaDelta: dnaDeltaOn && dnaDeltas !== null ? dnaDeltas[i] : null,
+											dnaScale: dnaDeltaOn ? deltaScale : void 0,
+											zeroBottom: dnaDeltaOn ? downPx : void 0,
+											onDnaHit: setDnaHit,
+											onPickBand: props.onPickBand,
+											onSelect: props.onSelect,
+											onHover: props.onHover
+										}, `${req.seq}:${props.granularity}`)),
+										dnaOn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DnaHighlights, { slices: dnaSlices }) : null,
+										durationOn && (durationRuns.length > 0 || durationDots.length > 0) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+											className: "lc-duration",
+											width: requests.length * 16 - BAR_GAP,
+											height: CHART_H,
+											"aria-hidden": "true",
+											children: [durationRuns.map((pts, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("polyline", { points: pts }, i)), durationDots.map((p, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+												cx: p[0],
+												cy: p[1],
+												r: 1.5
+											}, i))]
+										}) : null
+									]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "lc-turns",
+									style: labelFont !== "" ? { fontSize: labelFont } : void 0,
+									onMouseLeave: () => {
+										props.onHoverTurn(null);
+									},
+									children: groups.map((grp, gi) => {
+										const on = props.activeTurn === grp.turn;
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "lc-turn" + (on ? " lc-turn-on" : ""),
+											style: {
+												width: `${turnWidths[gi]}px`,
+												background: TURN_FILLS[gi % TURN_FILLS.length]
+											},
+											title: `T${grp.turn}`,
+											onMouseEnter: () => {
+												props.onHoverTurn(grp.turn);
+											},
+											onClick: () => {
+												props.onPickTurn(grp.turn);
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-turn-label",
+												children: `${grp.turn}`
+											})
+										}, `turn-${gi}`);
+									})
+								})]
+							}), hoveredReq !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "lc-chart-tip",
+								children: tipRowsOf(hoveredReq).map((row, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: row }, i))
+							}) : null]
+						}),
+						durationOn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-axis lc-axis-r",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-top",
+									children: fmtDuration(maxActiveMs)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-q3",
+									children: fmtDuration(Math.round(maxActiveMs * 3 / 4))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-mid",
+									children: fmtDuration(Math.round(maxActiveMs / 2))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-q1",
+									children: fmtDuration(Math.round(maxActiveMs / 4))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-bot",
+									children: "0"
 								})
-							})]
-						}), hoveredReq !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "lc-chart-tip",
-							children: tipRowsOf(hoveredReq).map((row, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: row }, i))
-						}) : null]
-					})]
+							]
+						}) : null
+					]
 				});
 			};
 		}
@@ -8915,7 +9016,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/components/settingsCard.tsx
 		/**
-		* The dsh-context preference cards — two seats over the same seven rows. The
+		* The dsh-context preference cards — two seats over the same eight 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
@@ -9034,6 +9135,21 @@ window.__ModuleLoader__.load({
 						set?.("defaultTrendMode", id);
 					}
 				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
+					label: t("settings.durationCurve"),
+					value: state.durationCurve,
+					disabled,
+					options: [{
+						id: "show",
+						label: t("insightsEntry.show")
+					}, {
+						id: "hide",
+						label: t("insightsEntry.hide")
+					}],
+					onPick: (id) => {
+						set?.("defaultDurationCurve", id);
+					}
+				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
 					label: t("settings.deltaBase"),
 					value: state.deltaBase,
@@ -9182,7 +9298,8 @@ window.__ModuleLoader__.load({
 				...v.defaultDeltaBase === "step" || v.defaultDeltaBase === "turn" ? { deltaBase: v.defaultDeltaBase } : {},
 				...v.defaultToolSort === "size" || v.defaultToolSort === "count" || v.defaultToolSort === "name" ? { toolSort: v.defaultToolSort } : {},
 				...v.defaultFileSort === "count" || v.defaultFileSort === "latest" || v.defaultFileSort === "path" ? { fileSort: v.defaultFileSort } : {},
-				...v.insightsEntry === "show" || v.insightsEntry === "hide" ? { insightsEntry: v.insightsEntry } : {}
+				...v.insightsEntry === "show" || v.insightsEntry === "hide" ? { insightsEntry: v.insightsEntry } : {},
+				...v.defaultDurationCurve === "show" || v.defaultDurationCurve === "hide" ? { durationCurve: v.defaultDurationCurve } : {}
 			};
 		}
 		function createContextSettings() {
@@ -9195,12 +9312,13 @@ window.__ModuleLoader__.load({
 				toolSort: "count",
 				fileSort: "count",
 				insightsEntry: "show",
+				durationCurve: "show",
 				writable: false
 			};
 			let scope;
 			const listeners = /* @__PURE__ */ new Set();
 			const publish = (next) => {
-				if (next.status === state.status && next.placement === state.placement && next.granularity === state.granularity && next.mode === state.mode && next.deltaBase === state.deltaBase && next.toolSort === state.toolSort && next.fileSort === state.fileSort && next.insightsEntry === state.insightsEntry && next.writable === state.writable) return;
+				if (next.status === state.status && next.placement === state.placement && next.granularity === state.granularity && next.mode === state.mode && next.deltaBase === state.deltaBase && next.toolSort === state.toolSort && next.fileSort === state.fileSort && next.insightsEntry === state.insightsEntry && next.durationCurve === state.durationCurve && next.writable === state.writable) return;
 				state = next;
 				for (const listener of listeners) listener();
 			};
@@ -9217,6 +9335,7 @@ window.__ModuleLoader__.load({
 					toolSort: prefs.toolSort ?? state.toolSort,
 					fileSort: prefs.fileSort ?? state.fileSort,
 					insightsEntry: prefs.insightsEntry ?? (raw?.insightsEntry === void 0 ? state.insightsEntry : "show"),
+					durationCurve: prefs.durationCurve ?? (raw?.defaultDurationCurve === void 0 ? state.durationCurve : "show"),
 					writable: snap.writable
 				});
 				return {
@@ -9241,6 +9360,7 @@ window.__ModuleLoader__.load({
 				defaultToolSort: () => state.toolSort,
 				defaultFileSort: () => state.fileSort,
 				insightsEntry: () => state.insightsEntry,
+				defaultDurationCurve: () => state.durationCurve,
 				attach(bound) {
 					scope = bound;
 					sync(bound);
@@ -11404,7 +11524,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.62.2".includes("-dev")) return;
+					if ("0.63.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -11413,8 +11533,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.62.2") ? latest : null;
-				const nameText = "dsh-context (v0.62.2)";
+				const update = latest !== null && isNewerVersion(latest, "0.63.0") ? latest : null;
+				const nameText = "dsh-context (v0.63.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -12379,6 +12499,7 @@ window.__ModuleLoader__.load({
 				const [trendMode, setTrendMode] = (0, react.useState)(() => settings.defaultTrendMode());
 				const [dna, setDna] = (0, react.useState)(false);
 				const [adaptive, setAdaptive] = (0, react.useState)(false);
+				const [durationCurve, setDurationCurve] = (0, react.useState)(() => settings.defaultDurationCurve() === "show");
 				const [focusTurn, setFocusTurn] = (0, react.useState)(null);
 				const [jumpSeq, setJumpSeq] = (0, react.useState)(null);
 				const [hoverCat, setHoverCat] = (0, react.useState)(null);
@@ -12645,6 +12766,19 @@ window.__ModuleLoader__.load({
 									children: t("trend.adaptive")
 								})
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-gran lc-trend-duration",
+								role: "group",
+								title: t("trend.durationTip"),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "lc-gran-btn" + (durationCurve ? " lc-gran-on" : ""),
+									onClick: () => {
+										setDurationCurve((on) => !on);
+									},
+									children: t("trend.duration")
+								})
+							}),
 							focusCat !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "lc-card-sub",
 								children: t("trend.focus", { cat: kit.catLabel(focusCat) })
@@ -12703,6 +12837,7 @@ window.__ModuleLoader__.load({
 						hoverCat: trendHoverCat,
 						focusCat,
 						adaptive,
+						durationCurve,
 						dna: dnaBands,
 						onPickBand: revealBand,
 						onSelect: setSelectedSeq,
@@ -13060,7 +13195,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/trendChart.css.mjs
-		const css$9 = ".lc-chartrow{align-items:stretch;gap:6px;display:flex}.lc-axis{box-sizing:border-box;width:40px;height:150px;color:var(--dsw-alias-label-secondary);padding-top:18px;font-size:11px;position:relative}.lc-axis span{line-height:1;position:absolute;right:0}.lc-axis-top{top:13px}.lc-axis-q3{top:41px}.lc-axis-mid{top:69px}.lc-axis-q1{top:97px}.lc-axis-bot{top:125px}.lc-chart-wrap{flex:1;min-width:0;position:relative}.lc-chart-scroll{overscroll-behavior-x:contain;scrollbar-gutter:stable;padding-bottom:var(--dsh-scrollbar-width,8px);overflow:auto hidden}.lc-chart{box-sizing:border-box;align-items:flex-end;gap:2px;width:max-content;min-width:100%;height:130px;padding:18px 2px 0;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l2);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-q3{top:46px}.lc-grid-mid{top:74px}.lc-grid-q1{top:102px}.lc-grid-zero{border-top-style:solid;border-top-color:color-mix(in srgb, var(--color-neutral-500) 50%, transparent);top:130px}.lc-bar{cursor:pointer;outline-offset:1px;width:14px;height:100%;transition:opacity 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), outline-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;outline:1px dashed #0000;flex:none;align-items:flex-end;display:flex;position:relative}.lc-chart-dim .lc-bar{opacity:.35}.lc-chart-dim .lc-bar-in-turn{opacity:1}.lc-chart-dim .lc-turn{opacity:.35}.lc-chart-dim .lc-turn-on{opacity:1}.lc-chart-tip{z-index:5;box-sizing:border-box;overflow-wrap:break-word;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:100%;color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;flex-direction:column;gap:2px;padding:3px 8px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 2px 8px #0000002e}.lc-chart-tip span+span{color:var(--dsw-alias-label-secondary)}.lc-bar-hovered{outline-color:var(--dsw-alias-brand-primary)}.lc-bar-selected{outline:2px solid var(--dsw-alias-label-primary);outline-offset:1px}.lc-bar-in-turn{background:color-mix(in srgb, var(--color-neutral-500) 14%, transparent)}.lc-bar-stack{flex-direction:column-reverse;width:100%;display:flex}.lc-bar-stack>div{width:100%}.lc-bar-dna{border-radius:2px;width:100%}.lc-bar-stack,.lc-bar-up,.lc-bar-down,.lc-bar-dna{transform-origin:50% 100%}.lc-bar-down{transform-origin:50% 0}.lc-bar-stack>div:first-child{border-radius:0 0 2px 2px}.lc-bar-stack>div:last-child{border-radius:2px 2px 0 0}.lc-bar-stack>div:only-child{border-radius:2px}.lc-bar-up,.lc-bar-down{width:100%;display:flex;position:absolute;left:0}.lc-bar-up{flex-direction:column-reverse}.lc-bar-down{flex-direction:column}.lc-bar-up>div,.lc-bar-down>div{width:100%}.lc-bar-up>div:last-child{border-radius:2px 2px 0 0}.lc-bar-down>div:last-child{border-radius:0 0 2px 2px}.lc-cat-seg{transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-chart[data-catdim] .lc-cat-seg{opacity:.35}.lc-chart[data-catdim=system] .lc-cat-seg[data-cat=system],.lc-chart[data-catdim=tools] .lc-cat-seg[data-cat=tools],.lc-chart[data-catdim=user] .lc-cat-seg[data-cat=user],.lc-chart[data-catdim=inject] .lc-cat-seg[data-cat=inject],.lc-chart[data-catdim=skill] .lc-cat-seg[data-cat=skill],.lc-chart[data-catdim=assistant] .lc-cat-seg[data-cat=assistant],.lc-chart[data-catdim=tool] .lc-cat-seg[data-cat=tool]{opacity:1;filter:brightness(1.18)}.lc-dna-hl{z-index:1;pointer-events:none;align-items:stretch;gap:2px;display:flex;position:absolute;inset:18px 2px 0}.lc-dna-cell{flex:none;width:14px;position:relative}.lc-dna-slice{box-sizing:border-box;border:1px solid var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 26%, transparent);border-radius:1px;width:100%;position:absolute;left:0}.lc-bar-marker{z-index:2;color:var(--dsw-alias-state-warn-primary);font-size:11px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.lc-step-flag{z-index:2;background:color-mix(in srgb, var(--color-neutral-500) 45%, transparent);pointer-events:none;width:1px;position:absolute;top:-17px;bottom:0;right:-1px}.lc-step-flag-label{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-neutral-500) 45%, transparent);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:3px;padding:1px 3px;font-size:9px;font-weight:600;line-height:1;position:absolute;top:0;right:0}.lc-turns{box-sizing:border-box;gap:2px;width:max-content;min-width:100%;margin-top:4px;padding:0 2px;display:flex;overflow:hidden}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;height:14px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:3px;flex:none;font-size:10px;font-weight:600;line-height:14px}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{display:inline-block}";
+		const css$9 = ".lc-chartrow{align-items:stretch;gap:6px;display:flex}.lc-axis{box-sizing:border-box;width:40px;height:150px;color:var(--dsw-alias-label-secondary);padding-top:18px;font-size:11px;position:relative}.lc-axis span{line-height:1;position:absolute;right:0}.lc-axis-r{flex:none;width:34px}.lc-axis-r span{left:0;right:auto}.lc-axis-top{top:13px}.lc-axis-q3{top:41px}.lc-axis-mid{top:69px}.lc-axis-q1{top:97px}.lc-axis-bot{top:125px}.lc-chart-wrap{flex:1;min-width:0;position:relative}.lc-chart-scroll{overscroll-behavior-x:contain;scrollbar-gutter:stable;padding-bottom:var(--dsh-scrollbar-width,8px);overflow:auto hidden}.lc-chart{box-sizing:border-box;align-items:flex-end;gap:2px;width:max-content;min-width:100%;height:130px;padding:18px 2px 0;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l2);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-q3{top:46px}.lc-grid-mid{top:74px}.lc-grid-q1{top:102px}.lc-grid-zero{border-top-style:solid;border-top-color:color-mix(in srgb, var(--color-neutral-500) 50%, transparent);top:130px}.lc-bar{cursor:pointer;outline-offset:1px;width:14px;height:100%;transition:opacity 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), outline-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;outline:1px dashed #0000;flex:none;align-items:flex-end;display:flex;position:relative}.lc-chart-dim .lc-bar{opacity:.35}.lc-chart-dim .lc-bar-in-turn{opacity:1}.lc-chart-dim .lc-turn{opacity:.35}.lc-chart-dim .lc-turn-on{opacity:1}.lc-chart-tip{z-index:5;box-sizing:border-box;overflow-wrap:break-word;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:100%;color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;flex-direction:column;gap:2px;padding:3px 8px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 2px 8px #0000002e}.lc-chart-tip span+span{color:var(--dsw-alias-label-secondary)}.lc-bar-hovered{outline-color:var(--dsw-alias-brand-primary)}.lc-bar-selected{outline:2px solid var(--dsw-alias-label-primary);outline-offset:1px}.lc-bar-in-turn{background:color-mix(in srgb, var(--color-neutral-500) 14%, transparent)}.lc-bar-stack{flex-direction:column-reverse;width:100%;display:flex}.lc-bar-stack>div{width:100%}.lc-bar-dna{border-radius:2px;width:100%}.lc-bar-stack,.lc-bar-up,.lc-bar-down,.lc-bar-dna{transform-origin:50% 100%}.lc-bar-down{transform-origin:50% 0}.lc-bar-stack>div:first-child{border-radius:0 0 2px 2px}.lc-bar-stack>div:last-child{border-radius:2px 2px 0 0}.lc-bar-stack>div:only-child{border-radius:2px}.lc-bar-up,.lc-bar-down{width:100%;display:flex;position:absolute;left:0}.lc-bar-up{flex-direction:column-reverse}.lc-bar-down{flex-direction:column}.lc-bar-up>div,.lc-bar-down>div{width:100%}.lc-bar-up>div:last-child{border-radius:2px 2px 0 0}.lc-bar-down>div:last-child{border-radius:0 0 2px 2px}.lc-cat-seg{transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-chart[data-catdim] .lc-cat-seg{opacity:.35}.lc-chart[data-catdim=system] .lc-cat-seg[data-cat=system],.lc-chart[data-catdim=tools] .lc-cat-seg[data-cat=tools],.lc-chart[data-catdim=user] .lc-cat-seg[data-cat=user],.lc-chart[data-catdim=inject] .lc-cat-seg[data-cat=inject],.lc-chart[data-catdim=skill] .lc-cat-seg[data-cat=skill],.lc-chart[data-catdim=assistant] .lc-cat-seg[data-cat=assistant],.lc-chart[data-catdim=tool] .lc-cat-seg[data-cat=tool]{opacity:1;filter:brightness(1.18)}.lc-dna-hl{z-index:1;pointer-events:none;align-items:stretch;gap:2px;display:flex;position:absolute;inset:18px 2px 0}.lc-dna-cell{flex:none;width:14px;position:relative}.lc-dna-slice{box-sizing:border-box;border:1px solid var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 26%, transparent);border-radius:1px;width:100%;position:absolute;left:0}.lc-duration{z-index:1;pointer-events:none;position:absolute;top:18px;left:2px;overflow:visible}.lc-duration polyline,.lc-duration circle{fill:none;stroke:var(--dsw-alias-brand-primary);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.lc-duration circle{fill:var(--dsw-alias-brand-primary)}.lc-chart-dim .lc-duration{opacity:.35}.lc-bar-marker{z-index:2;color:var(--dsw-alias-state-warn-primary);font-size:11px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.lc-step-flag{z-index:2;background:color-mix(in srgb, var(--color-neutral-500) 45%, transparent);pointer-events:none;width:1px;position:absolute;top:-17px;bottom:0;right:-1px}.lc-step-flag-label{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-neutral-500) 45%, transparent);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:3px;padding:1px 3px;font-size:9px;font-weight:600;line-height:1;position:absolute;top:0;right:0}.lc-turns{box-sizing:border-box;gap:2px;width:max-content;min-width:100%;margin-top:4px;padding:0 2px;display:flex;overflow:hidden}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;height:14px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:3px;flex:none;font-size:10px;font-weight:600;line-height:14px}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{display:inline-block}";
 		const tagId$9 = "dsh-context/trendChart.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$9) + "]") === null) {
 			const tag = document.createElement("style");

package/lib/index.d.ts

@@ -157,6 +157,39 @@ interface TimelineState {
     time: number;
     firstToken?: number;
   };
+  /**
+   * The open step's CLOSED user-wait intervals (real log instants), pushed
+   * replace-style as each wait settles: an approval decision (its asked →
+   * decided pair closes via `stepApprovals`) and an `ask_user_question`
+   * call's whole tool window (its body is the answer wait itself, in both
+   * the blocking and the timed schema's foreground phase). `step/end`
+   * subtracts their clamped union from the step window to price the
+   * request's `activeMs`, then DELETES the slot. Same arm/remove lifecycle
+   * as `stepStart` — never written in place, so no CloneKey covers it.
+   */
+  stepWaits?: {
+    start: number;
+    end: number;
+  }[];
+  /**
+   * The open step's PENDING approval waits (request id → its `approval/asked`
+   * instant), armed only while a step is open and disarmed by the matching
+   * `approval/decided`. A crash mid-decision leaves the pair dangling —
+   * resume repair appends no synthetic decision — so `step/end` closes the
+   * survivors at its own instant. One record, not a map: pending approvals
+   * are a handful at most, and the rebuild-on-change copy stays trivial.
+   * Deleted at `step/start` (a superseded step's leftovers) and `step/end`.
+   */
+  stepApprovals?: Record<string, number>;
+  /**
+   * The seq of the request record committed by the open step's
+   * `assistant/message` — the back-pointer `step/end` stamps `activeMs`
+   * onto. It stays the requests TAIL until then (nothing pushes between a
+   * step's message and its end, and the turn trim only drops the oldest),
+   * so the stamp is an O(1) tail write guarded by the seq. Same arm/remove
+   * lifecycle as `stepStart`.
+   */
+  stepRequestSeq?: number;
   /**
    * The timing strip's painted spans (shared/types.ts TimingSpan): every
    * completed step's time slices in log order, stamped with their REAL
@@ -364,6 +397,8 @@ type DefaultToolSort = 'size' | 'count' | 'name';
 type DefaultPlacement = 'all' | 'tab' | 'sidebar';
 /** Whether the Context Insights panel's sidebar entry is offered at all. */
 type InsightsEntry = 'show' | 'hide';
+/** Whether the trend chart mounts with the per-request duration curve overlaid. */
+type DefaultDurationCurve = 'show' | 'hide';
 interface Snapshot {
   ok: boolean;
   /**
@@ -790,6 +825,15 @@ interface RequestRecord {
    */
   cacheRead?: number;
   output?: number;
+  /**
+   * The request's step ACTIVE milliseconds (`step/start` → `step/end`: the
+   * model call plus its tool runs) minus the in-step user waits — approval
+   * decisions and `ask_user_question` answer windows — the trend chart's
+   * duration overlay. Stamped at `step/end` onto the step's committed record;
+   * absent while that step is still open (the live tail) or when the step
+   * closed without one (an unpaired/hostile log).
+   */
+  activeMs?: number;
   /**
    * Turn-mode aggregate marker, set by the Client's aggregateByTurn (one bar
    * per turn shows its LAST step's record). The Host never sets it.
@@ -913,6 +957,8 @@ export interface Config {
   defaultFileSort?: DefaultFileSort;
   /** Whether the Context Insights panel's sidebar entry is offered. */
   insightsEntry?: InsightsEntry;
+  /** Whether the trend chart mounts with the duration curve overlaid. */
+  defaultDurationCurve?: DefaultDurationCurve;
 }
 /** The cordis `Config` validator and the Config-form generation's served schema. */
 export declare const Config: z$1<Schemastery.ObjectS<NoInfer<{
@@ -929,6 +975,7 @@ export declare const Config: z$1<Schemastery.ObjectS<NoInfer<{
   defaultToolSort: z$1<"count" | "name" | "size", "count" | "name" | "size", Mode>;
   defaultFileSort: z$1<"count" | "latest" | "path", "count" | "latest" | "path", Mode>;
   insightsEntry: z$1<"hide" | "show", "hide" | "show", Mode>;
+  defaultDurationCurve: z$1<"hide" | "show", "hide" | "show", Mode>;
 }>>, Schemastery.ObjectT<NoInfer<{
   maxRequestSteps: z$1<number, number, Mode extends "volatile" | "volatile-defined" ? "volatile-defined" : "defined">;
   maxKeptTurns: z$1<number, number, Mode extends "volatile" | "volatile-defined" ? "volatile-defined" : "defined">;
@@ -943,6 +990,7 @@ export declare const Config: z$1<Schemastery.ObjectS<NoInfer<{
   defaultToolSort: z$1<"count" | "name" | "size", "count" | "name" | "size", Mode>;
   defaultFileSort: z$1<"count" | "latest" | "path", "count" | "latest" | "path", Mode>;
   insightsEntry: z$1<"hide" | "show", "hide" | "show", Mode>;
+  defaultDurationCurve: z$1<"hide" | "show", "hide" | "show", Mode>;
 }>>, "plain">;
 //#endregion
 //#region src/host/index.d.ts

package/lib/index.js

@@ -259,8 +259,8 @@ function estimateBlocks(blocks) {
 }
 /**
 * Price one surface message exactly like dsh's token-meter estimate:
-* an empty-content assistant/message projects to NO message (it only hosts
-* usage), so it prices 0; every other message pays content + role framing.
+* an empty-content assistant/developer event projects to NO message, so it
+* prices 0; every other message pays content + role framing.
 */
 function estimateMessage(message, emptyIsZero = false) {
 	if (emptyIsZero && (message === null || message === void 0 || !Array.isArray(message.content) || message.content.length === 0)) return 0;
@@ -844,6 +844,7 @@ function createTimelineState() {
 function categoryOf(type, message) {
 	if (type === "assistant/message") return "assistant";
 	if (type === "tool/result") return "tool";
+	if (type === "developer/message") return "inject";
 	const kind = message?.source?.kind;
 	if (kind === "skill-invocation" || kind === "skill-catalog") return "skill";
 	if (isInjection(message?.source)) return "inject";
@@ -943,12 +944,9 @@ function removeSurfaceSeqs(st, claimed, goneSeq) {
 	return removed;
 }
 /**
-* The message nested under an event payload's `message` field
-* (`system/message`, `assistant/message`, `tool/result`) — read structurally
-* because the fold needs a TOTAL read over untrusted payloads: a malformed
-* message reads null here, never throws or guesses a shape. Purely a type
-* cast: `deriveEventMessage` returns `event.data` for a user/message (no
-* `data.message` indirection), so its result feeds every other case.
+* A message nested under data.message. A structural read keeps malformed
+* payloads total and handles developer messages absent from the V3
+* dependency's deriveEventMessage. User messages instead live in data itself.
 */
 function messageOf$1(data) {
 	const message = data?.message;
@@ -988,7 +986,7 @@ function applySurface(st, ev, type, data, message) {
 		seq: ev.seq,
 		time: ev.time,
 		cat,
-		tokens: estimateMessage(message, type === "assistant/message")
+		tokens: estimateMessage(message, type === "assistant/message" || type === "developer/message")
 	};
 	const imgs = imageCountOf(message?.content);
 	if (imgs > 0) node.imgs = imgs;
@@ -1397,13 +1395,38 @@ function applyTimeline(state, event, bounds) {
 				const s = ensure([]);
 				s.stepStart = { time: event.time };
 				delete s.stepSpans;
+				delete s.stepWaits;
+				delete s.stepApprovals;
+				delete s.stepRequestSeq;
 				break;
 			}
 			case "step/end": {
 				const start = state.stepStart;
 				if (start === void 0) return state;
-				const s = ensure(["timing"]);
+				const s = ensure(state.stepRequestSeq !== void 0 ? ["timing", "requests"] : ["timing"]);
 				ensureTiming(s).wallMs += durOf(start.time, event.time);
+				const waits = [...state.stepWaits ?? []];
+				for (const id in state.stepApprovals) waits.push({
+					start: state.stepApprovals[id],
+					end: event.time
+				});
+				waits.sort((a, b) => a.start - b.start || a.end - b.end);
+				let waitMs = 0;
+				let waitCursor = start.time;
+				for (const wait of waits) {
+					const from = Math.max(waitCursor, wait.start);
+					const to = Math.min(wait.end, event.time);
+					if (to > from) {
+						waitMs += to - from;
+						waitCursor = to;
+					}
+				}
+				const activeMs = durOf(start.time, event.time) - waitMs;
+				const last = state.requests.at(-1);
+				if (last !== void 0 && last.seq === state.stepRequestSeq) s.requests[s.requests.length - 1] = {
+					...last,
+					activeMs
+				};
 				const painted = [];
 				for (const span of state.stepSpans ?? []) {
 					const from = Math.max(start.time, span.start);
@@ -1440,11 +1463,43 @@ function applyTimeline(state, event, bounds) {
 				s.spans = [...state.spans, ...flushed];
 				delete s.stepStart;
 				delete s.stepSpans;
+				delete s.stepWaits;
+				delete s.stepApprovals;
+				delete s.stepRequestSeq;
 				bumpDetailRev(s);
 				break;
 			}
-			case "user/message": {
-				const msg = deriveEventMessage(event);
+			case "approval/asked": {
+				const id = data?.id;
+				if (state.stepStart === void 0 || typeof id !== "string") return state;
+				const s = ensure([]);
+				s.stepApprovals = {
+					...state.stepApprovals,
+					[id]: event.time
+				};
+				break;
+			}
+			case "approval/decided": {
+				const id = data?.id;
+				const open = state.stepApprovals;
+				const askedAt = typeof id === "string" ? open?.[id] : void 0;
+				if (open === void 0 || askedAt === void 0) return state;
+				const s = ensure([]);
+				s.stepWaits = [...state.stepWaits ?? [], {
+					start: askedAt,
+					end: event.time
+				}];
+				const kept = {};
+				for (const k in open) if (k !== id) kept[k] = open[k];
+				if (Object.keys(kept).length > 0) s.stepApprovals = kept;
+				else delete s.stepApprovals;
+				break;
+			}
+			case "user/message":
+			case "developer/message": {
+				const developer = event.type === "developer/message";
+				const msg = developer ? messageOf$1(data) : deriveEventMessage(event);
+				if (developer && (msg === null || !Array.isArray(msg.content))) return state;
 				const s = ensure([
 					"surface",
 					"sums",
@@ -1454,15 +1509,15 @@ function applyTimeline(state, event, bounds) {
 				bumpDetailRev(s);
 				const node = applySurface(s, event, event.type, data, msg);
 				const source = msg?.source;
-				if (isInjection(source)) {
+				if (developer || isInjection(source)) {
 					const rec = {
 						seq: event.seq,
 						time: event.time,
 						kind: "inject",
-						form: typeof source.form === "string" && source.form !== "" ? source.form : "context",
+						form: typeof source?.form === "string" && source.form !== "" ? source.form : "context",
 						tokens: node.tokens
 					};
-					if (source.kind === "skill-invocation") {
+					if (source?.kind === "skill-invocation") {
 						rec.sub = "skill";
 						rec.name = typeof source.name === "string" ? source.name : "?";
 					} else {
@@ -1471,7 +1526,7 @@ function applyTimeline(state, event, bounds) {
 							rec.name = label;
 							node.name = label;
 						}
-						if (source.form === "notice" && typeof source.summary === "string" && source.summary !== "") rec.detail = source.summary;
+						if (source?.form === "notice" && typeof source.summary === "string" && source.summary !== "") rec.detail = source.summary;
 					}
 					s.events.push(rec);
 				} else {
@@ -1498,6 +1553,10 @@ function applyTimeline(state, event, bounds) {
 				bumpDetailRev(s);
 				const node = applySurface(s, event, event.type, data, toolMsg);
 				if (node.tool === ASK_USER_TOOL) s.humanInputs = (s.humanInputs ?? 0) + 1;
+				if (pendingEntry !== void 0 && pendingEntry.name === ASK_USER_TOOL && state.stepStart !== void 0) s.stepWaits = [...state.stepWaits ?? [], {
+					start: pendingEntry.start,
+					end: event.time
+				}];
 				if (pendingEntry !== void 0) pushFileOps(s, opsOfCall({
 					seq: event.seq,
 					time: event.time,
@@ -1565,6 +1624,7 @@ function applyTimeline(state, event, bounds) {
 				};
 				if (data && typeof data.turn === "number") record.turn = data.turn;
 				if (data && typeof data.step === "number") record.step = data.step;
+				if (state.stepStart !== void 0) s.stepRequestSeq = record.seq;
 				let output = null;
 				if (usage !== null && typeof usage === "object") {
 					const input = tokenCountOf(usage.inputTokens);
@@ -2155,12 +2215,15 @@ const FIRST_PARTY_SOURCES = Object.freeze({
 * first argument, so `reader.fiber.name` identifies the plugin that is about
 * to call `register()`.
 *
-* - The `internal/get` handler records who last read the `tools` service and
-*   wraps that instance's `register` (once — an earlier wrapper of a previous
-*   hook incarnation is peeled back to the original, so a plugin reload
-*   re-wraps without stacking) to capture the reader at registration time
-*   into a live map. Every wrapper is undone when the plugin unloads: the
-*   original `register` goes back on the instance, unless a newer hook
+* - The `internal/get` handler records the reading fiber's NAME — a scalar,
+*   never the reader context, which would pin the caller's whole agent — and
+*   wraps the tools service's `register` (once per underlying instance —
+*   cordis hands out a fresh traced proxy per read of a tracked service, so
+*   the proxy is peeled to the stable instance first; an earlier wrapper of a
+*   previous hook incarnation is peeled back to the original, so a plugin
+*   reload re-wraps without stacking) to capture the reader at registration
+*   time into a live map. Every wrapper is undone when the plugin unloads:
+*   the original `register` goes back on the instance, unless a newer hook
 *   incarnation re-wrapped it first (that incarnation's own cleanup then
 *   owns the restore).
 * - When the reader slot is missing, root-named, or this plugin's own (e.g.
@@ -2221,6 +2284,20 @@ function packageNameFrom(file) {
 	}
 }
 const FRAME_POSITION = /:\d+:\d+$/;
+/** Symbol cordis registers (`Symbol.for`) on its traced proxies: reading it
+* yields the wrapped target — the stable underlying service instance. */
+const CORDIS_ORIGINAL = Symbol.for("cordis.original");
+/**
+* Peel cordis's per-read traced proxy of a tracked service (dsh's ToolRuntime
+* is one — every `ctx.tools` read returns a fresh proxy closing over the
+* reader's context) down to the instance it wraps, so identity-keyed
+* bookkeeping sees one stable object. Plain service objects pass through
+* unchanged.
+* @param tools - the value as handed out by a context read.
+*/
+function rawInstanceOf(tools) {
+	return tools?.[CORDIS_ORIGINAL] ?? tools;
+}
 /** Package name of this module's own package (self-fallbacks are filtered). */
 const selfPackage = packageNameFrom(selfUrl);
 /**
@@ -2279,7 +2356,7 @@ function createToolAttribution(ctx) {
 		const instance = tools;
 		const wrappedRegister = function(definition) {
 			const toolName = definition?.name;
-			let owner = lastReader?.fiber.name;
+			let owner = lastReader;
 			if (!owner || owner === "root" || owner === self) owner = callerPackageFrom((/* @__PURE__ */ new Error()).stack);
 			const dispose = original.call(this, definition);
 			if (typeof toolName === "string" && owner && owner !== "root" && owner !== self && owner !== selfPackage) {
@@ -2303,14 +2380,14 @@ function createToolAttribution(ctx) {
 	ctx.on("internal/get", (reader, name, _error, next) => {
 		if (name !== "tools") return next();
 		const tools = next();
-		lastReader = reader;
-		wrapInstance(tools);
+		lastReader = reader.fiber.name;
+		wrapInstance(rawInstanceOf(tools));
 		return tools;
 	});
 	ctx.effect(() => () => {
 		for (const restore of patched.splice(0)) restore();
 	}, "tools.register attribution");
-	const toolsService = ctx.get("tools", false);
+	const toolsService = rawInstanceOf(ctx.get("tools", false));
 	wrapInstance(toolsService);
 	const boot = /* @__PURE__ */ new Set();
 	try {
@@ -2777,7 +2854,8 @@ const Config = z$1.object({
 		"latest",
 		"path"
 	]).default("count").loose()),
-	insightsEntry: volatileField(z$1.union(["show", "hide"]).default("show").loose())
+	insightsEntry: volatileField(z$1.union(["show", "hide"]).default("show").loose()),
+	defaultDurationCurve: volatileField(z$1.union(["show", "hide"]).default("show").loose())
 });
 /** Resolve the fold's retention bounds (the schema fills every default). */
 function resolveBounds(config) {
@@ -3157,6 +3235,11 @@ const requestRecordSchema = z.object({
 	skill: z.number().int().nonnegative().optional(),
 	cacheRead: z.number().int().nonnegative().optional(),
 	output: z.number().int().nonnegative().optional(),
+	/**
+	* The request's step active milliseconds (see RequestRecord.activeMs).
+	* Optional so a record whose step never closed (the live tail) still parses.
+	*/
+	activeMs: z.number().nonnegative().optional(),
 	stepCount: z.number().int().positive().optional()
 }).strict();
 const contextEventSchema = z.object({
@@ -3356,6 +3439,12 @@ const timelineStateSchema = z.object({
 		time: z.number(),
 		firstToken: z.number().optional()
 	}).strict().optional(),
+	stepWaits: z.array(z.object({
+		start: z.number(),
+		end: z.number()
+	}).strict()).optional(),
+	stepApprovals: z.record(z.string(), z.number()).optional(),
+	stepRequestSeq: z.number().optional(),
 	callNames: z.record(z.string(), z.object({
 		name: z.string(),
 		start: z.number(),
@@ -3415,7 +3504,7 @@ function createContextTimelineDefinition(config, slim) {
 		},
 		init: () => createTimelineState(),
 		apply: (state, event) => applyTimeline(state, event, bounds),
-		stateVersion: 24
+		stateVersion: 26
 	};
 }
 //#endregion
@@ -3538,7 +3627,8 @@ const SettingsSchema = z$1.object({
 		"latest",
 		"path"
 	]).default("count").loose(),
-	insightsEntry: z$1.union(["show", "hide"]).default("show").loose()
+	insightsEntry: z$1.union(["show", "hide"]).default("show").loose(),
+	defaultDurationCurve: z$1.union(["show", "hide"]).default("show").loose()
 });
 /** Serve the namespace while a settings provider with the register face is composed; inert otherwise. */
 function installSettings(ctx) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-context",
-  "version": "0.62.2",
+  "version": "0.63.0",
   "description": "A DeepSeek Harness plugin for context insight and management, with context dashboard and context command, for understanding how the context is made of, and how it evolves.",
   "icon": "icon.svg",
   "author": "bowenliang123",