@deepseek-ai/dsh-client-ui-trajectory 0.1.2-rc.1 → 0.1.5-alpha.1

package/README.i18n.yaml

@@ -2,5 +2,5 @@
 # side as of the last confirmed-consistent state. Both languages carry equal authority;
 # after editing either side, bring the other along and re-record with:
 #   pnpm run verify-translation-pairing --write packages/client/ui-trajectory/README.md
-README.md: d947787c123fca77dc7978456f4cfdc4e99951bf
-README.zh.md: 3b281c6c1e90108d66f050e07a3b08208ed8c802
+README.md: 2b8ecff50b498be529ccf7e35e528f7554084940
+README.zh.md: 8463bd0a68c32753138425d968db229726b5bd1a

package/README.md

@@ -9,7 +9,7 @@ English | [中文](README.zh.md)
 
 ## Summary
 
-`dsh-client-ui-trajectory` is the Trajectory view of the dsh web client: it renders a turn-aware event ledger with selectable User, Assistant, Tool, and nested Subtool records, plus an interactive timing overview. Thick rules mark Turn boundaries, compact inline markers identify Steps, and selecting a record opens a local inspector for token usage, duration, Input, Output, Timing, and durable images from user, assistant, or tool content. The view is a pure consumer: it registers target-specific Event Definitions, a Trajectory view builder, and one tab in the conversation's `conversation.view` slot ring, and provides no service and declares no Context merge. Its typed `trajectory` locale namespace owns every product-authored ledger, timeline, inspector, tooltip, and accessibility phrase; event content, tool names, identifiers, and provider diagnostics remain verbatim data. Long ledgers open at the current tail, page older history on demand, and mount only the visible row window.
+The Trajectory tab lets you inspect agent activity as a turn-aware ledger and interactive timing overview. It groups User, Assistant, Tool, nested Subtool, and compaction records, marks turn and step boundaries, and opens a record inspector for token usage, duration, input, output, timing, images, and attachment summaries. Long histories open at the current tail, load older pages on demand, and render only visible rows. During streaming, the view follows the tail until you scroll upward, and in-flight records show a start marker without inventing elapsed time.
 
 ## Table of Contents
 
@@ -29,7 +29,7 @@ Open the Trajectory tab in the conversation's view ring to inspect agent activit
 
 ### Inspecting records
 
-Selection, timeline navigation, folding, and search cover the React-visible window. Request numbers and cumulative usage cover the complete resident snapshot. Selecting a record opens a local inspector for token usage, duration, Input, Output, Timing, and durable images. Image URLs use the Conversation-owned per-session cache, so Chat and Trajectory share one authorized read per attachment. A record without text labels its row with the image count. A standalone compaction request appears chronologically in its own `Between turns` section, while a numbered compaction remains inside its owning turn.
+Selection, timeline navigation, folding, and search cover the React-visible window. Request numbers and cumulative usage cover the complete resident snapshot. Selecting a record opens a local inspector for token usage, duration, Input, Output, Timing, and durable images. Image URLs use the Conversation-owned per-session cache, so Chat and Trajectory share one authorized read per attachment. A user record shows the generic-file count beside its text, while a record without text shows its image and file counts. A standalone compaction request appears chronologically in its own `Between turns` section, while a numbered compaction remains inside its owning turn.
 
 ### The timing overview
 
@@ -45,9 +45,11 @@ A fixed Overview above the ledger projects real record start/duration timing fro
 
 The view is a pure projection: Trajectory-owned Definitions assemble business records from the shared Session window — including durable cancellation-finalized prefixes, chunk-only interruption fallbacks, and interrupted Tool records — so Trajectory neither reads nor changes the Chat conversation snapshot. Its steering classifier retains only next-step Inbox IDs through persistent splice state and shares each current claimed batch across later Contexts.
 
+A complete appended prompt without a loaded request header appears as a standalone system row; only its known text is available, with no inferred request options or tool catalog. Prepending its request history replaces that standalone presentation without duplicating the prompt. In-history system prompt changes compare against the most recent request state, including earlier prompt updates without a new request header. Each request retains the prompt and change that applied at its own position. Surface replacements, including compaction, restore the last nonempty surviving system prompt even without a new system event; an unloaded prompt remains unavailable until its page arrives.
+
 ### Virtual rows
 
-Long ledgers initially derive React data from 50 target Nodes ending at the mount-time tail. Later Nodes extend that anchored window without evicting its prefix, and the existing load control reveals earlier resident Nodes before requesting another Session page. Virtualization mounts only the visible row window plus a small overscan; request-only separators share the next measurable virtual item, while semantic row keys and ARIA indexes survive prepends. Content-only stream frames preserve virtual row keys and heights, reuse measurements, and do not issue repeated tail-scroll writes. Completed replies retain assembled blocks, timing, and usage in Trajectory target State, while the shared Session window keeps the raw Events.
+Long ledgers initially derive React data from 50 target Nodes ending at the mount-time tail. Later Nodes extend that anchored window without evicting its prefix, and the existing load control reveals earlier resident Nodes before requesting another Session page. Virtualization mounts only the visible row window plus a small overscan; request-only separators share the next measurable virtual item, while semantic row keys and ARIA indexes survive prepends. The virtualizer owns bottom following for structural appends; non-virtual ledgers use a direct tail-position write. Content-only stream frames preserve virtual row keys and heights, reuse measurements, and do not issue repeated tail-scroll writes. Completed replies retain assembled blocks, timing, and usage in Trajectory target State, while the shared Session window keeps the raw Events.
 
 ### Layout
 

