@dong-victor/dsh-better-sidebar-starter 0.1.2 → 0.1.5

package/lib/client.js

@@ -56,6 +56,18 @@ window.__ModuleLoader__.load({
 		function CloseIcon({ size }) {
 			return svg(size, `<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="currentColor"/>`);
 		}
+		/** ◀ Back — history file list. */
+		function BackIcon({ size }) {
+			return svg(size, `<path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" fill="currentColor"/>`);
+		}
+		/** 📄 File — history log entry. */
+		function FileIcon({ size }) {
+			return svg(size, `<path d="M6 2c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z" fill="currentColor" opacity="0.9"/>`);
+		}
+		/** ⟳ Refresh — reload file list. */
+		function RefreshIcon({ size }) {
+			return svg(size, `<path d="M17.65 6.35A7.95 7.95 0 0 0 12 4a8 8 0 1 0 7.73 10h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" fill="currentColor"/>`);
+		}
 		/** ▾ Chevron down — tree expand. */
 		function ChevronDownIcon({ size }) {
 			return svg(size, `<path d="M7 10l5 5 5-5z" fill="currentColor"/>`);
@@ -131,7 +143,7 @@ window.__ModuleLoader__.load({
 			"python",
 			"custom"
 		];
-		const TYPE_LABELS$2 = {
+		const TYPE_LABELS$1 = {
 			npm: "npm",
 			springboot: "Spring Boot",
 			python: "Python",
@@ -175,7 +187,7 @@ window.__ModuleLoader__.load({
 			if (configs.length === 0) return (0, react.createElement)("div", { className: "sts-empty" }, "暂无运行配置", (0, react.createElement)("br"), "点击右上角 + 新建配置");
 			return (0, react.createElement)("div", { className: "sts-tree" }, ...groups.map((group) => {
 				const isCollapsed = collapsed.has(group.type);
-				const label = TYPE_LABELS$2[group.type] ?? group.type;
+				const label = TYPE_LABELS$1[group.type] ?? group.type;
 				const runningCount = instances.filter((inst) => inst.configType === group.type && inst.status === "running").length;
 				return (0, react.createElement)("div", { key: group.type }, (0, react.createElement)("div", {
 					className: "sts-group-header",
@@ -562,10 +574,85 @@ window.__ModuleLoader__.load({
 		* @module dsh-better-sidebar-starter/client/LogView
 		*/
 		/** API base. */
-		const API_BASE$1 = "/api/dsh-better-sidebar-starter";
+		const API_BASE$2 = "/api/dsh-better-sidebar-starter";
+		/** Open the source behind a log token via the locate-source API. Shared by the
+		*  live LogView and the persisted LogHistoryView. `root` is the locating root
+		*  (live instance cwd, or the session workspace for history logs). */
+		async function handleLogCodeClick(ctx, sessionId, cwd, root, link) {
+			const payload = {};
+			if (root !== void 0 && root !== "") payload.root = root;
+			if (link.kind === "class" || link.kind === "frame") payload.className = link.className;
+			if (link.file !== void 0) payload.file = link.file;
+			if (link.method !== void 0 && link.method !== "<init>" && link.method !== "<clinit>") payload.method = link.method;
+			if (link.line !== void 0) payload.line = link.line;
+			try {
+				const params = new URLSearchParams({ sessionId });
+				if (cwd !== void 0 && cwd !== "") params.set("cwd", cwd);
+				const resp = await fetch(`${API_BASE$2}/locate-source?${params.toString()}`, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(payload)
+				});
+				if (!resp.ok) {
+					let reason = "定位源码失败";
+					try {
+						const err = await resp.json();
+						if (typeof err.error === "string" && err.error !== "") reason = err.error;
+					} catch {}
+					showToast(reason, false);
+					return;
+				}
+				const data = await resp.json();
+				if (data.ok !== true || typeof data.path !== "string") {
+					showToast(data.reason ?? "未找到源文件", false);
+					return;
+				}
+				const base = data.path.split(/[\\/]/).pop() ?? data.path;
+				const line = typeof data.line === "number" ? data.line : void 0;
+				const decompiled = data.decompiled === true;
+				const badge = decompiled ? " [反编译]" : "";
+				const title = line !== void 0 ? `${base} : ${line}${badge}` : `${base}${badge}`;
+				const betterSidebar = ctx.betterSidebar;
+				if (betterSidebar !== void 0) betterSidebar.openFile({
+					sessionId,
+					cwd
+				}, data.path, title);
+				try {
+					navigator.clipboard?.writeText(`${base}${line !== void 0 ? `:${line}` : ""}`);
+				} catch {}
+				showToast(line !== void 0 ? `已打开 ${base}，定位到第 ${line} 行（已复制 ${base}:${line}）${decompiled ? "（反编译产物）" : ""}` : decompiled ? `已打开反编译产物 ${base}` : `已打开 ${base}`, true);
+			} catch {
+				showToast("定位源码失败", false);
+			}
+		}
 		/** Render ANSI-colored text segments, applying Java-log syntax highlighting
 		*  to text the program did not color itself (ANSI-colored spans keep the
 		*  program's own colors). Tokens with a source link become clickable. */
+		/** Split plain text into plain/url parts. Trailing punctuation that is
+		*  almost certainly sentence text (.,;:)]）。，) stays outside the link. */
+		const URL_RE = /https?:\/\/[^\s"'<>()\[\]{}]+/g;
+		function splitUrlParts(text) {
+			const out = [];
+			let last = 0;
+			for (const m of text.matchAll(URL_RE)) {
+				const idx = m.index ?? 0;
+				if (idx > last) out.push({ text: text.slice(last, idx) });
+				let url = m[0];
+				let trail = "";
+				while (url.length > 0 && /[.,;:)\]}》」），。；：]$/.test(url)) {
+					trail = url.slice(-1) + trail;
+					url = url.slice(0, -1);
+				}
+				if (url !== "") out.push({
+					text: url,
+					url
+				});
+				if (trail !== "") out.push({ text: trail });
+				last = idx + m[0].length;
+			}
+			if (last < text.length) out.push({ text: text.slice(last) });
+			return out;
+		}
 		function renderAnsiLine(text, keyBase, onLinkClick) {
 			const segments = parseAnsi(text);
 			const nodes = [];
@@ -587,8 +674,28 @@ window.__ModuleLoader__.load({
 						key: `${keyBase}-${i}`,
 						style
 					}, seg.text));
-				} else {
-					const hl = highlightLogText(seg.text);
+				} else for (const part of splitUrlParts(seg.text)) {
+					if (part.url !== void 0) {
+						const url = part.url;
+						nodes.push((0, react.createElement)("span", {
+							key: `${keyBase}-${i}-u${hlCounter++}`,
+							className: "sts-log-url",
+							style: {
+								...baseStyle,
+								textDecoration: "underline",
+								cursor: "pointer"
+							},
+							title: `在浏览器打开 ${url}`,
+							onClick: (e) => {
+								e.stopPropagation();
+								try {
+									window.open(url, "_blank", "noopener");
+								} catch {}
+							}
+						}, part.url));
+						continue;
+					}
+					const hl = highlightLogText(part.text);
 					for (const h of hl) {
 						const style = { ...baseStyle };
 						if (h.color !== void 0) style.color = h.color;
@@ -636,51 +743,6 @@ window.__ModuleLoader__.load({
 				if (appendToDraft(ctx, sessionId, text)) showToast(`已将选中文本（${text.length} 字符）发送到对话`, true);
 				else showToast("发送失败：对话服务不可用", false);
 			};
-			/** Open the source file behind a highlighted class / frame / location token. */
-			const handleCodeClick = async (link) => {
-				const payload = { root: instance.cwd };
-				if (link.kind === "class" || link.kind === "frame") payload.className = link.className;
-				if (link.file !== void 0) payload.file = link.file;
-				if (link.method !== void 0 && link.method !== "<init>" && link.method !== "<clinit>") payload.method = link.method;
-				if (link.line !== void 0) payload.line = link.line;
-				try {
-					const params = new URLSearchParams({ sessionId });
-					if (cwd !== void 0 && cwd !== "") params.set("cwd", cwd);
-					const resp = await fetch(`${API_BASE$1}/locate-source?${params.toString()}`, {
-						method: "POST",
-						headers: { "content-type": "application/json" },
-						body: JSON.stringify(payload)
-					});
-					if (!resp.ok) {
-						let reason = "定位源码失败";
-						try {
-							const err = await resp.json();
-							if (typeof err.error === "string" && err.error !== "") reason = err.error;
-						} catch {}
-						showToast(reason, false);
-						return;
-					}
-					const data = await resp.json();
-					if (data.ok !== true || typeof data.path !== "string") {
-						showToast(data.reason ?? "未找到源文件", false);
-						return;
-					}
-					const base = data.path.split(/[\\/]/).pop() ?? data.path;
-					const line = typeof data.line === "number" ? data.line : void 0;
-					const title = line !== void 0 ? `${base} : ${line}` : base;
-					const betterSidebar = ctx.betterSidebar;
-					if (betterSidebar !== void 0) betterSidebar.openFile({
-						sessionId,
-						cwd
-					}, data.path, title);
-					try {
-						navigator.clipboard?.writeText(`${base}${line !== void 0 ? `:${line}` : ""}`);
-					} catch {}
-					showToast(line !== void 0 ? `已打开 ${base}，定位到第 ${line} 行（已复制 ${base}:${line}）` : `已打开 ${base}`, true);
-				} catch {
-					showToast("定位源码失败", false);
-				}
-			};
 			const lineBuffer = (0, react.useRef)({ current: [] });
 			/** Flush the buffer into a new log line. */
 			const flushLine = (0, react.useCallback)(() => {
@@ -791,7 +853,7 @@ window.__ModuleLoader__.load({
 						key: segKey,
 						className: entry.stream === "stderr" ? "sts-log-stderr" : ""
 					}, renderAnsiLine(entry.text, segKey, (link) => {
-						handleCodeClick(link);
+						handleLogCodeClick(ctx, sessionId, cwd, instance.cwd, link);
 					}));
 				}));
 			}), exitInfo !== null ? (0, react.createElement)("div", {
@@ -804,51 +866,200 @@ window.__ModuleLoader__.load({
 			}, `\n进程${exitInfo.status === "exited" ? "退出" : exitInfo.status === "killed" ? "被终止" : "出错"}`, exitInfo.exitCode !== null ? `，退出码: ${exitInfo.exitCode}` : "") : null));
 		}
 		//#endregion
-		//#region src/client/ConfigDetail.tsx
+		//#region src/client/LogHistoryView.tsx
 		/**
-		* Config detail card: shown in the right pane when an idle config is selected.
-		* Displays the config's full info and offers start / edit / delete buttons.
-		* @module dsh-better-sidebar-starter/client/ConfigDetail
+		* Log history view: read-only viewer for persisted run logs
+		* (`GET /logs-history`). Two states: the file list under the workspace's
+		* `.dsh/logs` directory, and the rendered content of one log file. Reuses
+		* the LogView line renderer (ANSI + Java-log highlighting + code links),
+		* so previous runs — including failed spawns — stay inspectable forever.
+		* @module dsh-better-sidebar-starter/client/LogHistoryView
 		*/
-		const TYPE_LABELS$1 = {
-			npm: "npm",
-			springboot: "Spring Boot",
-			python: "Python",
-			custom: "Custom"
-		};
-		/** The detail card component. */
-		function ConfigDetail({ config, onStart, onEdit, onDuplicate, onDelete }) {
-			const envEntries = Object.entries(config.env);
-			const dateFmt = (ts) => {
-				if (ts === null) return "—";
-				return new Date(ts).toLocaleString("zh-CN", { hour12: false });
+		/** API base. */
+		const API_BASE$1 = "/api/dsh-better-sidebar-starter";
+		/** Render one history log line (stderr red, meta dim). */
+		function renderLine(line, onLinkClick) {
+			return (0, react.createElement)("div", {
+				key: `line-${line.key}`,
+				className: "sts-log-line"
+			}, ...line.entries.map((entry, i) => {
+				const segKey = `line-${line.key}-e${i}`;
+				const cls = entry.stream === "stderr" ? "sts-log-stderr" : entry.stream === "meta" ? "sts-log-meta" : "";
+				return (0, react.createElement)("span", {
+					key: segKey,
+					className: cls
+				}, renderAnsiLine(entry.text, segKey, onLinkClick));
+			}));
+		}
+		/** Split a raw log entry into RenderLine-ready single-line entries. */
+		function splitEntry(entry, keyBase, out) {
+			const parts = entry.text.split("\n");
+			let current = [];
+			const pushLine = () => {
+				if (current.length > 0) {
+					out.push({
+						entries: current,
+						key: keyBase++
+					});
+					current = [];
+				}
 			};
-			return (0, react.createElement)("div", { className: "sts-detail" }, (0, react.createElement)("div", { className: "sts-detail-card" }, (0, react.createElement)("div", { className: "sts-detail-title" }, typeIcon(config.type, 20), config.name), (0, react.createElement)("div", { className: "sts-detail-row" }, (0, react.createElement)("div", { className: "sts-detail-label" }, "类型"), (0, react.createElement)("div", { className: "sts-detail-value" }, TYPE_LABELS$1[config.type] ?? config.type)), (0, react.createElement)("div", { className: "sts-detail-row" }, (0, react.createElement)("div", { className: "sts-detail-label" }, "命令"), (0, react.createElement)("div", { className: "sts-detail-value" }, config.command)), (0, react.createElement)("div", { className: "sts-detail-row" }, (0, react.createElement)("div", { className: "sts-detail-label" }, "工作目录"), (0, react.createElement)("div", { className: "sts-detail-value" }, config.cwd)), config.type === "springboot" && config.jvmArgs ? (0, react.createElement)("div", { className: "sts-detail-row" }, (0, react.createElement)("div", { className: "sts-detail-label" }, "JVM参数"), (0, react.createElement)("div", { className: "sts-detail-value" }, config.jvmArgs)) : null, config.args ? (0, react.createElement)("div", { className: "sts-detail-row" }, (0, react.createElement)("div", { className: "sts-detail-label" }, "程序实参"), (0, react.createElement)("div", { className: "sts-detail-value" }, config.args)) : null, envEntries.length > 0 ? (0, react.createElement)("div", { className: "sts-detail-row" }, (0, react.createElement)("div", { className: "sts-detail-label" }, "环境变量"), (0, react.createElement)("div", { style: { flex: 1 } }, ...envEntries.map(([key, value]) => (0, react.createElement)("div", {
-				key,
-				className: "sts-detail-value"
-			}, `${key} = ${value}`)))) : null, (0, react.createElement)("div", { className: "sts-detail-row" }, (0, react.createElement)("div", { className: "sts-detail-label" }, "创建时间"), (0, react.createElement)("div", { className: "sts-detail-value" }, dateFmt(config.createdAt))), config.lastRunAt !== null ? (0, react.createElement)("div", { className: "sts-detail-row" }, (0, react.createElement)("div", { className: "sts-detail-label" }, "最近运行"), (0, react.createElement)("div", { className: "sts-detail-value" }, dateFmt(config.lastRunAt))) : null, (0, react.createElement)("div", { className: "sts-detail-actions" }, (0, react.createElement)("button", {
-				className: "sts-detail-btn danger",
-				onClick: onDelete
-			}, (0, react.createElement)(TrashIcon, { size: 14 }), " 删除"), (0, react.createElement)("button", {
-				className: "sts-detail-btn",
-				onClick: onDuplicate,
-				title: "复制为副本（保留全部信息）"
-			}, (0, react.createElement)(CopyIcon, { size: 14 }), " 复制"), (0, react.createElement)("button", {
-				className: "sts-detail-btn",
-				onClick: onEdit
-			}, (0, react.createElement)(GearIcon, { size: 14 }), " 编辑"), (0, react.createElement)("button", {
-				className: "sts-detail-btn primary",
-				onClick: onStart,
+			for (let i = 0; i < parts.length; i++) {
+				if (i > 0) pushLine();
+				if (parts[i] !== "") current.push({
+					stream: entry.stream,
+					text: parts[i],
+					ts: entry.ts
+				});
+			}
+			if (parts.length > 1 && parts[parts.length - 1] === "") pushLine();
+		}
+		/** The log history viewer. */
+		function LogHistoryView({ ctx, sessionId, cwd, onClose, filter }) {
+			const [files, setFiles] = (0, react.useState)(null);
+			const [loading, setLoading] = (0, react.useState)(false);
+			const [activeFile, setActiveFile] = (0, react.useState)(null);
+			const [lines, setLines] = (0, react.useState)([]);
+			const [loadedName, setLoadedName] = (0, react.useState)("");
+			const lineKeyCounter = (0, react.useRef)(0);
+			const loadList = (0, react.useCallback)(async () => {
+				setLoading(true);
+				try {
+					const params = new URLSearchParams({ sessionId });
+					if (cwd !== void 0 && cwd !== "") params.set("cwd", cwd);
+					const resp = await fetch(`${API_BASE$1}/logs-history?${params.toString()}`);
+					if (!resp.ok) {
+						let reason = filter !== void 0 ? "加载历史日志失败" : "加载历史日志失败";
+						try {
+							const err = await resp.json();
+							if (typeof err.error === "string" && err.error !== "") reason = err.error;
+						} catch {}
+						showToast(reason, false);
+						setFiles([]);
+						return;
+					}
+					const all = (await resp.json()).logs ?? [];
+					const shown = filter !== void 0 ? all.filter((f) => f.name.startsWith(filter)) : all;
+					setFiles(shown);
+				} catch {
+					showToast("加载历史日志失败", false);
+					setFiles([]);
+				} finally {
+					setLoading(false);
+				}
+			}, [
+				sessionId,
+				cwd,
+				filter
+			]);
+			const [initialized, setInitialized] = (0, react.useState)(false);
+			if (!initialized) {
+				setInitialized(true);
+				loadList();
+			}
+			/** Open one log file and render its content. */
+			const openFile = (0, react.useCallback)(async (info) => {
+				setLoading(true);
+				try {
+					const params = new URLSearchParams({
+						sessionId,
+						file: info.file
+					});
+					if (cwd !== void 0 && cwd !== "") params.set("cwd", cwd);
+					const resp = await fetch(`${API_BASE$1}/logs-history?${params.toString()}`);
+					if (!resp.ok) {
+						let reason = "读取日志失败";
+						try {
+							const err = await resp.json();
+							if (typeof err.error === "string" && err.error !== "") reason = err.error;
+						} catch {}
+						showToast(reason, false);
+						return;
+					}
+					const data = await resp.json();
+					const out = [];
+					for (const entry of data.logs ?? []) {
+						splitEntry(entry, lineKeyCounter.current, out);
+						lineKeyCounter.current += 2e5;
+					}
+					setActiveFile(info);
+					setLoadedName(info.name);
+					setLines(out);
+				} catch {
+					showToast("读取日志失败", false);
+				} finally {
+					setLoading(false);
+				}
+			}, [sessionId, cwd]);
+			if (activeFile === null) {
+				const title = filter !== void 0 ? `${filter} · 历史日志` : "历史日志";
+				return (0, react.createElement)("div", { style: {
+					display: "flex",
+					flexDirection: "column",
+					height: "100%",
+					minHeight: 0
+				} }, (0, react.createElement)("div", { className: "sts-log-toolbar" }, title, (0, react.createElement)("div", { className: "sts-log-toolbar-spacer" }), (0, react.createElement)("button", {
+					className: "sts-icon-btn",
+					title: "刷新",
+					onClick: () => {
+						loadList();
+					}
+				}, RefreshIcon({ size: 14 }), (0, react.createElement)("span", { className: "sts-icon-btn-label" }, "刷新")), (0, react.createElement)("button", {
+					className: "sts-icon-btn",
+					title: filter !== void 0 ? "返回服务视图" : "关闭历史日志",
+					onClick: onClose
+				}, CloseIcon({ size: 14 }), (0, react.createElement)("span", { className: "sts-icon-btn-label" }, filter !== void 0 ? "返回" : "关闭"))), (0, react.createElement)("div", { style: {
+					overflow: "auto",
+					flex: 1,
+					minHeight: 0,
+					padding: "4px 0"
+				} }, loading && files === null ? (0, react.createElement)("div", { className: "sts-empty" }, "加载中…") : files !== null && files.length === 0 ? (0, react.createElement)("div", { className: "sts-empty" }, filter !== void 0 ? `「${filter}」暂无历史日志。每次启动都会在 <工作空间>/logs/ 下永久保留一份日志，即使启动失败或 dsh 重启也能查看。` : "暂无历史日志（工作空间 logs/ 为空）。每次启动服务都会在 <工作空间>/logs/ 下永久保留一份日志，即使启动失败或 dsh 重启也能查看。") : (0, react.createElement)("div", {}, (files ?? []).map((f) => (0, react.createElement)("button", {
+					key: f.file,
+					className: "sts-history-item",
+					title: f.file,
+					onClick: () => {
+						openFile(f);
+					}
+				}, (0, react.createElement)(FileIcon, { size: 13 }), (0, react.createElement)("span", { style: {
+					flex: 1,
+					textAlign: "left",
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				} }, f.name), (0, react.createElement)("span", { className: "sts-history-item-meta" }, `${new Date(f.mtime).toLocaleString()}  ${(f.size / 1024).toFixed(1)} KB`))))));
+			}
+			return (0, react.createElement)("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				height: "100%",
+				minHeight: 0
+			} }, (0, react.createElement)("div", { className: "sts-log-toolbar" }, (0, react.createElement)("button", {
+				className: "sts-icon-btn",
+				title: "返回文件列表",
+				onClick: () => {
+					setActiveFile(null);
+					setLines([]);
+				}
+			}, BackIcon({ size: 14 }), (0, react.createElement)("span", { className: "sts-icon-btn-label" }, "返回")), loadedName, (0, react.createElement)("span", { style: {
+				opacity: .5,
+				marginLeft: "4px"
+			} }, "（历史日志）"), (0, react.createElement)("div", { className: "sts-log-toolbar-spacer" }), (0, react.createElement)("button", {
+				className: "sts-icon-btn",
+				title: "清空视图",
+				onClick: () => setLines([])
+			}, TrashIcon({ size: 14 }), (0, react.createElement)("span", { className: "sts-icon-btn-label" }, "清空")), (0, react.createElement)("button", {
+				className: "sts-icon-btn",
+				title: "关闭历史日志",
+				onClick: onClose
+			}, CloseIcon({ size: 14 }), (0, react.createElement)("span", { className: "sts-icon-btn-label" }, "关闭"))), (0, react.createElement)("div", { className: "sts-log-content" }, loading && lines.length === 0 ? (0, react.createElement)("div", { className: "sts-empty" }, "读取中…") : lines.length === 0 ? (0, react.createElement)("div", { className: "sts-empty" }, "日志文件为空。") : lines.map((line) => renderLine(line, (link) => {
+				handleLogCodeClick(ctx, sessionId, cwd, cwd, link);
+			})), lines.length === 0 ? null : (0, react.createElement)("div", {
+				key: "history-end",
 				style: {
-					background: "#1a1a1e",
-					border: "1px solid #3a3a3e",
-					color: "#fff",
-					borderRadius: "6px",
-					padding: "6px 14px",
-					cursor: "pointer",
-					fontSize: "12px"
+					opacity: .5,
+					marginTop: "6px"
 				}
-			}, (0, react.createElement)(PlayIcon, { size: 14 }), " 启动"))));
+			}, `—— 历史日志已加载完毕（${lines.length} 行），此为只读视图 ——`)));
 		}
 		//#endregion
 		//#region src/client/DirChooser.tsx
@@ -1495,6 +1706,43 @@ window.__ModuleLoader__.load({
   border-color: var(--dsw-alias-border-l3, #3a3a3e);
   color: var(--dsw-alias-label-primary, #e6e6e6);
 }
+.sts-toolbar-btn.active {
+  background: var(--dsw-alias-interactive-bg-active, rgba(0,122,204,0.18));
+  border-color: var(--dsw-alias-brand, #007acc);
+  color: var(--dsw-alias-label-primary, #e6e6e6);
+}
+
+/* ===== Log history viewer ===== */
+.sts-history-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: calc(100% - 8px);
+  margin: 2px 4px;
+  padding: 6px 8px;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--dsw-alias-label-secondary, #b0b0b0);
+  cursor: pointer;
+  font-size: 12px;
+  text-align: left;
+  transition: background 0.12s, border-color 0.12s;
+}
+.sts-history-item:hover {
+  background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,0.06));
+  border-color: var(--dsw-alias-border-l2, #2a2a2e);
+  color: var(--dsw-alias-label-primary, #e6e6e6);
+}
+.sts-history-item-meta {
+  flex-shrink: 0;
+  font-size: 11px;
+  opacity: 0.55;
+}
+.sts-log-meta {
+  opacity: 0.72;
+  font-style: italic;
+}
 
 /* ===== Split pane (horizontal: default for right panel) ===== */
 .sts-split {
@@ -1779,6 +2027,13 @@ window.__ModuleLoader__.load({
   background: rgba(97, 175, 239, 0.14);
   border-bottom-color: #61afef;
 }
+/* Clickable http(s) URLs inside the log (open in a new browser tab). */
+.sts-log-url {
+  color: #61afef;
+}
+.sts-log-url:hover {
+  background: rgba(97, 175, 239, 0.18);
+}
 
 /* ===== Config detail ===== */
 .sts-detail {
@@ -2578,8 +2833,7 @@ window.__ModuleLoader__.load({
 					}
 				} catch {}
 			}, [sessionQuery, fetchConfigs]);
-			/** Delete a config. */
-			const handleDeleteConfig = (0, react.useCallback)(async (configId) => {
+			(0, react.useCallback)(async (configId) => {
 				for (const inst of instances) if (inst.configId === configId && inst.status === "running") await handleStop(inst.id);
 				try {
 					if ((await fetch(`${API_BASE}/configs?${sessionQuery()}&id=${encodeURIComponent(configId)}`, { method: "DELETE" })).ok) {
@@ -2672,17 +2926,15 @@ window.__ModuleLoader__.load({
 				onRestart: () => {
 					handleRestart(selectedInstance.id);
 				}
-			}) : selectedConfig !== null ? (0, react.createElement)(ConfigDetail, {
-				config: selectedConfig,
-				onStart: () => {
-					handleStart(selectedConfig.id);
-				},
-				onEdit: () => handleEditConfig(selectedConfig.id),
-				onDuplicate: () => handleDuplicateConfig(selectedConfig.id),
-				onDelete: () => {
-					handleDeleteConfig(selectedConfig.id);
+			}) : selectedConfig !== null ? (0, react.createElement)(LogHistoryView, {
+				ctx: props.ctx,
+				sessionId: scope.sessionId ?? store.getSnapshot().sessionId ?? "",
+				cwd: scope.cwd,
+				filter: selectedConfig.name,
+				onClose: () => {
+					setSelectedConfigId(null);
 				}
-			}) : (0, react.createElement)("div", { className: "sts-empty" }, "选择左侧配置查看详情或日志"))), showModal ? (0, react.createElement)(ConfigEditorModal, {
+			}) : (0, react.createElement)("div", { className: "sts-empty" }, "选择左侧配置查看其历史日志，或选择运行中的服务查看实时日志"))), showModal ? (0, react.createElement)(ConfigEditorModal, {
 				config: editingConfig,
 				scope: {
 					sessionId: scope.sessionId ?? store.getSnapshot().sessionId ?? "",