diff --git a/frontend/app.js b/frontend/app.js
index da24c1e..2f17236 100644
--- a/frontend/app.js
+++ b/frontend/app.js
@@ -97,6 +97,13 @@ const routes = {
const TASK_DETAIL_RE = /^#\/tasks\/([^/]+)$/;
const SKILL_AUDIT_RE = /^#\/skills\/([^/]+)\/audit$/;
const ARTIFACT_DETAIL_RE = /^#\/artifacts\/([^/]+)$/;
+// Org Graph 三节点条点击可达详情 (2026-08-06 SDD): both v_dashboard's and
+// v_task_detail's org-strip nodes route here. `:org_node` is restricted to
+// the three real values on purpose -- anything else (typo, stray path
+// segment) falls through to the "Not found" fallback in render() instead of
+// reaching renderTaskDetail/mountTaskDetail with a bogus org_node that would
+// otherwise need its own defensive checks further down.
+const ORG_NODE_DETAIL_RE = /^#\/tasks\/([^/]+)\/org\/(planner|coder|validator)$/;
let currentRouteCleanup = null;
function registerRouteCleanup(fn) {
@@ -114,9 +121,15 @@ function render() {
let routeArgs = [];
if (!route) {
const taskMatch = hash.match(TASK_DETAIL_RE);
+ const orgNodeMatch = hash.match(ORG_NODE_DETAIL_RE);
const skillMatch = hash.match(SKILL_AUDIT_RE);
const artifactMatch = hash.match(ARTIFACT_DETAIL_RE);
- if (taskMatch) {
+ if (orgNodeMatch) {
+ // Reuses v_task_detail itself (same render/mount) with the org_node
+ // carried through as a second arg -- no separate view/route handler.
+ route = { render: renderTaskDetail, mount: mountTaskDetail };
+ routeArgs = [orgNodeMatch[1], orgNodeMatch[2]];
+ } else if (taskMatch) {
route = { render: renderTaskDetail, mount: mountTaskDetail };
routeArgs = [taskMatch[1]];
} else if (skillMatch) {
@@ -537,6 +550,120 @@ function mountBugFeedback() {
const ORG_NODE_ORDER = ["planner", "coder", "validator"];
+// ---- Org Graph 三节点条点击可达详情 (2026-08-06 SDD): shared by
+// v_dashboard's `#org_strip` and v_task_detail's own inline org-strip below
+// -- both mark each `.org-node` with `data-org-node`, both route through
+// `#/tasks/:task_id/org/:org_node`, both pick "最新一次 work_graph_run" for
+// that org_node the same way (C6: plain array filtering, no new backend
+// query params). DAG/log/artifact display itself stays entirely inside
+// renderGraphVisualizerPanel/renderTodoTree/mountLogViewer/v_artifact_browser
+// (C3-C5) -- this block only does the "接线": which run is "latest", and
+// where on the already-rendered page to scroll/highlight.
+
+function getLatestRunForOrgNode(task, orgNode) {
+ const runs = task.work_graph_runs.filter((r) => r.org_node === orgNode);
+ return runs.length ? runs[runs.length - 1] : null;
+}
+
+// v_dashboard's org-strip: role + hint text, only ever links out to
+// v_task_detail (a genuine page change, so plain hash assignment is fine).
+function renderDashboardOrgStripHtml(activeOrgNode, runStatusByOrgNode) {
+ return ORG_NODE_ORDER.map((node, i) => {
+ const isActive = activeOrgNode === node;
+ const runStatus = runStatusByOrgNode[node];
+ const hint = isActive ? "当前节点" : runStatus === "done" ? "已完成" : runStatus || "未开始";
+ const arrow = i < ORG_NODE_ORDER.length - 1 ? '
→
' : "";
+ return '
'
+ + node + '
' + escapeHtml(hint) + "
" + arrow;
+ }).join("");
+}
+
+// v_task_detail's inline "Org Graph" panel: plainer markup (no role/hint
+// split), `activeSet` already carries different semantics than the
+// dashboard's single activeOrgNode -- kept as its own function rather than
+// forcing the two call sites to share one shape.
+function renderTaskDetailOrgStripHtml(activeSet) {
+ return ORG_NODE_ORDER.map((node, i) => {
+ const arrow = i < ORG_NODE_ORDER.length - 1 ? '
→
' : "";
+ return '
' + node + "
" + arrow;
+ }).join("");
+}
+
+function mountOrgStripClicks(container, taskId) {
+ if (!taskId) return;
+ for (const el of container.querySelectorAll(".org-node[data-org-node]")) {
+ el.addEventListener("click", () => {
+ window.location.hash = "#/tasks/" + taskId + "/org/" + el.dataset.orgNode;
+ });
+ }
+}
+
+// "组合视图" content for v_task_detail's "Org 节点详情" panel: reuses the
+// artifact list's own markup pattern (li[data-artifact-id], same as
+// renderArtifactSummaryList) filtered down to this run's own artifacts --
+// linking to #/artifacts/:id (v_artifact_browser), not re-rendering artifact
+// content itself (C5). The DAG/to-do-tree/log panels are NOT duplicated here
+// -- they're already rendered once, further down this same page, by the
+// unmodified renderGraphVisualizerPanel/renderTodoTree calls; this function
+// only describes which run that is and lists its artifacts.
+function renderOrgComboPanelContent(task, orgNode) {
+ const run = getLatestRunForOrgNode(task, orgNode);
+ if (!run) {
+ return '
' + escapeHtml(orgNode) + " 尚未开始（暂无 Work Graph run）
';
quotaBanner.style.display = "none";
return;
}
+ orgStripTaskId = active.task_id;
// v_dashboard Start affordance (2026-08-03): the full Pause/Stop set
// only makes sense on v_task_detail (they need the task's own status
// context to pick which one to show) -- the dashboard only ever needs
@@ -888,7 +1014,10 @@ function renderGraphVisualizerPanel(run, options) {
}).join("");
return (
- '
' + run.org_node + " Work Graph DAG 视图（v_graph_visualizer，run_id=" + run.run_id + "）
"
+ // id="graph-panel-": Org Graph 点击可达详情's scroll/highlight
+ // target (focusOrgNodePanel above) -- additive, doesn't change any
+ // existing class/data-* this function already emitted.
+ '
' + run.org_node + " Work Graph DAG 视图（v_graph_visualizer，run_id=" + run.run_id + "）
"
+ '
' + rowsHtml + "
"
+ '
' + GRAPH_LEGEND_HTML + "
"
+ "
"
@@ -1031,11 +1160,19 @@ function renderTaskDetail(taskId) {
`;
}
-function mountTaskDetail(taskId) {
+function mountTaskDetail(taskId, initialOrgNode) {
const projectId = getCurrentProjectId();
if (!projectId) return;
const content = document.getElementById("td_content");
+ // Org Graph 三节点条点击可达详情 (2026-08-06 SDD): which org_node's
+ // "组合视图" (DAG/日志/Artifact) is currently focused -- seeded from the
+ // #/tasks/:task_id/org/:org_node route (deep link / dashboard click) and
+ // updated in place when the inline org-strip below is clicked while
+ // already on this page, so a WS-triggered refresh() re-render keeps
+ // pointing at the same node instead of losing focus.
+ let focusedOrgNode = initialOrgNode || null;
+
// v_log_viewer instances (02-V §2.7.1) mounted lazily on first to-do
// expand -- tracked here so a re-render (WS-triggered refresh) or leaving
// the page closes any live c_ws_log_tail connections instead of leaking them.
@@ -1069,7 +1206,9 @@ function mountTaskDetail(taskId) {
);
}).join("");
return (
- '
DAG 视图（同一份 graph_manifest 的另一种呈现）见下方 v_graph_visualizer
'
+ "
"
@@ -1082,10 +1221,7 @@ function mountTaskDetail(taskId) {
for (const run of task.work_graph_runs) {
if (run.status !== "done" && run.status !== "failed") activeSet.add(run.org_node);
}
- const orgStripHtml = ORG_NODE_ORDER.map((node, i) => {
- const arrow = i < ORG_NODE_ORDER.length - 1 ? '
→
' : "";
- return '
' + node + "
" + arrow;
- }).join("");
+ const orgStripHtml = renderTaskDetailOrgStripHtml(activeSet);
// v_task_detail Start/Pause/Stop (2026-08-03): a task only ever has one
// real thing "running" against it at a time -- exactly one of these
@@ -1168,6 +1304,13 @@ function mountTaskDetail(taskId) {
+ "
CREATED_VIA" + escapeHtml(task.created_via) + "
"
+ "
"
+ '
Org Graph
' + orgStripHtml + "
"
+ // "Org 节点详情" (2026-08-06 SDD): click-through target -- filled in by
+ // focusOrgNodePanel() below, either right after this render (deep
+ // link/dashboard click already carries an org_node) or on a later
+ // inline org-strip click. Left as the default hint until then.
+ + '
Org 节点详情
'
+ + '
点击上方 Org Graph 节点，查看该节点最新一次 Work Graph / 日志 / Artifact
'
+ + "
"
+ todoTreesHtml
+ graphVisualizerHtml
+ ''
@@ -1191,6 +1334,22 @@ function mountTaskDetail(taskId) {
}
mountGraphVisualizerTooltips(content);
+ // Org Graph 三节点条点击可达详情: clicking a node here (already on
+ // v_task_detail) stays on this page -- update focusedOrgNode + the URL
+ // (history.replaceState, no hashchange -> no full route re-render) and
+ // scroll/highlight in place, per 02-V happy path 2.2.
+ for (const el of content.querySelectorAll(".org-strip .org-node[data-org-node]")) {
+ el.addEventListener("click", () => {
+ focusedOrgNode = el.dataset.orgNode;
+ const newHash = "#/tasks/" + taskId + "/org/" + focusedOrgNode;
+ if (window.location.hash !== newHash) history.replaceState(null, "", newHash);
+ focusOrgNodePanel(content, task, focusedOrgNode);
+ });
+ }
+ // Deep link / dashboard click landed here with an org_node already
+ // known -- populate + scroll to it once, right after this render.
+ if (focusedOrgNode) focusOrgNodePanel(content, task, focusedOrgNode);
+
const resumeBtn = document.getElementById("btn_manual_resume");
if (resumeBtn) {
resumeBtn.addEventListener("click", async () => {
diff --git a/frontend/style.css b/frontend/style.css
index 1ec077d..c3b4179 100644
--- a/frontend/style.css
+++ b/frontend/style.css
@@ -45,6 +45,18 @@ body { font-family: system-ui, sans-serif; margin: 0; }
.org-node .role { font-weight: 600; font-size: 13px; }
.org-node .hint { margin-top: 2px; }
.org-arrow { flex: 0 0 30px; text-align: center; color: #6b7280; }
+
+/* Org Graph 三节点条点击可达详情 (2026-08-06 SDD): org-strip nodes route to
+ `#/tasks/:task_id/org/:org_node` (v_dashboard) or scroll/highlight in
+ place (v_task_detail's own inline org-strip). */
+.org-strip .org-node[data-org-node] { cursor: pointer; }
+.org-strip .org-node[data-org-node]:hover { box-shadow: 0 0 0 2px #4f46e5; }
+.org-strip .org-node.org-node-focused { box-shadow: 0 0 0 2px #4f46e5; }
+.org-highlight-flash { animation: org-highlight-flash-kf 1.6s ease-out; }
+@keyframes org-highlight-flash-kf {
+ 0% { box-shadow: 0 0 0 3px #f59e0b; }
+ 100% { box-shadow: none; }
+}
.task-summary .row { display: flex; justify-content: space-between; font-size: 13px; padding: 6px 0; border-bottom: 1px solid #e5e7eb; }
.task-summary .row:last-child { border-bottom: none; }
.progress { height: 8px; border-radius: 4px; background: #e5e7eb; overflow: hidden; margin-top: 6px; }
diff --git a/frontend/test_org_click_through_smoke.js b/frontend/test_org_click_through_smoke.js
new file mode 100644
index 0000000..043319b
--- /dev/null
+++ b/frontend/test_org_click_through_smoke.js
@@ -0,0 +1,144 @@
+// Org Graph 三节点条点击可达详情 (2026-08-06 SDD) smoke test. Same
+// no-framework/no-fixture convention as frontend/test_graph_console_smoke.js
+// -- loads app.js in a bare vm.Context and asserts on generated HTML
+// strings / regex matches / plain data for the new top-level functions:
+// - renderDashboardOrgStripHtml / renderTaskDetailOrgStripHtml: both
+// org-strip render locations now carry data-org-node on every node
+// (root cause from the BRD: renderOrgStrip() had zero data-* attrs).
+// - ORG_NODE_DETAIL_RE: the new #/tasks/:task_id/org/:org_node route --
+// legal three-way org_node enum, illegal node name, missing segment.
+// - getLatestRunForOrgNode: "取最新 run" filter -- must return the
+// started_at-latest (array-last) entry for a given org_node, not the
+// first, and must not merge two runs' nodes together.
+// - renderOrgComboPanelContent: empty-state (no run yet) and populated
+// (with/without artifacts) cases, always via the existing simple-list
+// markup pattern -- no separate artifact-content renderer invented here.
+//
+// Run: node frontend/test_org_click_through_smoke.js
+
+"use strict";
+const fs = require("fs");
+const path = require("path");
+const vm = require("vm");
+const assert = require("assert");
+
+function makeFakeDiv() {
+ let text = "";
+ return {
+ set textContent(v) { text = v == null ? "" : String(v); },
+ get textContent() { return text; },
+ get innerHTML() {
+ return text.replace(/&/g, "&").replace(//g, ">").replace(/"/g, """);
+ },
+ };
+}
+
+const sandbox = {
+ document: {
+ createElement: () => makeFakeDiv(),
+ getElementById: () => null,
+ querySelectorAll: () => [],
+ addEventListener: () => {},
+ },
+ window: {
+ location: { protocol: "http:", host: "localhost", hash: "" },
+ addEventListener: () => {},
+ },
+ localStorage: { getItem: () => null, setItem: () => {} },
+ console,
+};
+vm.createContext(sandbox);
+
+const src = fs.readFileSync(path.join(__dirname, "app.js"), "utf8");
+// Top-level `const` regexes stay lexically scoped to the script and never
+// reach the sandbox object (same Annex B quirk test_graph_console_smoke.js
+// already documents for ARTIFACT_DETAIL_RE) -- re-export what this test needs.
+const augmentedSrc = src + "\nglobalThis.ORG_NODE_DETAIL_RE = ORG_NODE_DETAIL_RE;\n";
+new vm.Script(augmentedSrc, { filename: "app.js" }).runInContext(sandbox);
+
+let assertionCount = 0;
+function check(condition, message) {
+ assertionCount++;
+ assert.ok(condition, message);
+}
+
+// ---- 1. data-org-node on both org-strip render locations ----
+{
+ const dashboardHtml = sandbox.renderDashboardOrgStripHtml("coder", { planner: "done", coder: "running" });
+ for (const node of ["planner", "coder", "validator"]) {
+ check(dashboardHtml.includes('data-org-node="' + node + '"'), "dashboard org-strip must carry data-org-node for " + node);
+ }
+ check(dashboardHtml.includes('class="org-node active" data-org-node="coder"'), "active node keeps its existing .active class alongside the new attribute");
+
+ const activeSet = new Set(["planner"]);
+ const taskDetailHtml = sandbox.renderTaskDetailOrgStripHtml(activeSet);
+ for (const node of ["planner", "coder", "validator"]) {
+ check(taskDetailHtml.includes('data-org-node="' + node + '"'), "v_task_detail inline org-strip must carry data-org-node for " + node);
+ }
+}
+
+// ---- 2. ORG_NODE_DETAIL_RE: happy / boundary / failure ----
+{
+ const legal = "#/tasks/abc-123/org/coder".match(sandbox.ORG_NODE_DETAIL_RE);
+ check(legal, "legal task_id + coder must match");
+ check(legal[1] === "abc-123" && legal[2] === "coder", "captured groups must be task_id and org_node");
+
+ for (const node of ["planner", "coder", "validator"]) {
+ check(("#/tasks/t1/org/" + node).match(sandbox.ORG_NODE_DETAIL_RE), "all three org_node enum values must match: " + node);
+ }
+
+ check(!"#/tasks/t1/org/reviewer".match(sandbox.ORG_NODE_DETAIL_RE), "illegal org_node (not in the 3-way enum) must not match");
+ check(!"#/tasks/t1/org/".match(sandbox.ORG_NODE_DETAIL_RE), "missing org_node segment must not match");
+ check(!"#/tasks/t1".match(sandbox.ORG_NODE_DETAIL_RE), "plain #/tasks/:id (no /org/ suffix) must not match this regex");
+}
+
+// ---- 3. getLatestRunForOrgNode: latest-wins, no cross-run merging ----
+{
+ const task = {
+ work_graph_runs: [
+ { run_id: "run-old", org_node: "planner", status: "done", started_at: "2026-08-01 00:00:00" },
+ { run_id: "run-new", org_node: "planner", status: "done", started_at: "2026-08-02 00:00:00" },
+ { run_id: "run-coder", org_node: "coder", status: "running", started_at: "2026-08-02 01:00:00" },
+ ],
+ };
+ const latestPlanner = sandbox.getLatestRunForOrgNode(task, "planner");
+ check(latestPlanner.run_id === "run-new", "must return the array-last (time-latest) run for a repeated org_node, not the first");
+
+ const latestCoder = sandbox.getLatestRunForOrgNode(task, "coder");
+ check(latestCoder.run_id === "run-coder", "single-run org_node resolves to that one run");
+
+ const noValidator = sandbox.getLatestRunForOrgNode(task, "validator");
+ check(noValidator === null, "org_node with zero runs must resolve to null, not throw or return undefined-shaped data");
+}
+
+// ---- 4. renderOrgComboPanelContent: empty state + artifact filtering ----
+{
+ const emptyTask = { work_graph_runs: [], artifacts: [] };
+ const emptyHtml = sandbox.renderOrgComboPanelContent(emptyTask, "validator");
+ check(emptyHtml.includes("尚未开始"), "no-run org_node must render an explicit empty state, not blank/undefined");
+
+ const taskWithRun = {
+ work_graph_runs: [
+ { run_id: "run-1", org_node: "coder", status: "done", graph_manifest: { nodes: [{ node_id: "n1", depends_on: [] }] } },
+ ],
+ artifacts: [
+ { artifact_id: "art-1", produced_by_run_id: "run-1", file_path: "src/x.py", artifact_type: "code_diff", validation_status: "passed" },
+ { artifact_id: "art-2", produced_by_run_id: "run-other", file_path: "src/y.py", artifact_type: "code_diff", validation_status: "passed" },
+ ],
+ };
+ const populatedHtml = sandbox.renderOrgComboPanelContent(taskWithRun, "coder");
+ check(populatedHtml.includes("run-1"), "combo content must name the resolved run_id");
+ check(populatedHtml.includes('data-artifact-id="art-1"'), "artifact produced by the resolved run must be listed");
+ check(!populatedHtml.includes('data-artifact-id="art-2"'), "artifact from a different run_id must be filtered out");
+
+ const taskNoArtifacts = {
+ work_graph_runs: [{ run_id: "run-2", org_node: "coder", status: "failed", graph_manifest: null }],
+ artifacts: [],
+ };
+ const noArtifactsHtml = sandbox.renderOrgComboPanelContent(taskNoArtifacts, "coder");
+ check(noArtifactsHtml.includes("暂无 Artifact"), "run with zero artifacts must show the existing empty-state text, not blank/error");
+}
+
+console.log(
+ "frontend/test_org_click_through_smoke.js: all " + assertionCount + " assertions passed"
+);