package/README.zh.md

@@ -9,7 +9,7 @@ kind: "package-reference"
 
 ## 概述
 
-`dsh-client-ui-trajectory` 是 dsh Web 客户端的 Trajectory 视图：它渲染按轮次组织的事件记录表，其中可选择用户、助手、工具与嵌套子工具记录，并带交互式时间概览。较粗的分割线标示轮次边界，紧凑的行内标记标识步骤；选择记录会打开局部检查器，查看 token 用量、耗时、输入、输出、计时，以及用户、助手或工具内容中的持久图片。该视图是纯消费方：它注册 target 专属 Event Definition、Trajectory view builder 以及对话 `conversation.view` slot 环中的一个视图标签页，不提供 service，也不声明 Context 合并。带类型的 `trajectory` locale namespace 拥有所有产品编写的 ledger、timeline、inspector、tooltip 与无障碍文案；事件内容、工具名称、标识符与 provider 诊断保持原始数据。长记录表打开时定位于当前尾部、按需加载更早历史，并且只挂载可见行窗口。
+Trajectory 标签页让你以按轮次组织的事件记录表和交互式时间概览检查 agent 活动。它对用户、助手、工具、嵌套子工具和压缩记录分组，标示轮次与步骤边界，并为所选记录打开检查器，显示 token 用量、耗时、输入、输出、计时、图片和附件摘要。较长历史打开时定位于当前尾部，按需加载更早页面，并且只渲染可见行。流式输出期间，视图会跟随尾部，直到你向上滚动；进行中的记录只显示开始标记，不会虚构耗时。
 
 ## 目录
 
@@ -29,7 +29,7 @@ kind: "package-reference"
 
 ### 检查记录
 
-选择、时间线导航、折叠与搜索只覆盖 React 可见窗口。请求编号与累计用量覆盖完整的驻留 snapshot。选择记录会打开局部检查器，查看 token 用量、耗时、输入、输出、计时与持久图片。图片 URL 使用 Conversation 拥有的逐会话缓存，因此 Chat 与 Trajectory 对每个附件共享一次已授权读取。没有文本的记录会用图片数量标记其行。独立运行的压缩请求会按时间顺序显示在自己的 `Between turns` 区段中，而带编号的压缩仍位于其所属轮次内。
+选择、时间线导航、折叠与搜索只覆盖 React 可见窗口。请求编号与累计用量覆盖完整的驻留 snapshot。选择记录会打开局部检查器，查看 token 用量、耗时、输入、输出、计时与持久图片。图片 URL 使用 Conversation 拥有的逐会话缓存，因此 Chat 与 Trajectory 对每个附件共享一次已授权读取。用户记录会在文本旁显示通用文件数量；记录没有文本时，则显示图片与文件数量。独立运行的压缩请求会按时间顺序显示在自己的 `Between turns` 区段中，而带编号的压缩仍位于其所属轮次内。
 
 ### 时间概览
 
@@ -45,9 +45,11 @@ kind: "package-reference"
 
 视图是纯投影：Trajectory 自有的 Definition 从共享 Session 窗口组装业务记录——包括持久化的取消定稿前缀、只能从分片恢复的打断前缀与被打断的工具记录——因此 Trajectory 既不读取也不改变 Chat 会话快照。其 steering 分类器通过持久 splice state 只保留 next-step Inbox ID，并让后续 Context 共享当前 claimed batch。
 
+完整的追加提示词在请求头未加载时显示为独立系统行；仅提供已知文本，不推断请求选项或工具目录。补入其请求历史后，该独立展示被替代而不重复提示词。历史中的系统提示词变更与最近的请求状态比较，包括没有新请求头的先前提示词更新。每个请求保留其所在位置生效的提示词与变更。包括压缩在内的 surface 替换会恢复最后一个非空的存活系统提示词，即使没有新的系统事件；未加载的提示词在对应分页到达前仍不可用。
+
 ### 虚拟行
 
-长记录表最初只从挂载时尾部结束的 50 个 target Node 派生 React 数据。后续 Node 会扩展这个固定起点的窗口而不会逐出其前缀；现有加载控件会先显露更早的驻留 Node，再请求下一个 Session 页面。虚拟化只挂载可见行窗口加少量缓冲；仅含请求的分隔行并入下一个具备可测高度的虚拟项，语义行键与 ARIA 索引在向前补页后保持不变。仅含内容更新的流式帧会保持虚拟行的键与高度、复用测量结果，并且不会重复写入末尾滚动位置。已完成的回复会在 Trajectory target State 中保留组装后的 blocks、计时与用量，共享 Session 窗口则保留原始 Event。
+长记录表最初只从挂载时尾部结束的 50 个 target Node 派生 React 数据。后续 Node 会扩展这个固定起点的窗口而不会逐出其前缀；现有加载控件会先显露更早的驻留 Node，再请求下一个 Session 页面。虚拟化只挂载可见行窗口加少量缓冲；仅含请求的分隔行并入下一个具备可测高度的虚拟项，语义行键与 ARIA 索引在向前补页后保持不变。虚拟化器负责结构性追加后的底部跟随；非虚拟记录表会直接写入末尾位置。仅含内容更新的流式帧会保持虚拟行的键与高度、复用测量结果，并且不会重复写入末尾滚动位置。已完成的回复会在 Trajectory target State 中保留组装后的 blocks、计时与用量，共享 Session 窗口则保留原始 Event。
 
 ### 布局
 

