-
- {rows.map((row) => (
-
- {row.key}
- {row.value}
-
- ))}
+
+
setOpen((event.currentTarget as HTMLDetailsElement).open)}
+ >
+
+ {summary.icon}
+ {summary.label}
+ {summary.capabilityLevel}
+
+
+
+ {rows.map((row, index) => (
+
+ {row.label}
+ {row.value}
+
+ ))}
+
展开 readiness 原始 JSON
{jsonPreview(availability ?? { status: "unverified" }, 1200)}
-
+
+
+
);
}
@@ -115,20 +144,96 @@ function MessageCard({ message, codeAgentTimeoutMs, onCancel, onRetry, onReplayT
{statusLabel(message).label}
- {message.role === "agent" && message.status === "running" ?
: null}
- {message.role === "agent" && message.status !== "running" ?
: null}
- {message.role === "agent" ?
: null}
-
+
{message.runnerTrace ?
: null}
-
);
}
+function MessageDebug({ message, codeAgentTimeoutMs, onCancel, onRetry, onReplayTrace }: { message: ChatMessage; codeAgentTimeoutMs: number; onCancel(): void; onRetry(): void; onReplayTrace(): void }): ReactElement | null {
+ if (message.role === "user" || message.role === "system") {
+ if (!message.traceId) return null;
+ return (
+
+ );
+ }
+ return (
+ <>
+
+ {message.status === "running" ? (
+
+ 处理中
+ {message.runnerTrace?.waitingFor ? `等待 ${message.runnerTrace.waitingFor}` : "等待后端事件"}
+
+ ) : null}
+
+ );
+}
+
+function systemDebugSections(message: ChatMessage): DebugSection[] {
+ const rows: DebugRow[] = [];
+ if (message.traceId) rows.push({ label: "traceId", value: message.traceId, copyable: true });
+ return [{ title: "会话标识", rows }];
+}
+
+function agentDebugSections(message: ChatMessage, codeAgentTimeoutMs: number): DebugSection[] {
+ const sessionRows: DebugRow[] = [];
+ if (message.traceId) sessionRows.push({ label: "traceId", value: message.traceId, copyable: true });
+ if (message.conversationId) sessionRows.push({ label: "conversation", value: message.conversationId, copyable: true });
+ if (message.sessionId) sessionRows.push({ label: "session", value: message.sessionId, copyable: true });
+ else if (message.runnerTrace?.sessionId) sessionRows.push({ label: "session", value: String(message.runnerTrace.sessionId), copyable: true });
+ if (message.threadId) sessionRows.push({ label: "thread", value: message.threadId, copyable: true });
+ else if (message.runnerTrace?.threadId) sessionRows.push({ label: "thread", value: String(message.runnerTrace.threadId), copyable: true });
+ const sessionStatus = typeof message.runnerTrace?.sessionStatus === "string" ? message.runnerTrace.sessionStatus : message.status;
+ if (sessionStatus) sessionRows.push({ label: "sessionStatus", value: String(sessionStatus) });
+ const lifecycle = typeof message.runnerTrace?.sessionLifecycleStatus === "string" ? message.runnerTrace.sessionLifecycleStatus : null;
+ if (lifecycle) sessionRows.push({ label: "lifecycle", value: lifecycle });
+ if (message.runnerTrace?.lastEventLabel) sessionRows.push({ label: "lastEvent", value: String(message.runnerTrace.lastEventLabel) });
+ sessionRows.push({ label: "activityTimeout", value: `${Math.round(codeAgentTimeoutMs / 60000)}m 无新事件` });
+
+ const runtime = codeAgentRuntimePathFromMessage({ role: "agent", ...(message as unknown as Record
) });
+ const runtimeRows: DebugRow[] = [
+ { label: "provider", value: runtime.rows[0]?.value ?? "未观测" },
+ { label: "runnerKind", value: runtime.rows[1]?.value ?? "未观测" },
+ { label: "protocol", value: runtime.rows[2]?.value ?? "未观测" },
+ { label: "implementationType", value: runtime.rows[3]?.value ?? "未观测" },
+ { label: "providerTrace.command", value: runtime.rows[4]?.value ?? "未观测" },
+ { label: "providerTrace.terminalStatus", value: runtime.rows[5]?.value ?? "未观测" },
+ { label: "providerTrace.failureKind", value: runtime.rows[6]?.value ?? "未观测" }
+ ].filter((row) => row.value !== "未观测" && row.value !== "字段缺失：证据不足");
+ const runtimeSection: DebugSection = { title: "Runtime Path", rows: runtimeRows, empty: runtime.missingFields.length > 0 ? "未观测到 providerTrace 字段，跳过该 section。" : "运行路径不可用。" };
+
+ return [
+ { title: "会话标识", rows: sessionRows },
+ runtimeSection
+ ];
+}
+
function statusLabel(message: ChatMessage): { label: string; tone: ReturnType } {
const label = agentStatusLabel(message);
return { label: label.label, tone: label.tone };
diff --git a/web/hwlab-cloud-web/src/components/shared/DebugDialog.tsx b/web/hwlab-cloud-web/src/components/shared/DebugDialog.tsx
new file mode 100644
index 00000000..4bd43ca4
--- /dev/null
+++ b/web/hwlab-cloud-web/src/components/shared/DebugDialog.tsx
@@ -0,0 +1,123 @@
+import type { ReactElement } from "react";
+import { useEffect, useId, useState } from "react";
+
+export interface DebugRow {
+ label: string;
+ value: string;
+ tone?: "ok" | "warn" | "blocked" | "source" | "pending" | "dev-live" | "error";
+ copyable?: boolean;
+}
+
+export interface DebugSection {
+ title: string;
+ rows: DebugRow[];
+ empty?: string;
+}
+
+interface DebugDialogProps {
+ triggerLabel?: string;
+ triggerTitle?: string;
+ dialogId: string;
+ title: string;
+ sections: DebugSection[];
+ rawJson?: unknown;
+ empty?: string;
+ className?: string;
+}
+
+function toneClass(tone: DebugRow["tone"]): string {
+ if (tone === "ok" || tone === "warn" || tone === "blocked" || tone === "source" || tone === "pending" || tone === "dev-live" || tone === "error") return tone;
+ return "source";
+}
+
+export function DebugDialog({ triggerLabel, triggerTitle, dialogId, title, sections, rawJson, empty, className }: DebugDialogProps): ReactElement {
+ const fallbackId = useId();
+ const id = dialogId || fallbackId;
+ const triggerId = `${id}-trigger`;
+ const [open, setOpen] = useState(false);
+
+ useEffect(() => {
+ if (!open) return;
+ const handleKey = (event: KeyboardEvent) => {
+ if (event.key === "Escape") setOpen(false);
+ };
+ window.addEventListener("keydown", handleKey);
+ return () => window.removeEventListener("keydown", handleKey);
+ }, [open]);
+
+ const totalRows = sections.reduce((acc, section) => acc + section.rows.length, 0);
+ const allEmpty = totalRows === 0 && !rawJson;
+
+ return (
+ <>
+
+ {open ? (
+ {
+ if (event.target === event.currentTarget) setOpen(false);
+ }}
+ >
+
+