@rexvane/piweb 0.3.11 → 0.3.12

package/src/components/ChatWindow.tsx

@@ -28,6 +28,7 @@ import {
 } from "@/components/icons";
 import { DiffView, type DiffLine, parseUnifiedDiff } from "@/components/DiffView";
 import { languageForPath } from "@/lib/highlight";
+import { copyText } from "@/lib/clipboard";
 import { OutlineRail } from "@/components/OutlineRail";
 import { useI18n } from "@/i18n";
 import type { ToolCardState } from "@/hooks/usePiWeb";
@@ -53,29 +54,6 @@ import {
 type Dict = Record<string, string>;
 type ToolCallContent = Extract<WebContent, { type: "toolCall" }>;
 
-async function copyText(text: string): Promise<boolean> {
-	try {
-		if (navigator.clipboard?.writeText) {
-			await navigator.clipboard.writeText(text);
-			return true;
-		}
-	} catch {
-		// Non-secure local-network contexts need the legacy fallback below.
-	}
-	const field = document.createElement("textarea");
-	field.value = text;
-	field.style.position = "fixed";
-	field.style.opacity = "0";
-	document.body.appendChild(field);
-	field.select();
-	try {
-		return document.execCommand("copy");
-	} catch {
-		return false;
-	} finally {
-		field.remove();
-	}
-}
 
 /** dsh message-chrome formatRunDuration：整秒，分钟档秒数补零 */
 function formatRunDuration(ms: number, t: Dict): string {
@@ -112,17 +90,24 @@ const Markdown = memo(function Markdown({ text }: { text: string }) {
 	);
 });
 
-/** 流式中的最后一段正文：纯文本逐字追加 + 闪烁光标，结束后再切 Markdown（避免每个 delta 重解析整段） */
-function StreamingText({ text }: { text: string }) {
-	return (
-		<div className="md">
-			<p style={{ whiteSpace: "pre-wrap", wordBreak: "break-word", margin: 0 }}>
-				{text}
-				<span className="stream-cursor" aria-hidden />
-			</p>
-		</div>
-	);
-}
+
+/**
+ * 流式正文：边流边按 Markdown 渲染（标题/列表/代码块在生成过程中就成形）。
+ *
+ * 不是每个 delta 都重解析整段——那样会随回答变长线性变慢；这里按 ~100ms 节流，
+ * 只在最新文本稳定下来时才交给 Markdown，回合结束时外层会切到精确的最终渲染。
+ */
+const STREAM_MARKDOWN_THROTTLE_MS = 100;
+
+const StreamingMarkdown = memo(function StreamingMarkdown({ text }: { text: string }) {
+	const [shown, setShown] = useState(text);
+	useEffect(() => {
+		if (text === shown) return;
+		const timer = setTimeout(() => setShown(text), STREAM_MARKDOWN_THROTTLE_MS);
+		return () => clearTimeout(timer);
+	}, [text, shown]);
+	return <Markdown text={shown} />;
+});
 
 /** dsh TurnTimePanel 的简化版：耗时胶囊常驻，点击弹层看本回合 token 用量 */
 function TurnMetaPill({ durationMs, usage, t }: { durationMs: number; usage?: TrajTokens & { cost?: { total?: number } }; t: Dict }) {
@@ -642,7 +627,7 @@ const ThinkStep = memo(function ThinkStep({ text, live, startedAt }: { text: str
 const NarrationBlock = memo(function NarrationBlock({ text, live, error }: { text: string; live?: boolean; error?: boolean }) {
 	return (
 		<div className="pw-narr" data-error={error || undefined}>
-			{live ? <StreamingText text={text} /> : <Markdown text={text} />}
+			{live ? <StreamingMarkdown text={text} /> : <Markdown text={text} />}
 		</div>
 	);
 });

package/src/components/PromptPanel.tsx

@@ -0,0 +1,257 @@
+"use client";
+/**
+ * 提示词面板：把"发给模型的提示词从哪来"集中列出来，点某一项查看原文。
+ *
+ * 只读：文件类来源的路径来自 Pi 资源加载器（项目记忆 / 系统提示词覆盖 / 追加提示词 /
+ * 技能 / 提示模板，含扩展与 npm 包提供的那些）；热会话额外给出"组装后的系统提示词"
+ * 与每个工具的定义，它们不是文件、没有路径，直接在本面板内展开查看。
+ */
+import { useCallback, useEffect, useState } from "react";
+import { useI18n } from "@/i18n";
+import { IconCopyOutline16, IconCheckOutline14, IconRefreshOutline14, IconCloseOutline14 } from "@/components/icons";
+import { copyText } from "@/lib/clipboard";
+
+export type PromptSourceKind = "system" | "append" | "agents" | "skill" | "template" | "tool" | "assembled";
+
+export interface PromptSourceOrigin {
+	scope: "project" | "agent" | "package" | "extension";
+	name?: string;
+}
+
+export interface PromptSource {
+	kind: PromptSourceKind;
+	name: string;
+	path?: string;
+	origin: PromptSourceOrigin;
+	bytes?: number;
+}
+
+export interface PromptToolView {
+	name: string;
+	description?: string;
+	parameters?: unknown;
+	promptGuidelines?: string[];
+	source: "builtin" | "extension";
+}
+
+export interface PromptSourcesData {
+	sources: PromptSource[];
+	assembledSystemPrompt?: string;
+	tools?: PromptToolView[];
+	sessionReady: boolean;
+}
+
+const GROUP_KINDS: PromptSourceKind[] = ["system", "append", "agents", "skill", "template", "tool", "assembled"];
+
+function formatBytes(bytes: number | undefined): string {
+	if (!bytes) return "";
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+	return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+
+export function PromptPanel({
+	cwd,
+	sessionId,
+	refreshKey,
+	onOpenContent,
+	onClose,
+}: {
+	cwd: string;
+	sessionId: string | null;
+	/** 变化即重新拉取（例如切换会话） */
+	refreshKey?: string | number | null;
+	/** 打开查看器显示内容（复用应用现有的文件查看器） */
+	onOpenContent?: (path: string, content: string) => void;
+	onClose: () => void;
+}) {
+	const { t } = useI18n();
+	const [data, setData] = useState<PromptSourcesData | null>(null);
+	const [error, setError] = useState<string | null>(null);
+	const [busy, setBusy] = useState(false);
+	const [opening, setOpening] = useState<string | null>(null);
+	const [inline, setInline] = useState<{ title: string; content: string } | null>(null);
+	const [copied, setCopied] = useState(false);
+
+	const load = useCallback(async () => {
+		setBusy(true);
+		setError(null);
+		try {
+			const query = new URLSearchParams({ cwd });
+			if (sessionId) query.set("session", sessionId);
+			const response = await fetch(`/api/prompts?${query.toString()}`);
+			const body = await response.json();
+			if (!response.ok || !body.success) throw new Error(body.error || `request failed (${response.status})`);
+			setData(body.data as PromptSourcesData);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		} finally {
+			setBusy(false);
+		}
+	}, [cwd, sessionId]);
+
+	useEffect(() => {
+		void load();
+	}, [load, refreshKey]);
+
+	const originLabel = (origin: PromptSourceOrigin): string => {
+		if (origin.scope === "project") return t.promptOriginProject;
+		if (origin.scope === "agent") return t.promptOriginAgent;
+		if (origin.scope === "package") return `${t.promptOriginPackage} ${origin.name ?? ""}`.trim();
+		return `${t.promptOriginExtension} ${origin.name ?? ""}`.trim();
+	};
+
+	const kindLabel = (kind: PromptSourceKind): string => {
+		switch (kind) {
+			case "system": return t.promptKindSystem;
+			case "append": return t.promptKindAppend;
+			case "agents": return t.promptKindAgents;
+			case "skill": return t.promptKindSkill;
+			case "template": return t.promptKindTemplate;
+			case "tool": return t.promptKindTool;
+			case "assembled": return t.promptKindAssembled;
+		}
+	};
+
+	/** 文件类：按需读内容，交给外部查看器 */
+	const openFile = async (source: PromptSource) => {
+		if (!source.path || !onOpenContent) return;
+		setOpening(source.path);
+		setError(null);
+		try {
+			const response = await fetch("/api/prompts", {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({ action: "read", filePath: source.path, cwd }),
+			});
+			const body = await response.json();
+			if (!response.ok || !body.success) throw new Error(body.error || "read failed");
+			onOpenContent(source.path, body.data.content as string);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		} finally {
+			setOpening(null);
+		}
+	};
+
+	const groups = GROUP_KINDS.map((kind) => ({ kind, items: (data?.sources ?? []).filter((source) => source.kind === kind) })).filter(
+		(group) => group.items.length > 0,
+	);
+	const hasTools = (data?.tools?.length ?? 0) > 0;
+
+	return (
+		<div className="flex min-h-0 flex-1 flex-col">
+			<div className="hairline-b flex items-center gap-2 px-4 py-2.5">
+				<span className="min-w-0 flex-1 truncate" style={{ fontSize: 13.5, fontWeight: 600 }}>{t.promptPanel}</span>
+				<button type="button" className="icon-btn" style={{ width: 26, height: 26 }} title={t.promptRefresh} aria-label={t.promptRefresh} onClick={() => void load()}>
+					<span className={busy ? "piweb-spin" : undefined} style={{ display: "inline-flex" }}>
+						<IconRefreshOutline14 size={14} />
+					</span>
+				</button>
+				<button type="button" className="icon-btn" style={{ width: 26, height: 26 }} title={t.close} aria-label={t.close} onClick={onClose}>
+					<IconCloseOutline14 size={14} />
+				</button>
+			</div>
+			<div className="min-h-0 flex-1 overflow-auto px-3 py-3" style={{ fontSize: 12.5 }}>
+				{error && (
+					<div className="mb-2 rounded-lg px-2 py-1.5" style={{ background: "var(--dsw-hover)", color: "var(--dsw-danger)" }} role="alert">
+						{error}
+					</div>
+				)}
+				{!data && busy && <div style={{ color: "var(--dsw-label-tertiary)" }}>{t.promptLoading}</div>}
+				{data && !data.sessionReady && (
+					<div className="mb-2 rounded-lg px-2 py-1.5" style={{ background: "var(--dsw-hover)", color: "var(--dsw-label-caption)" }} role="status">
+						{t.promptColdHint}
+					</div>
+				)}
+
+				{groups.map((group) => (
+					<section key={group.kind} className="mb-3">
+						<div className="mb-1 px-1" style={{ fontSize: 11.5, color: "var(--dsw-label-caption)" }}>{kindLabel(group.kind)}</div>
+						<div className="flex flex-col gap-1">
+							{group.items.map((source) => (
+								<button
+									key={`${source.kind}:${source.path ?? source.name}`}
+									type="button"
+									className="flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left"
+									style={{ background: opening === source.path ? "var(--dsw-active)" : "transparent", border: "0.5px solid var(--dsw-border-l2)" }}
+									title={source.path ?? source.name}
+									onClick={() => void openFile(source)}
+								>
+									<span className="min-w-0 flex-1 truncate" style={{ color: "var(--dsw-label-primary)" }}>{source.name}</span>
+									<span className="flex-none" style={{ fontSize: 10.5, color: "var(--dsw-label-tertiary)" }}>{formatBytes(source.bytes)}</span>
+									<span className="flex-none rounded-md px-1.5 py-0.5" style={{ fontSize: 10.5, border: "0.5px solid var(--dsw-border-l3)", color: "var(--dsw-label-tertiary)" }}>
+										{originLabel(source.origin)}
+									</span>
+								</button>
+							))}
+						</div>
+					</section>
+				))}
+
+				{hasTools && (
+					<section className="mb-3">
+						<div className="mb-1 px-1" style={{ fontSize: 11.5, color: "var(--dsw-label-caption)" }}>{t.promptKindTool}</div>
+						<div className="flex flex-col gap-1">
+							{data!.tools!.map((tool) => (
+								<button
+									key={`tool:${tool.name}`}
+									type="button"
+									className="flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left"
+									style={{ border: "0.5px solid var(--dsw-border-l2)" }}
+									onClick={() => setInline({ title: `${tool.name}`, content: [tool.description ?? "", tool.promptGuidelines?.join("\n") ?? "", tool.parameters ? JSON.stringify(tool.parameters, null, 2) : ""].filter(Boolean).join("\n\n") })}
+								>
+									<span className="min-w-0 flex-1 truncate" style={{ color: "var(--dsw-label-primary)" }}>{tool.name}</span>
+									<span className="flex-none rounded-md px-1.5 py-0.5" style={{ fontSize: 10.5, border: "0.5px solid var(--dsw-border-l3)", color: "var(--dsw-label-tertiary)" }}>
+										{tool.source === "builtin" ? t.promptToolBuiltin : t.promptToolExtension}
+									</span>
+								</button>
+							))}
+						</div>
+					</section>
+				)}
+
+				{data?.assembledSystemPrompt && (
+					<section className="mb-3">
+						<div className="mb-1 px-1" style={{ fontSize: 11.5, color: "var(--dsw-label-caption)" }}>{t.promptKindAssembled}</div>
+						<button
+							type="button"
+							className="w-full rounded-lg px-2 py-1.5 text-left"
+							style={{ border: "0.5px solid var(--dsw-border-l2)" }}
+							onClick={() => setInline({ title: t.promptKindAssembled, content: data.assembledSystemPrompt ?? "" })}
+						>
+							<span className="truncate" style={{ color: "var(--dsw-label-primary)" }}>{t.promptAssembledKey}</span>
+						</button>
+					</section>
+				)}
+
+				{inline && (
+					<div className="mt-2">
+						<div className="mb-1 flex items-center gap-2">
+							<span className="min-w-0 flex-1 truncate" style={{ fontSize: 11.5, color: "var(--dsw-label-caption)" }}>{inline.title}</span>
+							<button
+								type="button"
+								className="icon-btn"
+								style={{ width: 24, height: 24 }}
+								title={copied ? t.copySuccess : t.copy}
+								aria-label={t.copy}
+								onClick={() => {
+									void copyText(inline.content).then((ok) => {
+										setCopied(ok);
+										setTimeout(() => setCopied(false), 1200);
+									});
+								}}
+							>
+								{copied ? <IconCheckOutline14 size={13} /> : <IconCopyOutline16 size={13} />}
+							</button>
+							<button type="button" className="icon-btn" style={{ width: 24, height: 24 }} title={t.close} aria-label={t.close} onClick={() => setInline(null)}>
+								<IconCloseOutline14 size={13} />
+							</button>
+						</div>
+						<pre className="pw-output" style={{ maxHeight: 420, overflow: "auto", margin: 0 }}>{inline.content}</pre>
+					</div>
+				)}
+			</div>
+		</div>
+	);
+}

package/src/components/SettingsPanel.tsx

@@ -978,12 +978,12 @@ function ModelsSection() {
 		return (
 			<>
 				<div className="flex items-center gap-2">
-					{!usage && <span>{failed ? t.usageProbeFailed : busy ? t.queryingQuota : providerId === "xai" ? t.usageXaiDisclosure : t.usageReadOnlyDisclosure}</span>}
+					{!usage && <span>{failed ? t.usageProbeFailed : busy ? t.queryingQuota : t.usageReadOnlyDisclosure}</span>}
 					{usage?.kind === "quota" && usage.planType && <span>{t.usagePlan} {titleCase(usage.planType)}</span>}
 					{usage?.kind === "balance" && usage.primary && (
 						<span>{usage.primaryKey === "used" ? t.usageBalanceUsed : t.usageQuotaRemaining} <span style={{ color: "var(--dsw-label-secondary)" }}>{fmtAmount(usage.primary)}</span></span>
 					)}
-					<button type="button" className="pw-chip" disabled={busy} title={providerId === "xai" ? t.usageXaiDisclosure : t.usageReadOnlyDisclosure} onClick={() => void fetchProviderUsage(providerId, true)}>
+					<button type="button" className="pw-chip" disabled={busy} title={t.usageReadOnlyDisclosure} onClick={() => void fetchProviderUsage(providerId, true)}>
 						{busy ? t.usageProbing : usage ? t.usageRefresh : t.usageProbe}
 					</button>
 				</div>
@@ -1230,69 +1230,71 @@ function ModelsSection() {
 					const editingThis = editing === p.id;
 					return (
 						<div key={p.id}>
-							<div className="flex items-center gap-3 rounded-2xl px-4 py-3" style={{ border: "0.5px solid var(--dsw-border-l2)" }}>
-								<ProviderBrand id={p.id} name={providerName(p.id)} size={34} />
-								<div className="min-w-0 flex-1">
-									<div className="truncate" style={{ fontSize: 14, fontWeight: 500 }}>{providerName(p.id)}</div>
-									<div className="truncate" style={{ fontSize: 11.5, color: "var(--dsw-label-caption)" }}>
-										{p.id}{p.baseUrl ? ` · ${p.baseUrl}` : ""}
+							{/* 卡片：身份/操作行在上，额度显示放在同一个框内的第二段（分隔线区分） */}
+							<div className="flex flex-col rounded-2xl px-4 py-3" style={{ border: "0.5px solid var(--dsw-border-l2)" }}>
+								<div className="flex items-center gap-3">
+									<ProviderBrand id={p.id} name={providerName(p.id)} size={34} />
+									<div className="min-w-0 flex-1">
+										<div className="truncate" style={{ fontSize: 14, fontWeight: 500 }}>{providerName(p.id)}</div>
+										<div className="truncate" style={{ fontSize: 11.5, color: "var(--dsw-label-caption)" }}>
+											{p.id}{p.baseUrl ? ` · ${p.baseUrl}` : ""}
+										</div>
 									</div>
-								</div>
-								{isCustom && (
+									{isCustom && (
+										<span
+											className="rounded-md px-1.5 py-0.5"
+											style={{ fontSize: 10.5, border: "0.5px solid var(--dsw-border-l3)", color: "var(--dsw-label-tertiary)" }}
+										>
+											{t.customBadge}
+										</span>
+									)}
+									<span
+										className="inline-block h-2 w-2 rounded-full"
+										style={{ background: p.authReady ? "var(--dsw-success)" : "var(--dsw-danger)" }}
+										title={p.authError || (p.authReady ? t.providerReady : t.authUnavailable)}
+									/>
 									<span
 										className="rounded-md px-1.5 py-0.5"
 										style={{ fontSize: 10.5, border: "0.5px solid var(--dsw-border-l3)", color: "var(--dsw-label-tertiary)" }}
 									>
-										{t.customBadge}
+										{t.credentialSource.replace("{source}", credentialSource(p))}
 									</span>
-								)}
-								<span
-									className="inline-block h-2 w-2 rounded-full"
-									style={{ background: p.authReady ? "var(--dsw-success)" : "var(--dsw-danger)" }}
-									title={p.authError || (p.authReady ? t.providerReady : t.authUnavailable)}
-								/>
-								<span
-									className="rounded-md px-1.5 py-0.5"
-									style={{ fontSize: 10.5, border: "0.5px solid var(--dsw-border-l3)", color: "var(--dsw-label-tertiary)" }}
-								>
-									{t.credentialSource.replace("{source}", credentialSource(p))}
-								</span>
-								<button className="btn-outline" style={{ height: 28, padding: "0 12px", fontSize: 12 }} onClick={() => startEdit(p.id)}>
-									{t.edit}
-								</button>
-								{p.storedAuthType === "oauth" && (
-									<button
-										style={{ height: 28, padding: "0 12px", fontSize: 12, color: "var(--dsw-danger)" }}
-										onClick={async () => {
-											if (!window.confirm(t.confirmRemoveOAuth.replace("{name}", providerName(p.id)))) return;
-											await call({ action: "removeKey", providerId: p.id });
-										}}
-									>
-										{t.removeOAuth}
+									<button className="btn-outline" style={{ height: 28, padding: "0 12px", fontSize: 12 }} onClick={() => startEdit(p.id)}>
+										{t.edit}
 									</button>
-								)}
-								{p.authTypes?.includes("oauth") && (
-									<button
-										className="btn-outline"
-										style={{ height: 28, padding: "0 12px", fontSize: 12 }}
-										onClick={() => {
-											setOauthDone(null);
-											void call({ action: "loginStart", providerId: p.id });
-											setOauthProvider(p.id);
-										}}
-									>
-										{t.oauthLogin}
-									</button>
-								)}
-								{customIds.has(p.id) && (
-									<button style={{ fontSize: 12.5, color: "var(--dsw-danger)" }} onClick={() => deleteCustom(p.id)}>
-										{t.delete}
-									</button>
-								)}
+									{p.storedAuthType === "oauth" && (
+										<button
+											style={{ height: 28, padding: "0 12px", fontSize: 12, color: "var(--dsw-danger)" }}
+											onClick={async () => {
+												if (!window.confirm(t.confirmRemoveOAuth.replace("{name}", providerName(p.id)))) return;
+												await call({ action: "removeKey", providerId: p.id });
+											}}
+										>
+											{t.removeOAuth}
+										</button>
+									)}
+									{p.authTypes?.includes("oauth") && (
+										<button
+											className="btn-outline"
+											style={{ height: 28, padding: "0 12px", fontSize: 12 }}
+											onClick={() => {
+												setOauthDone(null);
+												void call({ action: "loginStart", providerId: p.id });
+												setOauthProvider(p.id);
+											}}
+										>
+											{t.oauthLogin}
+										</button>
+									)}
+									{customIds.has(p.id) && (
+										<button style={{ fontSize: 12.5, color: "var(--dsw-danger)" }} onClick={() => deleteCustom(p.id)}>
+											{t.delete}
+										</button>
+									)}
 							</div>
 
 							{p.id === "xai" && p.authReady && (
-								<div className="mt-1.5 flex items-center gap-2 px-4" style={{ fontSize: 11.5, color: "var(--dsw-label-tertiary)" }}>
+								<div className="mt-3 flex items-center gap-2 pt-3" style={{ borderTop: "0.5px solid var(--dsw-border-l2)", fontSize: 11.5, color: "var(--dsw-label-tertiary)" }}>
 									{xaiUsage ? (
 										<span>{t.usageQuotaLabel} · {xaiUsage.model} · {t.usageRequests} {xaiUsage.requestRemaining.toLocaleString()}/{xaiUsage.requestLimit.toLocaleString()} · Tokens {fmtQuotaTokens(xaiUsage.tokenRemaining)}/{fmtQuotaTokens(xaiUsage.tokenLimit)}</span>
 									) : <span>{usageError ? t.usageProbeFailed : t.usageProbeDisclosure}</span>}
@@ -1303,10 +1305,11 @@ function ModelsSection() {
 							)}
 
 							{supportsUsageProbe(p.id) && p.id !== "xai" && p.authReady && (
-								<div className="mt-1.5 flex flex-col gap-1.5 px-4" style={{ fontSize: 11.5, color: "var(--dsw-label-tertiary)" }}>
+								<div className="mt-3 flex flex-col gap-1.5 pt-3" style={{ borderTop: "0.5px solid var(--dsw-border-l2)", fontSize: 11.5, color: "var(--dsw-label-tertiary)" }}>
 									{renderProviderUsage(p.id)}
 								</div>
 							)}
+							</div>
 
 							{editingThis && (
 								<div className="mt-2 rounded-2xl p-4" style={{ border: "0.5px solid var(--dsw-border-l2)" }}>

package/src/i18n.tsx

@@ -21,7 +21,6 @@ const zh = {
 	copyFailed: "复制失败",
 	editMessage: "编辑这条消息",
 	sendEdit: "重新发送",
-	editWhileRunning: "会话正在运行，先停止再编辑",
 	editMessageFailed: "编辑重发失败",
 	export: "导出",
 	settings: "设置",
@@ -214,7 +213,6 @@ const zh = {
 	usageQuotaRemaining: "额度剩余",
 	queryingQuota: "正在查询额度…",
 	usageReadOnlyDisclosure: "读取提供商的只读用量端点，不消耗额度。",
-	usageXaiDisclosure: "会向 xAI 发出一次 1 token 的请求以读取限流头，会计入用量。",
 	usageReset: "刷新时间",
 	usageWindowWeekly: "周限",
 	usageWindowMonthly: "月限",
@@ -286,6 +284,25 @@ const zh = {
 	contextSystem: "系统提示词",
 	contextMessages: "对话消息",
 	contextTools: "工具",
+	promptPanel: "提示词来源",
+	promptRefresh: "刷新",
+	promptLoading: "加载中…",
+	promptColdHint: "会话尚未启动：先列出磁盘上的提示词文件；打开会话后才会出现「组装后的系统提示词」与工具定义。",
+	promptOriginProject: "项目",
+	promptOriginAgent: "个人",
+	promptOriginPackage: "包",
+	promptOriginExtension: "扩展",
+	promptKindSystem: "系统提示词文件",
+	promptKindAppend: "追加提示词",
+	promptKindAgents: "项目记忆（AGENTS.md）",
+	promptKindSkill: "技能提示词",
+	promptKindTemplate: "提示模板",
+	promptKindTool: "工具提示词",
+	promptKindAssembled: "组装后的系统提示词",
+	promptAssembledKey: "当前生效的完整系统提示词",
+	promptToolBuiltin: "内置",
+	promptToolExtension: "扩展",
+	copySuccess: "已复制",
 	contextSystemPrompt: "System Prompt",
 	contextSystemTools: "System Tools",
 	contextCustomTools: "Custom Tools",
@@ -579,7 +596,6 @@ const en: Dict = {
 	copyFailed: "Copy failed",
 	editMessage: "Edit this message",
 	sendEdit: "Send again",
-	editWhileRunning: "This session is running; stop it before editing",
 	editMessageFailed: "Edit and resend failed",
 	export: "Export",
 	settings: "Settings",
@@ -771,7 +787,6 @@ const en: Dict = {
 	usageQuotaRemaining: "Remaining quota",
 	queryingQuota: "Querying quota…",
 	usageReadOnlyDisclosure: "Reads the provider's read-only usage endpoint; consumes no quota.",
-	usageXaiDisclosure: "Sends one 1-token request to xAI to read the rate-limit headers; counts against your usage.",
 	usageReset: "Resets",
 	usageWindowWeekly: "Weekly",
 	usageWindowMonthly: "Monthly",
@@ -841,6 +856,25 @@ const en: Dict = {
 	contextSystem: "System prompt",
 	contextMessages: "Messages",
 	contextTools: "Tools",
+	promptPanel: "Prompt sources",
+	promptRefresh: "Refresh",
+	promptLoading: "Loading…",
+	promptColdHint: "Session not started yet: disk files are listed now; the assembled system prompt and tool definitions appear once the session is running.",
+	promptOriginProject: "project",
+	promptOriginAgent: "user",
+	promptOriginPackage: "package",
+	promptOriginExtension: "extension",
+	promptKindSystem: "System prompt file",
+	promptKindAppend: "Appended prompt",
+	promptKindAgents: "Project memory (AGENTS.md)",
+	promptKindSkill: "Skill prompts",
+	promptKindTemplate: "Prompt templates",
+	promptKindTool: "Tool prompts",
+	promptKindAssembled: "Assembled system prompt",
+	promptAssembledKey: "Effective system prompt for this session",
+	promptToolBuiltin: "builtin",
+	promptToolExtension: "extension",
+	copySuccess: "Copied",
 	contextSystemPrompt: "System Prompt",
 	contextSystemTools: "System Tools",
 	contextCustomTools: "Custom Tools",

package/src/lib/agent-manager.ts

@@ -684,17 +684,15 @@ async function buildContextBreakdown(
 		// Memory：AGENTS.md 等注入文件（contextResources 的 project 部分）
 		const memoryText = resources.filter((r) => r.source === "project").map((r) => r.content).join("\n\n");
 		breakdown.memory = estimateTokensOf(memoryText);
-		// Skills：从资源加载器取技能清单，按 system-prompt.js 的 formatSkillsForPrompt 段落定位
+		// Skills：从资源加载器取技能清单，按 SDK 的 formatSkillsForPrompt 段落定位。
+		// 该段落没有 Markdown 标题（原文以 "The following skills provide specialized instructions…" 开头，
+		// 结尾是 </available_skills>），以前按 "## Skills" 找永远找不到，技能段一直是 0。
 		try {
 			const { skills } = session.resourceLoader.getSkills();
 			if (skills.length && prompt) {
-				const header = prompt.indexOf("## Skills");
-				if (header >= 0) {
-					// skills 段之后是工具列表段（## Available Tools 等）；找不到就取到结尾
-					const next = prompt.slice(header + 1).search(/^## /m);
-					const section = next >= 0 ? prompt.slice(header, header + 1 + next) : prompt.slice(header);
-					breakdown.skills = estimateTokensOf(section);
-				}
+				const start = prompt.indexOf("The following skills provide specialized instructions");
+				const end = prompt.indexOf("</available_skills>");
+				if (start >= 0 && end > start) breakdown.skills = estimateTokensOf(prompt.slice(start, end + "</available_skills>".length));
 			}
 		} catch {
 			/* loader 不可用则跳过 */
@@ -1442,6 +1440,35 @@ export async function execute(m: Managed, cmd: AgentCommand): Promise<CommandRes
 				const r = await session.navigateTree(entryId);
 				return { ok: !r?.cancelled, data: { cancelled: r?.cancelled === true, editorText: r?.editorText } };
 			}
+			case "editAndResend": {
+				// 编辑用户消息并重发：先停在跑的回合（用户改口即表示不要这一轮的输出），
+				// 再回到该消息之前用新文本重新提问。放在服务端串行做，避免客户端"先 abort 再发"的竞态。
+				const entryId = String((cmd as any).entryId ?? "");
+				const text = (cmd.text ?? "").trim();
+				if (!entryId) return { ok: false, error: "missing entryId" };
+				if (!text) return { ok: false, error: "empty prompt" };
+				if (m.promptSubmitting || m.resourceReloading) return { ok: false, error: "session is busy accepting another command" };
+				m.promptSubmitting = true;
+				try {
+					const session = await ensureSession(m);
+					if (m.disposed) throw new Error("session is disposed");
+					if (session.isStreaming || m.runActive) {
+						await session.abort().catch(() => undefined);
+						// 等 SDK 真正回到空闲（abort 是异步的；最多等 5 秒，超时就按当前状态继续）
+						for (let i = 0; i < 50 && !m.disposed && (session.isStreaming || m.runActive); i += 1) {
+							await new Promise((resolve) => setTimeout(resolve, 100));
+						}
+					}
+					if (m.disposed) throw new Error("session is disposed");
+					const moved = await session.navigateTree(entryId);
+					if (moved?.cancelled) return { ok: false, error: "edit cancelled" };
+					await growthOf(m).prepare().catch(() => undefined);
+					await session.prompt(text);
+					return { ok: true };
+				} finally {
+					m.promptSubmitting = false;
+				}
+			}
 			case "rename": {
 				const name = (cmd.text ?? "").trim();
 				if (m.session) m.session.setSessionName(name);

package/src/lib/clipboard.ts

@@ -0,0 +1,27 @@
+/**
+ * 剪贴板工具：优先用异步 Clipboard API，非安全上下文（局域网 http）退回 textarea + execCommand。
+ * 从 ChatWindow 抽出来共用（消息操作行与提示词面板都用它）。
+ */
+export async function copyText(text: string): Promise<boolean> {
+	try {
+		if (navigator.clipboard?.writeText) {
+			await navigator.clipboard.writeText(text);
+			return true;
+		}
+	} catch {
+		// Non-secure local-network contexts need the legacy fallback below.
+	}
+	const field = document.createElement("textarea");
+	field.value = text;
+	field.style.position = "fixed";
+	field.style.opacity = "0";
+	document.body.appendChild(field);
+	field.select();
+	try {
+		return document.execCommand("copy");
+	} catch {
+		return false;
+	} finally {
+		field.remove();
+	}
+}