package/lib/client.js

@@ -216,6 +216,7 @@ window.__ModuleLoader__.load({
 			"layout.compacted": "上下文已压缩",
 			"layout.toolCallOnly": "仅工具调用",
 			"layout.imageOnly": "图片 ×{count}",
+			"layout.fileAttachments": "文件 ×{count}",
 			"layout.initialSystemPrompt": "初始系统提示词",
 			"layout.systemPromptUpdated": "系统提示词已更新",
 			"layout.toolsUpdated": "工具已更新",
@@ -393,6 +394,7 @@ window.__ModuleLoader__.load({
 			"layout.compacted": "Context compacted",
 			"layout.toolCallOnly": "Tool call only",
 			"layout.imageOnly": "Images ×{count}",
+			"layout.fileAttachments": "Files ×{count}",
 			"layout.initialSystemPrompt": "Initial System Prompt",
 			"layout.systemPromptUpdated": "System Prompt Updated",
 			"layout.toolsUpdated": "Tools Updated",
@@ -597,9 +599,6 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/trajectory-assistant-definition.js
-		function isChunkRunEvent(event) {
-			return event.type === "chunkrow/text-chunks" || event.type === "chunkrow/reasoning-chunks" || event.type === "chunkrow/tool-call-chunks";
-		}
 		function initialState(turn, step, startSeq, startTime, started) {
 			return {
 				turn,
@@ -647,9 +646,7 @@ window.__ModuleLoader__.load({
 				...current?.reasoningTokens === void 0 && next.reasoningTokens === void 0 ? {} : { reasoningTokens: (current?.reasoningTokens ?? 0) + (next.reasoningTokens ?? 0) }
 			};
 		}
-		function updateChunk(state, match) {
-			if (match.event.type !== "assistant/chunk") return state;
-			const chunk = match.event.data.chunk;
+		function updateChunk(state, chunk, seq, time) {
 			if (chunk.type === "usage") return {
 				...state,
 				sawChunk: true,
@@ -719,78 +716,21 @@ window.__ModuleLoader__.load({
 				blocks,
 				visibleBlocks,
 				...visibleBlocks > 0 && state.firstVisibleSeq === void 0 ? {
-					firstVisibleSeq: match.event.seq,
-					firstVisibleTime: match.event.time
+					firstVisibleSeq: seq,
+					firstVisibleTime: time
 				} : {},
-				...isTokenDelta(chunk) && state.firstTokenTime === void 0 ? { firstTokenTime: match.event.time } : {}
+				...isTokenDelta(chunk) && state.firstTokenTime === void 0 ? { firstTokenTime: time } : {}
 			};
 		}
-		function chunkRunBoundaries(event, needsToken, needsVisible, visibleFromStart) {
-			const fragments = event.type === "chunkrow/tool-call-chunks" ? event.data.args : event.data.texts;
-			const nameStartsToken = event.type === "chunkrow/tool-call-chunks" && Object.hasOwn(event.data, "name");
-			let firstTokenTime;
-			let firstVisible;
-			let time = event.time;
-			for (let index = 0; index < fragments.length; index++) {
-				const fragment = fragments[index];
-				if (needsToken && firstTokenTime === void 0 && (nameStartsToken || fragment !== "")) firstTokenTime = time;
-				if (needsVisible && firstVisible === void 0 && (visibleFromStart || event.type !== "chunkrow/tool-call-chunks" && fragment.trim() !== "")) firstVisible = {
-					seq: event.seq + index,
-					time
-				};
-				if ((!needsToken || firstTokenTime !== void 0) && (!needsVisible || firstVisible !== void 0)) break;
-				time += event.data.dt[index] ?? 0;
-			}
-			return {
-				firstTokenTime,
-				firstVisible
-			};
-		}
-		function updateChunkRun(state, event) {
-			const blocks = [...state.blocks];
-			const previous = blocks[event.data.index];
-			const previousVisible = blockIsVisible(previous);
-			let visibleFromStart = state.visibleBlocks - Number(previousVisible) > 0;
-			if (event.type === "chunkrow/text-chunks") {
-				const text = previous?.kind === "text" ? previous.text : "";
-				visibleFromStart ||= text.trim() !== "";
-				blocks[event.data.index] = {
-					kind: "text",
-					text: text + event.data.texts.join("")
-				};
-			} else if (event.type === "chunkrow/reasoning-chunks") {
-				const text = previous?.kind === "reasoning" ? previous.text : "";
-				visibleFromStart ||= text.trim() !== "";
-				blocks[event.data.index] = {
-					kind: "reasoning",
-					text: text + event.data.texts.join("")
-				};
-			} else {
-				const base = previous?.kind === "tool-call" ? previous : {
-					kind: "tool-call",
-					callId: "",
-					name: "",
-					argsRaw: ""
-				};
-				blocks[event.data.index] = {
-					kind: "tool-call",
-					callId: base.callId || String(event.data.id),
-					name: Object.hasOwn(event.data, "name") ? event.data.name : base.name,
-					argsRaw: base.argsRaw + event.data.args.join("")
-				};
-			}
-			const boundaries = chunkRunBoundaries(event, state.firstTokenTime === void 0, state.firstVisibleSeq === void 0, visibleFromStart);
-			const visibleBlocks = state.visibleBlocks - Number(previousVisible) + Number(blockIsVisible(blocks[event.data.index]));
+		function settleMessage(state, match, event) {
+			const blocks = toAssistantBlocks(event.data.message.content);
 			return {
 				...state,
-				sawChunk: true,
+				sawChunk: false,
 				blocks,
-				visibleBlocks,
-				...boundaries.firstVisible === void 0 ? {} : {
-					firstVisibleSeq: boundaries.firstVisible.seq,
-					firstVisibleTime: boundaries.firstVisible.time
-				},
-				...boundaries.firstTokenTime === void 0 ? {} : { firstTokenTime: boundaries.firstTokenTime }
+				visibleBlocks: countVisibleBlocks(blocks),
+				final: match,
+				usage: event.data.usage
 			};
 		}
 		function closedBoundary(context) {
@@ -802,25 +742,13 @@ window.__ModuleLoader__.load({
 		function fallbackState$1(context) {
 			let state;
 			for (const match of context.matches) {
-				if (isChunkRunEvent(match.event)) {
-					state ??= initialState(match.event.data.turn, match.event.data.step, match.event.seq, match.event.time, false);
-					state = updateChunkRun(state, match.event);
-					continue;
-				}
 				const event = match.event;
-				if (event.type === "assistant/chunk") {
+				if (event.type === "assistant/live-chunk") {
 					state ??= initialState(event.data.turn, event.data.step, event.seq, event.time, false);
-					state = updateChunk(state, match);
+					state = updateChunk(state, event.data.chunk, event.seq, event.time);
 				} else if (event.type === "assistant/message") {
 					state ??= initialState(event.data.turn, event.data.step, event.seq, event.time, false);
-					const blocks = toAssistantBlocks(event.data.message.content);
-					state = {
-						...state,
-						blocks,
-						visibleBlocks: countVisibleBlocks(blocks),
-						final: match,
-						usage: state.usage ?? event.data.usage
-					};
+					state = settleMessage(state, match, event);
 				} else if (event.type === "step/end" && state !== void 0) state = {
 					...state,
 					stepEnd: match
@@ -901,11 +829,7 @@ window.__ModuleLoader__.load({
 					id: `${event.data.turn}:${event.data.step}`,
 					role: "start"
 				};
-				if (event.type === "assistant/chunk" || event.type === "assistant/message" || event.type === "llm/retry" || event.type === "step/end") return {
-					id: `${event.data.turn}:${event.data.step}`,
-					role: "update"
-				};
-				if (isChunkRunEvent(event)) return {
+				if (event.type === "assistant/live-chunk" || event.type === "assistant/message" || event.type === "llm/retry" || event.type === "step/end") return {
 					id: `${event.data.turn}:${event.data.step}`,
 					role: "update"
 				};
@@ -916,18 +840,8 @@ window.__ModuleLoader__.load({
 				return initialState(match.event.data.turn, match.event.data.step, match.event.seq, match.event.time, true);
 			},
 			update: (context, match) => {
-				if (isChunkRunEvent(match.event)) return updateChunkRun(context.state, match.event);
-				if (match.event.type === "assistant/chunk") return updateChunk(context.state, match);
-				if (match.event.type === "assistant/message") {
-					const blocks = toAssistantBlocks(match.event.data.message.content);
-					return {
-						...context.state,
-						blocks,
-						visibleBlocks: countVisibleBlocks(blocks),
-						final: match,
-						usage: context.state.usage ?? match.event.data.usage
-					};
-				}
+				if (match.event.type === "assistant/live-chunk") return updateChunk(context.state, match.event.data.chunk, match.event.seq, match.event.time);
+				if (match.event.type === "assistant/message") return settleMessage(context.state, match, match.event);
 				if (match.event.type === "step/end") return {
 					...context.state,
 					stepEnd: match
@@ -950,8 +864,7 @@ window.__ModuleLoader__.load({
 			},
 			publication: (match) => {
 				if (match.event.type === "step/start") return "none";
-				if (isChunkRunEvent(match.event)) return "animation-frame";
-				if (match.event.type !== "assistant/chunk") return "immediate";
+				if (match.event.type !== "assistant/live-chunk") return "immediate";
 				const type = match.event.data.chunk.type;
 				return type === "usage" || type === "finish" ? "none" : "animation-frame";
 			},
@@ -1257,6 +1170,88 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/trajectory-request-header-definition.js
 		/**
+		* Definition retaining each `system/message` surface node for the Trajectory
+		* request-header Definition, which reads it through `reader.previous` and
+		* presents the prompt through the request's `system` cell. A node that
+		* lacks a loaded header contributes known text without request config or tools; an in-history
+		* update contributes a request-header fact at its own position, since no
+		* `request/header` follows a prompt change that keeps the cached history.
+		* Surface replacements also contribute prompt changes when they remove the
+		* effective node; earlier request facts remain historical.
+		* @param inspect - Pure surface interpretation supplied by uiConversation.
+		* @returns The Trajectory system-prompt Definition.
+		*/
+		function trajectorySystemMessageDefinition(inspect) {
+			return {
+				kind: "trajectory-system-message",
+				target: "trajectory",
+				match: (event) => event.type === "system/message" || "surfaceOp" in event && event.surfaceOp !== "append" ? {
+					id: String(event.seq),
+					role: "start"
+				} : null,
+				start: (_context, match, reader) => {
+					const prior = reader.previous("trajectory-system-message")?.state;
+					const state = inspect(prior, match.event);
+					const node = state.effective;
+					if (state.uncertain) {
+						const header = reader.previous("trajectory-request-header")?.state;
+						if (header === void 0) return state;
+						return {
+							...state,
+							header: {
+								seq: match.event.seq,
+								time: match.event.time,
+								location: match.location,
+								prompt: {
+									...header.prompt,
+									system: ""
+								}
+							}
+						};
+					}
+					if (node === void 0 || node.text === prior?.effective?.text || state.introduced !== void 0 && !state.introduced.update) return {
+						...state,
+						...prior?.header === void 0 ? {} : { header: prior.header }
+					};
+					const header = reader.previous("trajectory-request-header")?.state;
+					const systemHeader = prior?.header;
+					const previous = systemHeader !== void 0 && (header === void 0 || systemHeader.seq > header.seq) ? systemHeader : header;
+					if (previous === void 0) return state;
+					return {
+						...state,
+						header: {
+							seq: node.seq,
+							time: node.time,
+							prompt: {
+								...previous.prompt,
+								system: node.text
+							},
+							change: {
+								seq: node.seq,
+								time: node.time,
+								kind: "system",
+								previous: previous.prompt
+							},
+							location: match.location
+						}
+					};
+				},
+				update: (context) => context.state,
+				buildViewNode: (context) => {
+					const state = context.state;
+					if (state?.header !== void 0 && state.header.seq === context.start?.event.seq) return trajectoryNode(context, state.header.seq, {
+						kind: "request-header",
+						header: state.header
+					});
+					const prompt = state?.introduced;
+					return prompt !== void 0 && prompt.text !== "" && context.start?.event.type === "system/message" && context.start.event.surfaceOp === "append" ? trajectoryNode(context, prompt.seq, {
+						kind: "system-prompt",
+						prompt
+					}) : null;
+				}
+			};
+		}
+		/**
 		* Request-header fact Definition for the Trajectory target.
 		* @param inspect - the shared prompt interpretation, supplied by the
 		* uiConversation service (a client bundle cannot value-import it).
@@ -1272,8 +1267,14 @@ window.__ModuleLoader__.load({
 				} : null,
 				start: (_context, match, reader) => {
 					if (match.event.type !== "request/header") throw new Error("trajectory-request-header start requires request/header");
-					const previous = reader.previous("trajectory-request-header")?.state.prompt;
-					const { prompt, change } = inspect(previous, match.event);
+					const header = reader.previous("trajectory-request-header")?.state;
+					const state = reader.previous("trajectory-system-message")?.state;
+					const systemHeader = state?.header;
+					const previous = systemHeader !== void 0 && (header === void 0 || systemHeader.seq > header.seq) ? systemHeader.prompt : header?.prompt;
+					const system = state?.effective;
+					const inspection = inspect(previous, match.event, system);
+					const { prompt } = inspection;
+					const change = inspection.change ?? (systemHeader !== void 0 && (header === void 0 || systemHeader.seq > header.seq) ? systemHeader.change : void 0);
 					return {
 						seq: match.event.seq,
 						time: match.event.time,
@@ -1290,12 +1291,13 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
-		* Register Trajectory request-header facts.
+		* Register Trajectory system-prompt node and request-header facts.
 		*
-		* @param ctx - Plugin context receiving the Definition.
+		* @param ctx - Plugin context receiving the Definitions.
 		*/
 		function registerTrajectoryRequestHeaderDefinition(ctx) {
-			ctx.uiConversation.events.register(trajectoryRequestHeaderDefinition((previous, event) => ctx.uiConversation.inspectRequestPrompt(previous, event)));
+			ctx.uiConversation.events.register(trajectorySystemMessageDefinition((previous, event) => ctx.uiConversation.inspectSystemPrompt(previous, event)));
+			ctx.uiConversation.events.register(trajectoryRequestHeaderDefinition((previous, event, system) => ctx.uiConversation.inspectRequestPrompt(previous, event, system)));
 		}
 		//#endregion
 		//#region lib/types/client/copy-codes.js
@@ -1431,6 +1433,8 @@ window.__ModuleLoader__.load({
 						...contribution.data.header.change !== void 0 ? { change: contribution.data.header.change } : previous?.change === void 0 ? {} : { change: previous.change }
 					});
 				}
+				const representedPrompts = new Set(this.contributions.flatMap((node) => node.data.kind === "request-header" && node.data.header.change !== void 0 ? [node.data.header.change.seq] : []));
+				const systemPrompts = [];
 				const finalized = [];
 				const eventLocations = /* @__PURE__ */ new Map();
 				const requests = [];
@@ -1444,6 +1448,10 @@ window.__ModuleLoader__.load({
 				const runningCalls = [];
 				for (const contribution of this.contributions) {
 					const data = contribution.data;
+					if (data.kind === "system-prompt") {
+						if (!representedPrompts.has(data.prompt.seq)) systemPrompts.push(data.prompt);
+						continue;
+					}
 					if (data.kind === "request-header") {
 						previousHeader = data.header;
 						previousTools = indexTools(data.header.prompt.tools);
@@ -1496,6 +1504,7 @@ window.__ModuleLoader__.load({
 				finalized.sort((left, right) => left.seq - right.seq);
 				return {
 					eventNodes: finalized,
+					...systemPrompts.length > 0 ? { systemPrompts } : {},
 					eventLocations,
 					requests,
 					callSchemas,
@@ -1622,16 +1631,16 @@ window.__ModuleLoader__.load({
 		}
 		function updateDispatch(state, match) {
 			const event = match.event;
-			if (event.type !== "tool/code-dispatch-start" && event.type !== "tool/code-dispatch") return state;
+			if (event.type !== "tool/ptc-dispatch-start" && event.type !== "tool/ptc-dispatch") return state;
 			const data = event.data;
 			const parentId = String(data.parentCallId);
 			const childId = String(data.subCallId);
 			const siblings = state.children.get(parentId) ?? [];
 			const index = siblings.indexOf(childId);
 			if (index < 0 && !acceptsEdge(state, parentId, childId)) return state;
-			if (event.type === "tool/code-dispatch-start" && index >= 0) return state;
+			if (event.type === "tool/ptc-dispatch-start" && index >= 0) return state;
 			const calls = new Map(state.calls);
-			calls.set(childId, event.type === "tool/code-dispatch-start" ? childCall(match, data) : childResult(match, data, calls.get(childId)));
+			calls.set(childId, event.type === "tool/ptc-dispatch-start" ? childCall(match, data) : childResult(match, data, calls.get(childId)));
 			if (index >= 0) return {
 				...state,
 				calls
@@ -1702,7 +1711,7 @@ window.__ModuleLoader__.load({
 			for (const match of context.matches) state = updateDispatch(state, match);
 			return state;
 		}
-		/** Trajectory-owned root Tool lifecycle with nested Code Dispatch calls. */
+		/** Trajectory-owned root Tool lifecycle with nested PTC dispatch calls. */
 		const trajectoryToolDefinition = {
 			kind: "trajectory-tool-call",
 			target: "trajectory",
@@ -1715,7 +1724,7 @@ window.__ModuleLoader__.load({
 					id: String(event.data.message.source.callId),
 					role: "update"
 				};
-				if (event.type === "tool/code-dispatch-start" || event.type === "tool/code-dispatch") {
+				if (event.type === "tool/ptc-dispatch-start" || event.type === "tool/ptc-dispatch") {
 					const rootCallId = event.data.rootCallId;
 					return typeof rootCallId === "string" && rootCallId !== "" ? {
 						id: rootCallId,
@@ -4382,7 +4391,10 @@ window.__ModuleLoader__.load({
 			if (record.cell.kind === "message" || record.cell.kind === "compacted") return record.cell.outputDetail;
 		}
 		function detailTabs(record) {
-			if (record.cell.kind === "system") return record.cell.previousPromptDetail === void 0 ? SYSTEM_PROMPT_TABS : SYSTEM_UPDATE_TABS;
+			if (record.cell.kind === "system") {
+				if (record.cell.promptDetail === void 0 && record.cell.systemPromptDetail !== void 0) return SYSTEM_PROMPT_TABS.filter((tab) => tab.id === "system-prompt");
+				return record.cell.previousPromptDetail === void 0 ? SYSTEM_PROMPT_TABS : SYSTEM_UPDATE_TABS;
+			}
 			if (record.cell.kind === "compacted") return [{
 				id: "overview",
 				labelKey: "tab.summary"
@@ -5082,7 +5094,8 @@ window.__ModuleLoader__.load({
 				anchorTo: "end",
 				overscan: VIRTUAL_OVERSCAN_ROWS,
 				scrollMargin: virtualScrollMargin,
-				scrollEndThreshold: BOTTOM_FOLLOW_THRESHOLD_PX
+				scrollEndThreshold: BOTTOM_FOLLOW_THRESHOLD_PX,
+				followOnAppend: "auto"
 			});
 			const virtualIndexByRecordId = (0, react.useMemo)(() => {
 				const indexes = /* @__PURE__ */ new Map();
@@ -5108,7 +5121,8 @@ window.__ModuleLoader__.load({
 			const requestBoundaryRuns = (0, react.useMemo)(() => indexRequestBoundaryRuns(records, requestGroups), [records, requestGroups]);
 			const selectedPrompt = selected?.cell.kind === "system" ? selected.cell.promptDetail : void 0;
 			const selectedPreviousPrompt = selected?.cell.kind === "system" ? selected.cell.previousPromptDetail : void 0;
-			const promptSelected = selectedPrompt !== void 0;
+			const selectedSystemPrompt = selectedPrompt?.system ?? selected?.cell.systemPromptDetail;
+			const promptSelected = selectedSystemPrompt !== void 0;
 			const selectedState = selected === void 0 ? void 0 : stateOf(selected);
 			const selectedRequestInfo = selectedRequest === null ? void 0 : sessionRequestNumbers?.find((request) => requestIdentity(request) === selectedRequest.identity);
 			const selectedRequestRecords = (0, react.useMemo)(() => selectedRequestInfo === void 0 ? [] : allRecords.filter((record) => record.turn === selectedRequestInfo.turn && record.group === selectedRequestInfo.group), [allRecords, selectedRequestInfo]).map(currentRecord);
@@ -5339,8 +5353,7 @@ window.__ModuleLoader__.load({
 					return;
 				}
 				if (!followsTableTail.current) return;
-				if (virtualizationEnabled) rowVirtualizer.scrollToEnd({ behavior: "auto" });
-				else pane.scrollTop = pane.scrollHeight;
+				if (!virtualizationEnabled) pane.scrollTop = pane.scrollHeight;
 			}, [
 				historyLoading,
 				historyStartSeq,
@@ -5839,22 +5852,22 @@ window.__ModuleLoader__.load({
 									request: selectedRequestInfo,
 									t
 								}),
-								promptSelected && selectedPreviousPrompt !== void 0 && activeTab === "diff" && (0, react_jsx_runtime.jsx)(SystemPromptDiff, {
+								selectedPrompt !== void 0 && selectedPreviousPrompt !== void 0 && activeTab === "diff" && (0, react_jsx_runtime.jsx)(SystemPromptDiff, {
 									before: selectedPreviousPrompt,
 									after: selectedPrompt,
 									t
 								}),
-								promptSelected && activeTab === "system-prompt" && (selectedPrompt.system === "" ? (0, react_jsx_runtime.jsx)("p", {
+								promptSelected && activeTab === "system-prompt" && (selectedSystemPrompt === "" ? (0, react_jsx_runtime.jsx)("p", {
 									className: TrajectoryTable_module_css_default.noPayload,
 									children: t("record.systemPromptMissing")
 								}) : (0, react_jsx_runtime.jsx)("div", {
 									className: `${TrajectoryTable_module_css_default.markdownPayload} ${TrajectoryTable_module_css_default.systemPrompt}`,
 									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
-										text: selectedPrompt.system,
+										text: selectedSystemPrompt,
 										labels: markdownLabels(t)
 									})
 								})),
-								promptSelected && activeTab === "tools" && (0, react_jsx_runtime.jsx)(ToolCatalog, {
+								selectedPrompt !== void 0 && activeTab === "tools" && (0, react_jsx_runtime.jsx)(ToolCatalog, {
 									tools: selectedPrompt.tools,
 									t
 								}),
@@ -6859,8 +6872,9 @@ window.__ModuleLoader__.load({
 			const preview = previewContent(node.content);
 			const previewMarkdown = preview === "" ? void 0 : preview;
 			const images = imageBlockCount(node.content);
+			const files = fileBlockCount(node.content);
 			return {
-				text: previewMarkdown === void 0 && images > 0 ? t("layout.imageOnly", { count: images }) : "",
+				text: [previewMarkdown === void 0 && images > 0 ? t("layout.imageOnly", { count: images }) : void 0, files > 0 ? t("layout.fileAttachments", { count: files }) : void 0].filter((value) => value !== void 0).join(" · "),
 				...previewMarkdown === void 0 ? {} : { previewMarkdown },
 				sourceSeq: node.seq,
 				messageSource: node.source,
@@ -6952,6 +6966,16 @@ window.__ModuleLoader__.load({
 			if (partial !== null && partial.step > 0) representedRequests.add(`${partial.turn}\u0000${partial.step}`);
 			for (const call of runningCalls) if (call.step > 0) representedRequests.add(`${call.turn}\u0000${call.step}`);
 			const entries = [
+				...(input.systemPrompts ?? []).map((prompt) => ({
+					kind: "system",
+					seq: prompt.seq,
+					systemPrompt: prompt.text,
+					change: {
+						seq: prompt.seq,
+						time: prompt.time,
+						kind: prompt.update ? "system" : "initial"
+					}
+				})),
 				...nodes.map((node, nodeIndex) => ({
 					kind: "node",
 					seq: node.seq,
@@ -7003,7 +7027,8 @@ window.__ModuleLoader__.load({
 							kind: "system",
 							text: promptChangeLabel(change, t),
 							sourceSeq: change.seq,
-							...request.prompt === void 0 ? {} : { promptDetail: request.prompt },
+							...request?.prompt === void 0 ? {} : { promptDetail: request.prompt },
+							...entry.systemPrompt === void 0 ? {} : { systemPromptDetail: entry.systemPrompt },
 							...change.previous === void 0 ? {} : { previousPromptDetail: change.previous },
 							timeSeconds: 0,
 							startedAt: finiteTime(change.time)
@@ -7431,6 +7456,9 @@ window.__ModuleLoader__.load({
 		function imageBlockCount(content) {
 			return content.filter((block) => block.type === "image").length;
 		}
+		function fileBlockCount(content) {
+			return content.filter((block) => block.type === "file").length;
+		}
 		function stringifySourceValue(value) {
 			return JSON.stringify(value, null, 2) || String(value);
 		}
@@ -7938,6 +7966,7 @@ window.__ModuleLoader__.load({
 					},
 					runningCalls,
 					requests,
+					systemPrompts: inspection.systemPrompts,
 					callSchemas
 				}, t);
 				return {
@@ -7951,6 +7980,7 @@ window.__ModuleLoader__.load({
 				partialStep,
 				runningCalls,
 				requests,
+				inspection.systemPrompts,
 				callSchemas,
 				t
 			]);

package/lib/types/client/layout.d.ts

@@ -19,6 +19,7 @@ export interface TrajectoryTurnModel {
 }
 /** Snapshot slice the trajectory view folds. */
 export interface TrajectoryLayoutInput {
+    systemPrompts?: TrajectorySnapshot['systemPrompts'];
     nodes: TrajectorySnapshot['eventNodes'];
     eventLocations?: ReadonlyMap<number, ConversationLocation>;
     partial: TrajectorySnapshot['partial'];

package/lib/types/client/locales.d.ts

@@ -172,6 +172,7 @@ export declare const zh: {
     readonly 'layout.compacted': "上下文已压缩";
     readonly 'layout.toolCallOnly': "仅工具调用";
     readonly 'layout.imageOnly': "图片 ×{count}";
+    readonly 'layout.fileAttachments': "文件 ×{count}";
     readonly 'layout.initialSystemPrompt': "初始系统提示词";
     readonly 'layout.systemPromptUpdated': "系统提示词已更新";
     readonly 'layout.toolsUpdated': "工具已更新";

package/lib/types/client/trajectory-contract.d.ts

@@ -1,4 +1,4 @@
-import type { AssistantMessageNode, ConversationLocation, ConversationNode, ConversationPromptSnapshot, ConversationViewNode, MessageImagesOwnerProps, PartialAssistant, RequestPromptChange, RequestView, RunningToolCall, ToolCallBlock } from '@deepseek-ai/dsh-client-ui-conversation/client';
+import type { AssistantMessageNode, ConversationLocation, ConversationNode, ConversationPromptSnapshot, ConversationViewNode, MessageImagesOwnerProps, PartialAssistant, RequestPromptChange, RequestView, RunningToolCall, SystemPromptNode, ToolCallBlock } from '@deepseek-ai/dsh-client-ui-conversation/client';
 import type { SnapshotSelectorHook } from '@deepseek-ai/dsh-client-ui-slots';
 /** Request-header facts retained by the Trajectory target. */
 export interface TrajectoryRequestHeaderState {
@@ -10,6 +10,9 @@ export interface TrajectoryRequestHeaderState {
 }
 /** One independently assembled contribution to the legacy Trajectory ledger. */
 export type TrajectoryContribution = {
+    readonly kind: 'system-prompt';
+    readonly prompt: SystemPromptNode;
+} | {
     readonly kind: 'node';
     readonly node: ConversationNode;
 } | {
@@ -50,6 +53,8 @@ export interface TrajectoryConversationViewNode extends ConversationViewNode {
 }
 /** Stage-oriented Trajectory data assembled from registered business Contexts. */
 export interface TrajectorySnapshot {
+    /** Complete loaded prompt text whose request header is outside the window. */
+    readonly systemPrompts?: readonly SystemPromptNode[];
     readonly eventNodes: readonly ConversationNode[];
     readonly eventLocations: ReadonlyMap<number, ConversationLocation>;
     readonly requests: readonly RequestView[];

package/lib/types/client/trajectory-record.d.ts

@@ -46,6 +46,8 @@ export interface TrajectoryCellProps extends HTMLAttributes<HTMLDivElement> {
     inputDetail?: string;
     /** Complete system-prompt/tool-catalog state introduced by a SYSTEM record. */
     promptDetail?: ConversationPromptSnapshot;
+    /** Known prompt text without a loaded request config or tool catalog. */
+    systemPromptDetail?: string;
     /** System-prompt/tool-catalog state replaced by a SYSTEM update. */
     previousPromptDetail?: ConversationPromptSnapshot;
     /** Full assistant/tool result content for the details panel. */

package/lib/types/client/trajectory-request-header-definition.d.ts

@@ -1,8 +1,18 @@
 import type { Context } from '@deepseek-ai/cordis';
+import type { SystemPromptState } from '@deepseek-ai/dsh-client-ui-conversation/client';
+import type { TrajectoryRequestHeaderState } from './trajectory-contract.ts';
+/** Loaded system surface plus the latest request facts changed by an append or compaction. */
+export interface TrajectorySystemMessageState extends SystemPromptState {
+    /**
+     * Latest synthetic header, retained across unrelated replacements. Only the
+     * Context whose start seq equals this header's seq contributes a view Node.
+     */
+    readonly header?: TrajectoryRequestHeaderState;
+}
 /**
- * Register Trajectory request-header facts.
+ * Register Trajectory system-prompt node and request-header facts.
  *
- * @param ctx - Plugin context receiving the Definition.
+ * @param ctx - Plugin context receiving the Definitions.
  */
 export declare function registerTrajectoryRequestHeaderDefinition(ctx: Context): void;
 //# sourceMappingURL=trajectory-request-header-definition.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@deepseek-ai/dsh-client-ui-trajectory",
   "description": "Trajectory event ledger with an interactive timing overview: pure-consumer plugin registering into the conversation ViewMap (no service)",
-  "version": "0.1.2-rc.1",
+  "version": "0.1.5-alpha.1",
   "publishConfig": {
     "access": "public"
   },
@@ -50,23 +50,23 @@
     "@types/react-dom": "~18.3.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@deepseek-ai/dsh-client-locale": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-agent": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-client-test-runtime": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-client-ui-primitives": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-client-ui-conversation": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-client-ui-slots": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-tools": "^0.1.2-rc.1",
+    "@deepseek-ai/dsh-client-locale": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-agent": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-client-ui-primitives": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-client-test-runtime": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-client-ui-slots": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-client-ui-conversation": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-compaction": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-tools": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-client-ui-chat": "^0.1.5-alpha.1",
     "@deepseek-ai/cordis": "^4.0.2",
-    "@deepseek-ai/dsh-client-store": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-client-ui-chat": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-session": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-api-session-controller": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-client-ui-renderer": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-client-ui-session": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-llm": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-attachment": "^0.1.2-rc.1",
-    "@deepseek-ai/dsh-compaction": "^0.1.2-rc.1"
+    "@deepseek-ai/dsh-client-store": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-api-session-controller": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-client-ui-renderer": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-client-ui-session": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-llm": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-attachment": "^0.1.5-alpha.1",
+    "@deepseek-ai/dsh-session": "^0.1.5-alpha.1"
   },
   "files": [
     "lib/index.js",