@tea-agent/loop-agent 0.13.0-beta.0 → 0.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +157 -155
- package/CHANGELOG.md +301 -322
- package/README.md +335 -345
- package/bin/agent-worker.js +22 -22
- package/bin/loop-agent.js +21 -21
- package/dist/commands/cursor-prompt.js +6 -6
- package/dist/commands/init.js +597 -528
- package/dist/commands/loop-benchmark.js +11 -11
- package/dist/commands/pi-reuse-benchmark.js +16 -16
- package/dist/executors/shell-executor.js +200 -21
- package/dist/infrastructure/evaluation/candidate-store.js +5 -1
- package/dist/sidecars/cursor-prompt/executor.js +1 -1
- package/dist/task/runtime.js +27 -27
- package/dist/worker/observe/static/api.js +46 -46
- package/dist/worker/observe/static/app.js +150 -150
- package/dist/worker/observe/static/constants.js +148 -148
- package/dist/worker/observe/static/copy.js +67 -67
- package/dist/worker/observe/static/dag-helpers.js +172 -172
- package/dist/worker/observe/static/dag-layout.d.ts +31 -31
- package/dist/worker/observe/static/dag-layout.js +83 -83
- package/dist/worker/observe/static/dag-model.js +72 -72
- package/dist/worker/observe/static/dom.js +212 -53
- package/dist/worker/observe/static/format-pool.js +67 -67
- package/dist/worker/observe/static/format.js +292 -292
- package/dist/worker/observe/static/index.html +308 -308
- package/dist/worker/observe/static/kpi.js +94 -94
- package/dist/worker/observe/static/relations.js +133 -133
- package/dist/worker/observe/static/router.js +93 -93
- package/dist/worker/observe/static/run-processing.js +148 -148
- package/dist/worker/observe/static/shell-chrome.js +68 -68
- package/dist/worker/observe/static/state.js +267 -253
- package/dist/worker/observe/static/styles.css +1902 -1902
- package/dist/worker/observe/static/views/batch.js +227 -227
- package/dist/worker/observe/static/views/dag-graph.js +172 -172
- package/dist/worker/observe/static/views/dag-inspector.js +627 -607
- package/dist/worker/observe/static/views/dag.js +371 -362
- package/dist/worker/observe/static/views/dashboard.js +509 -252
- package/dist/worker/observe/static/views/failures.js +143 -143
- package/dist/worker/observe/static/views/feature.js +492 -492
- package/dist/worker/observe/static/views/pool.js +350 -350
- package/dist/worker/observe/static/views/run.js +453 -453
- package/dist/worker/observe/static/views/session-timeline.js +219 -205
- package/dist/worker/observe/static/views/shell.js +7 -7
- package/dist/worker/observe/static/views/task.js +314 -314
- package/dist/worker/observe/static/views/timeline.js +163 -163
- package/dist/workflows/dag/backend-test-case-manifest.js +503 -0
- package/dist/workflows/dag/backend-test-execution-contract.js +353 -0
- package/dist/workflows/dag/backend-test-result-contract.js +568 -0
- package/dist/workflows/dag/canvas-observer.js +275 -275
- package/dist/workflows/dag/decision-envelope.js +57 -2
- package/dist/workflows/dag/frontend-implementation-contract.js +240 -0
- package/dist/workflows/dag/frontend-project-capability.js +309 -0
- package/dist/workflows/dag/frontend-repair.js +341 -0
- package/dist/workflows/dag/frontend-risk.js +161 -0
- package/dist/workflows/dag/frontend-verification-trace.js +190 -0
- package/dist/workflows/dag/init-hybrid.js +1020 -125
- package/dist/workflows/dag/repair-artifact.js +43 -3
- package/dist/workflows/dag/skill-instructions.js +4 -2
- package/dist/workflows/dag/types.js +29 -8
- package/docs/README.md +105 -104
- package/docs/agent-dag-recovery-playbook.md +195 -195
- package/docs/agent-dag-runner.md +67 -67
- package/docs/architecture/README.md +26 -26
- package/docs/architecture/dag-execution.md +140 -140
- package/docs/architecture/evolution.md +54 -54
- package/docs/architecture/facts-and-state.md +71 -71
- package/docs/architecture/runtime-boundaries.md +191 -191
- package/docs/architecture/system-overview.md +93 -93
- package/docs/architecture/worker-and-feature.md +85 -85
- package/docs/cursor-prompt-sidecar.md +36 -36
- package/docs/decisions/README.md +18 -18
- package/docs/design/README.md +167 -167
- package/docs/development-principles.md +73 -73
- package/docs/exec-plans/README.md +6 -6
- package/docs/exec-plans/active/README.md +1 -4
- package/docs/exec-plans/completed/README.md +106 -84
- package/docs/feature-workflow.md +414 -389
- package/docs/harness-methodology-debugging.md +153 -153
- package/docs/harness-methodology-tdd.md +130 -130
- package/docs/harness-methodology-verification.md +27 -27
- package/docs/init-surface.manifest.json +307 -289
- package/docs/loop-agent-harness.md +142 -142
- package/docs/production-readiness.md +96 -96
- package/docs/progress/README.md +76 -60
- package/docs/reports/README.md +150 -108
- package/docs/skills/README.md +7 -7
- package/docs/skills/vetted-skill-registry.md +29 -29
- package/docs/templates/adr.md +60 -60
- package/docs/templates/agent-dag-authority-surface-audit.prompt.md +94 -94
- package/docs/templates/agent-dag-decision-envelope.schema.json +213 -213
- package/docs/templates/agent-dag-decision-gate-dogfood-report.md +117 -117
- package/docs/templates/agent-dag-decision-gate.prompt.md +246 -246
- package/docs/templates/agent-dag-process-supervisor.prompt.md +98 -98
- package/docs/templates/agent-dag-report.schema.json +473 -473
- package/docs/templates/agent-dag-review-verdict.prompt.md +68 -68
- package/docs/templates/agent-dag.base.json +190 -190
- package/docs/templates/agent-dag.final-verification.json +185 -185
- package/docs/templates/agent-dag.schema.json +411 -411
- package/docs/templates/agent-dag.supervised-implementation.json +620 -501
- package/docs/templates/backend-test-analysis.schema.json +44 -44
- package/docs/templates/backend-test-case-manifest.schema.json +190 -0
- package/docs/templates/backend-test-dag.classify.prompt.md +75 -0
- package/docs/templates/backend-test-dag.generate-pytest.prompt.md +204 -202
- package/docs/templates/backend-test-dag.json +559 -311
- package/docs/templates/backend-test-dag.retrospect.prompt.md +139 -125
- package/docs/templates/backend-test-dag.review-cases.prompt.md +83 -81
- package/docs/templates/backend-test-execution.schema.json +133 -0
- package/docs/templates/backend-test-result.schema.json +99 -0
- package/docs/templates/branch-merge-report.md +93 -0
- package/docs/templates/exec-plan.md +64 -64
- package/docs/templates/feature-spec.md +53 -53
- package/docs/templates/frontend-design-contract.md +42 -42
- package/docs/templates/frontend-eval/fixtures/failures/01-type-build-error.md +17 -0
- package/docs/templates/frontend-eval/fixtures/failures/02-unit-component-test-fail.md +16 -0
- package/docs/templates/frontend-eval/fixtures/failures/03-fixture-schema-drift.md +16 -0
- package/docs/templates/frontend-eval/fixtures/failures/04-missing-loading-empty-error-state.md +16 -0
- package/docs/templates/frontend-eval/fixtures/failures/05-forbidden-write-writeset-expansion.md +16 -0
- package/docs/templates/frontend-eval/fixtures/failures/06-unapproved-dependency-add.md +16 -0
- package/docs/templates/frontend-eval/fixtures/failures/07-mock-production-on.md +21 -0
- package/docs/templates/frontend-eval/fixtures/functional/01-simple-component-style.md +29 -0
- package/docs/templates/frontend-eval/fixtures/functional/02-form-validation.md +28 -0
- package/docs/templates/frontend-eval/fixtures/functional/03-list-detail-page.md +28 -0
- package/docs/templates/frontend-eval/fixtures/functional/04-api-mock.md +29 -0
- package/docs/templates/frontend-eval/fixtures/functional/05-permission-auth-gated-ui.md +27 -0
- package/docs/templates/frontend-eval/fixtures/functional/06-ssr-server-client-boundary.md +28 -0
- package/docs/templates/frontend-eval/fixtures/functional/07-shared-public-component-api.md +28 -0
- package/docs/templates/frontend-eval/fixtures/functional/08-pure-local-no-remote.md +27 -0
- package/docs/templates/frontend-eval/metrics.md +138 -0
- package/docs/templates/frontend-eval/smoke-targets.md +53 -0
- package/docs/templates/frontend-implementation-contract.schema.json +27 -0
- package/docs/templates/frontend-task-constraints.md +35 -35
- package/docs/templates/frontend-task-requirement.md +70 -70
- package/docs/templates/frontend-test-dag.generate-cases.prompt.md +5 -5
- package/docs/templates/frontend-test-dag.json +23 -23
- package/docs/templates/frontend-test-dag.retrieve-context.prompt.md +3 -3
- package/docs/templates/frontend-test-dag.retrospect.prompt.md +3 -3
- package/docs/templates/frontend-test-dag.review-cases.prompt.md +3 -3
- package/docs/templates/frontend-test-dag.review-execution.prompt.md +3 -3
- package/docs/templates/harness.schema.json +221 -221
- package/docs/templates/hybrid-dag.json +188 -188
- package/docs/templates/init-evolution-review.md +35 -35
- package/docs/templates/interactive-ui-round2-experiment.md +66 -66
- package/docs/templates/knowledge-graph-bootstrap-dag.json +118 -118
- package/docs/templates/knowledge-sync-dag.json +178 -178
- package/docs/templates/knowledge-sync-draft.schema.json +71 -71
- package/docs/templates/product-line/AGENTS.md +8 -8
- package/docs/templates/product-line/README.md +9 -9
- package/docs/templates/product-line/acceptance.yaml +14 -14
- package/docs/templates/product-line/closeout.yaml +9 -9
- package/docs/templates/product-line/design.md +13 -13
- package/docs/templates/product-line/links.md +10 -10
- package/docs/templates/product-line/requirement.md +17 -17
- package/docs/templates/product-line/task-graph.yaml +15 -15
- package/docs/templates/product-line/task.yaml +64 -64
- package/docs/templates/product-line/test-plan.md +7 -7
- package/docs/templates/production-readiness-checklist.md +57 -57
- package/docs/templates/progress-log.md +17 -17
- package/docs/templates/project-start-checklist.md +9 -9
- package/docs/templates/qa-report.md +48 -48
- package/docs/templates/sprint-contract.md +29 -29
- package/docs/templates/worker-dogfood-evidence.md +80 -80
- package/docs/templates/worker-dogfood-setup.md +68 -68
- package/docs/verification-matrix.md +70 -70
- package/examples/decision-gate-agent-dag.json +177 -177
- package/examples/example-dag.json +46 -46
- package/examples/hybrid-loop-agent-dag.json +189 -189
- package/harness.json +66 -66
- package/package.json +52 -88
- package/scripts/check-product-line-docs.sh +29 -29
- package/scripts/check-task-pool-root.sh +32 -32
- package/scripts/kb-bootstrap-init-skeleton.sh +240 -240
- package/scripts/kb-graph-incremental-prepare.mjs +386 -386
- package/scripts/kb-graph-incremental-prepare.sh +5 -5
- package/scripts/kb-graph-materialize.mjs +105 -105
- package/scripts/kb-graph-materialize.sh +4 -4
- package/scripts/kb-graph-promote.mjs +164 -164
- package/scripts/kb-graph-promote.sh +4 -4
- package/scripts/kb-query.mjs +554 -554
- package/scripts/kb-query.sh +5 -5
- package/skills/agent-worker/SKILL.md +39 -39
- package/skills/agent-worker/references/agent-worker-operator.md +60 -60
- package/skills/ai-engineering-context/SKILL.md +48 -48
- package/skills/analyze-product-dependencies/SKILL.md +67 -67
- package/skills/analyze-product-dependencies/agents/openai.yaml +4 -4
- package/skills/analyze-product-dependencies/references/api-documentation-schema.md +30 -30
- package/skills/analyze-product-dependencies/references/dependency-analysis-schema.md +28 -28
- package/skills/analyze-product-dependencies/references/example.md +76 -76
- package/skills/analyze-product-dependencies/references/forward-test-cases.md +35 -35
- package/skills/analyze-product-dependencies/references/input-contract.md +11 -11
- package/skills/analyze-product-dependencies/references/scouting-rules.md +61 -61
- package/skills/analyze-product-dependencies/scripts/test-validators.mjs +267 -267
- package/skills/analyze-product-dependencies/scripts/validate-api-documentation.mjs +101 -101
- package/skills/analyze-product-dependencies/scripts/validate-dependency-analysis.mjs +142 -142
- package/skills/analyze-product-dependencies/scripts/validate-product-requirement-input.mjs +76 -76
- package/skills/analyze-product-dependencies/scripts/validation-helpers.mjs +146 -146
- package/skills/analyze-product-requirements/SKILL.md +90 -90
- package/skills/analyze-product-requirements/agents/openai.yaml +4 -4
- package/skills/analyze-product-requirements/references/acceptance-criteria.md +91 -91
- package/skills/analyze-product-requirements/references/clarification-and-knowledge.md +56 -56
- package/skills/analyze-product-requirements/references/example.md +86 -86
- package/skills/analyze-product-requirements/references/forward-test-cases.md +66 -66
- package/skills/analyze-product-requirements/references/product-analysis-schema.md +32 -32
- package/skills/analyze-product-requirements/references/product-requirement-schema.md +33 -33
- package/skills/analyze-product-requirements/references/requirement-clarification-schema.md +35 -35
- package/skills/analyze-product-requirements/scripts/test-validators.mjs +193 -193
- package/skills/analyze-product-requirements/scripts/validate-product-analysis.mjs +69 -69
- package/skills/analyze-product-requirements/scripts/validate-product-requirement.mjs +97 -97
- package/skills/analyze-product-requirements/scripts/validate-requirement-clarification.mjs +98 -98
- package/skills/analyze-product-requirements/scripts/validation-helpers.mjs +156 -156
- package/skills/browser-tools/SKILL.md +196 -0
- package/skills/browser-tools/browser-content.js +103 -0
- package/skills/browser-tools/browser-cookies.js +35 -0
- package/skills/browser-tools/browser-eval.js +53 -0
- package/skills/browser-tools/browser-hn-scraper.js +108 -0
- package/skills/browser-tools/browser-nav.js +44 -0
- package/skills/browser-tools/browser-pick.js +162 -0
- package/skills/browser-tools/browser-screenshot.js +34 -0
- package/skills/browser-tools/browser-start.js +86 -0
- package/skills/browser-tools/package-lock.json +2556 -0
- package/skills/browser-tools/package.json +19 -0
- package/skills/code-review-core/SKILL.md +20 -20
- package/skills/codebase-scout/SKILL.md +19 -19
- package/skills/frontend-design-review/SKILL.md +66 -66
- package/skills/frontend-design-review/references/review-checklist.md +58 -58
- package/skills/frontend-implementation/SKILL.md +49 -47
- package/skills/frontend-implementation/references/code-standards.md +32 -32
- package/skills/frontend-implementation/references/design-spec.md +46 -46
- package/skills/frontend-implementation/references/node-contracts.md +27 -76
- package/skills/frontend-review/SKILL.md +59 -59
- package/skills/frontend-review/references/review-findings.md +47 -47
- package/skills/frontend-verification/SKILL.md +53 -53
- package/skills/frontend-verification/references/verification-checklist.md +68 -68
- package/skills/grill-me/SKILL.md +10 -10
- package/skills/grill-with-docs/SKILL.md +88 -88
- package/skills/grill-with-docs/adr-format.md +47 -47
- package/skills/grill-with-docs/context-format.md +60 -60
- package/skills/init-capability-evolution/SKILL.md +70 -70
- package/skills/loop-agent/SKILL.md +151 -151
- package/skills/loop-agent/references/README.md +67 -67
- package/skills/loop-agent/references/command-reference.md +527 -505
- package/skills/loop-agent/references/docs-converge.md +126 -126
- package/skills/loop-agent/references/harness-policy.md +263 -263
- package/skills/loop-agent/references/hybrid-dag.md +243 -238
- package/skills/loop-agent/references/learned/README.md +21 -21
- package/skills/loop-agent/references/long-running-loop.md +57 -57
- package/skills/loop-agent/references/model-routing.md +36 -36
- package/skills/loop-agent/references/multi-worktree.md +54 -54
- package/skills/loop-agent/references/one-shot-runs.md +85 -85
- package/skills/loop-agent/references/orchestrator-and-interventions.md +169 -169
- package/skills/loop-agent/references/pi-prompt.md +23 -23
- package/skills/loop-agent/references/pi-subagent-assisted-mode.md +84 -84
- package/skills/loop-agent/references/post-implementation-and-patterns.md +44 -44
- package/skills/loop-agent/references/task-workflow.md +89 -89
- package/skills/loop-agent/references/verification-and-failure-handling.md +141 -139
- package/skills/playwright-cli/SKILL.md +420 -420
- package/skills/playwright-cli/references/element-attributes.md +23 -23
- package/skills/playwright-cli/references/playwright-tests.md +39 -39
- package/skills/playwright-cli/references/request-mocking.md +87 -87
- package/skills/playwright-cli/references/running-code.md +241 -241
- package/skills/playwright-cli/references/session-management.md +225 -225
- package/skills/playwright-cli/references/storage-state.md +275 -275
- package/skills/playwright-cli/references/test-generation.md +433 -433
- package/skills/playwright-cli/references/tracing.md +139 -139
- package/skills/playwright-cli/references/video-recording.md +143 -143
- package/skills/playwright-cli-case-generator/SKILL.md +74 -74
- package/skills/requesting-code-review/SKILL.md +101 -101
- package/skills/requesting-code-review/code-reviewer.md +168 -168
- package/skills/systematic-debugging/CREATION-LOG.md +119 -119
- package/skills/systematic-debugging/SKILL.md +296 -296
- package/skills/systematic-debugging/condition-based-waiting-example.ts +158 -158
- package/skills/systematic-debugging/condition-based-waiting.md +115 -115
- package/skills/systematic-debugging/defense-in-depth.md +122 -122
- package/skills/systematic-debugging/find-polluter.sh +63 -63
- package/skills/systematic-debugging/root-cause-tracing.md +169 -169
- package/skills/systematic-debugging/test-academic.md +14 -14
- package/skills/systematic-debugging/test-pressure-1.md +58 -58
- package/skills/systematic-debugging/test-pressure-2.md +68 -68
- package/skills/systematic-debugging/test-pressure-3.md +69 -69
- package/skills/test-driven-development/SKILL.md +20 -20
- package/skills/using-git-worktrees/SKILL.md +215 -215
- package/skills/verification-before-completion/SKILL.md +154 -154
- package/skills/webapp-testing/SKILL.md +19 -19
|
@@ -1,94 +1,94 @@
|
|
|
1
|
-
/** KPI cards, repo banner, projection fault, artifact/inbox links. */
|
|
2
|
-
import { UI_TEXT } from "./constants.js";
|
|
3
|
-
import { clearNode, el } from "./dom.js";
|
|
4
|
-
import { repoBaseName } from "./format.js";
|
|
5
|
-
import { navigate } from "./router.js";
|
|
6
|
-
|
|
7
|
-
export function failuresInboxLink(count) {
|
|
8
|
-
const wrap = el("span");
|
|
9
|
-
wrap.appendChild(document.createTextNode(`${count} `));
|
|
10
|
-
const a = el("a", "inbox-link", `${UI_TEXT.failureInbox} →`);
|
|
11
|
-
a.href = "#/failures";
|
|
12
|
-
a.addEventListener("click", (e) => {
|
|
13
|
-
e.preventDefault();
|
|
14
|
-
navigate("/failures");
|
|
15
|
-
});
|
|
16
|
-
wrap.appendChild(a);
|
|
17
|
-
return wrap;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export function artifactLink(label, refPath) {
|
|
21
|
-
if (!refPath) return el("span", "muted", "—");
|
|
22
|
-
const a = el("a", "artifact-link", label);
|
|
23
|
-
a.href = `/api/artifacts?path=${encodeURIComponent(refPath)}&tail=200`;
|
|
24
|
-
a.target = "_blank";
|
|
25
|
-
return a;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
let kpiHelpSeed = 0;
|
|
29
|
-
export function kpiCard(label, value, extraClass, helpText) {
|
|
30
|
-
const card = el("div", `kpi-card${extraClass ? ` ${extraClass}` : ""}`);
|
|
31
|
-
card.appendChild(el("div", "kpi-label", label));
|
|
32
|
-
const valueWrap = el("div", "kpi-value-row");
|
|
33
|
-
const valueEl = el("div", "kpi-value");
|
|
34
|
-
if (value instanceof Node) valueEl.appendChild(value);
|
|
35
|
-
else valueEl.textContent = String(value);
|
|
36
|
-
valueWrap.appendChild(valueEl);
|
|
37
|
-
if (helpText) {
|
|
38
|
-
kpiHelpSeed += 1;
|
|
39
|
-
const tipId = `kpi-tip-${kpiHelpSeed}`;
|
|
40
|
-
const helpBtn = el("button", "kpi-help");
|
|
41
|
-
helpBtn.type = "button";
|
|
42
|
-
helpBtn.setAttribute("aria-describedby", tipId);
|
|
43
|
-
helpBtn.setAttribute("aria-label", `${label} 指标说明`);
|
|
44
|
-
const icon = el("i", "ri-question-line");
|
|
45
|
-
icon.setAttribute("aria-hidden", "true");
|
|
46
|
-
helpBtn.appendChild(icon);
|
|
47
|
-
const tip = el("span", "kpi-tip");
|
|
48
|
-
tip.id = tipId;
|
|
49
|
-
tip.setAttribute("role", "tooltip");
|
|
50
|
-
tip.textContent = helpText;
|
|
51
|
-
valueWrap.appendChild(helpBtn);
|
|
52
|
-
valueWrap.appendChild(tip);
|
|
53
|
-
}
|
|
54
|
-
card.appendChild(valueWrap);
|
|
55
|
-
return card;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
export function renderRepoBanner(repoEl, snapshot) {
|
|
59
|
-
if (!repoEl) return;
|
|
60
|
-
clearNode(repoEl);
|
|
61
|
-
const repoRoot = snapshot.repoRoot ?? "";
|
|
62
|
-
const icon = el("i", "ri-git-repository-line");
|
|
63
|
-
icon.setAttribute("aria-hidden", "true");
|
|
64
|
-
repoEl.appendChild(icon);
|
|
65
|
-
const text = el("div", "repo-banner-text");
|
|
66
|
-
text.appendChild(el("span", "repo-banner-name", repoBaseName(repoRoot)));
|
|
67
|
-
const pathLine = el("span", "repo-banner-path", repoRoot || "路径未知");
|
|
68
|
-
pathLine.title = repoRoot || "";
|
|
69
|
-
text.appendChild(pathLine);
|
|
70
|
-
repoEl.appendChild(text);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
export function renderProjectionFault(error) {
|
|
74
|
-
const banner = el("div", "projection-fault");
|
|
75
|
-
banner.setAttribute("role", "alert");
|
|
76
|
-
const icon = el("i", "ri-error-warning-line");
|
|
77
|
-
icon.setAttribute("aria-hidden", "true");
|
|
78
|
-
banner.appendChild(icon);
|
|
79
|
-
const body = el("div", "projection-fault-body");
|
|
80
|
-
body.appendChild(
|
|
81
|
-
el("p", "projection-fault-title", "指标暂不可用:数据投影失败。"),
|
|
82
|
-
);
|
|
83
|
-
body.appendChild(
|
|
84
|
-
el(
|
|
85
|
-
"p",
|
|
86
|
-
"projection-fault-message",
|
|
87
|
-
error.message ?? "投影失败 (projection failed)",
|
|
88
|
-
),
|
|
89
|
-
);
|
|
90
|
-
if (error.at)
|
|
91
|
-
body.appendChild(el("p", "projection-fault-at", `发生时间:${error.at}`));
|
|
92
|
-
banner.appendChild(body);
|
|
93
|
-
return banner;
|
|
94
|
-
}
|
|
1
|
+
/** KPI cards, repo banner, projection fault, artifact/inbox links. */
|
|
2
|
+
import { UI_TEXT } from "./constants.js";
|
|
3
|
+
import { clearNode, el } from "./dom.js";
|
|
4
|
+
import { repoBaseName } from "./format.js";
|
|
5
|
+
import { navigate } from "./router.js";
|
|
6
|
+
|
|
7
|
+
export function failuresInboxLink(count) {
|
|
8
|
+
const wrap = el("span");
|
|
9
|
+
wrap.appendChild(document.createTextNode(`${count} `));
|
|
10
|
+
const a = el("a", "inbox-link", `${UI_TEXT.failureInbox} →`);
|
|
11
|
+
a.href = "#/failures";
|
|
12
|
+
a.addEventListener("click", (e) => {
|
|
13
|
+
e.preventDefault();
|
|
14
|
+
navigate("/failures");
|
|
15
|
+
});
|
|
16
|
+
wrap.appendChild(a);
|
|
17
|
+
return wrap;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export function artifactLink(label, refPath) {
|
|
21
|
+
if (!refPath) return el("span", "muted", "—");
|
|
22
|
+
const a = el("a", "artifact-link", label);
|
|
23
|
+
a.href = `/api/artifacts?path=${encodeURIComponent(refPath)}&tail=200`;
|
|
24
|
+
a.target = "_blank";
|
|
25
|
+
return a;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
let kpiHelpSeed = 0;
|
|
29
|
+
export function kpiCard(label, value, extraClass, helpText) {
|
|
30
|
+
const card = el("div", `kpi-card${extraClass ? ` ${extraClass}` : ""}`);
|
|
31
|
+
card.appendChild(el("div", "kpi-label", label));
|
|
32
|
+
const valueWrap = el("div", "kpi-value-row");
|
|
33
|
+
const valueEl = el("div", "kpi-value");
|
|
34
|
+
if (value instanceof Node) valueEl.appendChild(value);
|
|
35
|
+
else valueEl.textContent = String(value);
|
|
36
|
+
valueWrap.appendChild(valueEl);
|
|
37
|
+
if (helpText) {
|
|
38
|
+
kpiHelpSeed += 1;
|
|
39
|
+
const tipId = `kpi-tip-${kpiHelpSeed}`;
|
|
40
|
+
const helpBtn = el("button", "kpi-help");
|
|
41
|
+
helpBtn.type = "button";
|
|
42
|
+
helpBtn.setAttribute("aria-describedby", tipId);
|
|
43
|
+
helpBtn.setAttribute("aria-label", `${label} 指标说明`);
|
|
44
|
+
const icon = el("i", "ri-question-line");
|
|
45
|
+
icon.setAttribute("aria-hidden", "true");
|
|
46
|
+
helpBtn.appendChild(icon);
|
|
47
|
+
const tip = el("span", "kpi-tip");
|
|
48
|
+
tip.id = tipId;
|
|
49
|
+
tip.setAttribute("role", "tooltip");
|
|
50
|
+
tip.textContent = helpText;
|
|
51
|
+
valueWrap.appendChild(helpBtn);
|
|
52
|
+
valueWrap.appendChild(tip);
|
|
53
|
+
}
|
|
54
|
+
card.appendChild(valueWrap);
|
|
55
|
+
return card;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export function renderRepoBanner(repoEl, snapshot) {
|
|
59
|
+
if (!repoEl) return;
|
|
60
|
+
clearNode(repoEl);
|
|
61
|
+
const repoRoot = snapshot.repoRoot ?? "";
|
|
62
|
+
const icon = el("i", "ri-git-repository-line");
|
|
63
|
+
icon.setAttribute("aria-hidden", "true");
|
|
64
|
+
repoEl.appendChild(icon);
|
|
65
|
+
const text = el("div", "repo-banner-text");
|
|
66
|
+
text.appendChild(el("span", "repo-banner-name", repoBaseName(repoRoot)));
|
|
67
|
+
const pathLine = el("span", "repo-banner-path", repoRoot || "路径未知");
|
|
68
|
+
pathLine.title = repoRoot || "";
|
|
69
|
+
text.appendChild(pathLine);
|
|
70
|
+
repoEl.appendChild(text);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
export function renderProjectionFault(error) {
|
|
74
|
+
const banner = el("div", "projection-fault");
|
|
75
|
+
banner.setAttribute("role", "alert");
|
|
76
|
+
const icon = el("i", "ri-error-warning-line");
|
|
77
|
+
icon.setAttribute("aria-hidden", "true");
|
|
78
|
+
banner.appendChild(icon);
|
|
79
|
+
const body = el("div", "projection-fault-body");
|
|
80
|
+
body.appendChild(
|
|
81
|
+
el("p", "projection-fault-title", "指标暂不可用:数据投影失败。"),
|
|
82
|
+
);
|
|
83
|
+
body.appendChild(
|
|
84
|
+
el(
|
|
85
|
+
"p",
|
|
86
|
+
"projection-fault-message",
|
|
87
|
+
error.message ?? "投影失败 (projection failed)",
|
|
88
|
+
),
|
|
89
|
+
);
|
|
90
|
+
if (error.at)
|
|
91
|
+
body.appendChild(el("p", "projection-fault-at", `发生时间:${error.at}`));
|
|
92
|
+
banner.appendChild(body);
|
|
93
|
+
return banner;
|
|
94
|
+
}
|
|
@@ -1,133 +1,133 @@
|
|
|
1
|
-
/** Object relation navigation (Observe UI R5). */
|
|
2
|
-
import { el } from "./dom.js";
|
|
3
|
-
import { navigate } from "./router.js";
|
|
4
|
-
|
|
5
|
-
export function objectExistsInSnapshot(kind, id, snapshot, featureId) {
|
|
6
|
-
if (!id) return false;
|
|
7
|
-
if (kind === "feature") {
|
|
8
|
-
return (snapshot?.features ?? []).some((f) => f.featureId === id);
|
|
9
|
-
}
|
|
10
|
-
if (kind === "task") {
|
|
11
|
-
return (snapshot?.tasks ?? []).some(
|
|
12
|
-
(t) => t.taskId === id && (!featureId || t.featureId === featureId),
|
|
13
|
-
);
|
|
14
|
-
}
|
|
15
|
-
if (kind === "batch") {
|
|
16
|
-
return (snapshot?.batches ?? []).some((b) => b.batchRunId === id);
|
|
17
|
-
}
|
|
18
|
-
if (kind === "run") {
|
|
19
|
-
return (
|
|
20
|
-
(snapshot?.tasks ?? []).some((t) => t.workerRunId === id) ||
|
|
21
|
-
(snapshot?.batches ?? []).some((b) =>
|
|
22
|
-
(b.tasks ?? []).some((t) => t.workerRunId === id),
|
|
23
|
-
)
|
|
24
|
-
);
|
|
25
|
-
}
|
|
26
|
-
if (kind === "dag") {
|
|
27
|
-
return (snapshot?.dagRuns ?? []).some((d) => d.dagRunId === id);
|
|
28
|
-
}
|
|
29
|
-
return false;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export function objectRoutePath(kind, id, featureId) {
|
|
33
|
-
if (kind === "feature") return `/feature/${encodeURIComponent(id)}`;
|
|
34
|
-
if (kind === "task" && featureId) {
|
|
35
|
-
return `/feature/${encodeURIComponent(featureId)}/task/${encodeURIComponent(id)}`;
|
|
36
|
-
}
|
|
37
|
-
if (kind === "task") return `/task/${encodeURIComponent(id)}`;
|
|
38
|
-
if (kind === "batch") return `/batch/${encodeURIComponent(id)}`;
|
|
39
|
-
if (kind === "run") return `/run/${encodeURIComponent(id)}`;
|
|
40
|
-
if (kind === "dag") return `/dag/${encodeURIComponent(id)}`;
|
|
41
|
-
return "/";
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
/** Hash-route link only when id is present and snapshot contains the object. */
|
|
45
|
-
export function objectRouteLink(kind, id, snapshot, featureId) {
|
|
46
|
-
if (!id) return el("span", "muted", "缺失");
|
|
47
|
-
const exists = objectExistsInSnapshot(kind, id, snapshot, featureId);
|
|
48
|
-
if (!exists) return el("span", "muted", id);
|
|
49
|
-
const path = objectRoutePath(kind, id, featureId);
|
|
50
|
-
const a = el("a", "object-link", id);
|
|
51
|
-
a.href = `#${path}`;
|
|
52
|
-
a.addEventListener("click", (e) => {
|
|
53
|
-
e.preventDefault();
|
|
54
|
-
e.stopPropagation();
|
|
55
|
-
navigate(path);
|
|
56
|
-
});
|
|
57
|
-
return a;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
export function findFeatureInSnapshot(snapshot, featureId) {
|
|
61
|
-
if (!featureId) return undefined;
|
|
62
|
-
return (snapshot?.features ?? []).find((f) => f.featureId === featureId);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
export function featureLookupState(snapshot, featureId) {
|
|
66
|
-
if (!snapshot) return { kind: "unavailable" };
|
|
67
|
-
const feature = findFeatureInSnapshot(snapshot, featureId);
|
|
68
|
-
return feature ? { kind: "found", feature } : { kind: "missing" };
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
export const RELATION_KIND_ORDER = ["feature", "task", "batch", "run", "dag"];
|
|
72
|
-
export const RELATION_LABELS = {
|
|
73
|
-
feature: "Feature",
|
|
74
|
-
task: "Task",
|
|
75
|
-
batch: "Batch",
|
|
76
|
-
run: "Run",
|
|
77
|
-
dag: "DAG",
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* Build proven relation descriptors only (id present AND object in snapshot).
|
|
82
|
-
* Never infers links from identifier naming.
|
|
83
|
-
*/
|
|
84
|
-
export function buildObjectRelations(ids, snapshot) {
|
|
85
|
-
const input = ids ?? {};
|
|
86
|
-
const candidates = [
|
|
87
|
-
{ kind: "feature", id: input.featureId },
|
|
88
|
-
{ kind: "task", id: input.taskId, featureId: input.featureId },
|
|
89
|
-
{ kind: "batch", id: input.batchRunId },
|
|
90
|
-
{ kind: "run", id: input.workerRunId },
|
|
91
|
-
{ kind: "dag", id: input.dagRunId },
|
|
92
|
-
];
|
|
93
|
-
const out = [];
|
|
94
|
-
for (const kind of RELATION_KIND_ORDER) {
|
|
95
|
-
const entry = candidates.find((c) => c.kind === kind);
|
|
96
|
-
if (!entry?.id) continue;
|
|
97
|
-
if (!objectExistsInSnapshot(kind, entry.id, snapshot, entry.featureId)) continue;
|
|
98
|
-
out.push({
|
|
99
|
-
kind,
|
|
100
|
-
id: entry.id,
|
|
101
|
-
label: RELATION_LABELS[kind] ?? kind,
|
|
102
|
-
featureId: entry.featureId,
|
|
103
|
-
href: `#${objectRoutePath(kind, entry.id, entry.featureId)}`,
|
|
104
|
-
path: objectRoutePath(kind, entry.id, entry.featureId),
|
|
105
|
-
});
|
|
106
|
-
}
|
|
107
|
-
return out;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
export function renderObjectRelationBar(relations, snapshot) {
|
|
111
|
-
const bar = el("div", "object-relation-bar");
|
|
112
|
-
bar.setAttribute("aria-label", "对象关联");
|
|
113
|
-
const list = Array.isArray(relations)
|
|
114
|
-
? relations
|
|
115
|
-
: buildObjectRelations(relations, snapshot);
|
|
116
|
-
if (list.length === 0) {
|
|
117
|
-
bar.appendChild(el("span", "muted", "暂无已证明的对象关联"));
|
|
118
|
-
return bar;
|
|
119
|
-
}
|
|
120
|
-
list.forEach((rel, i) => {
|
|
121
|
-
if (i > 0) bar.appendChild(el("span", "object-relation-sep", "→"));
|
|
122
|
-
const item = el("span", "object-relation-item");
|
|
123
|
-
item.appendChild(el("span", "object-relation-label", rel.label));
|
|
124
|
-
item.appendChild(document.createTextNode(" "));
|
|
125
|
-
if (rel.href && rel.id) {
|
|
126
|
-
item.appendChild(objectRouteLink(rel.kind, rel.id, snapshot, rel.featureId));
|
|
127
|
-
} else {
|
|
128
|
-
item.appendChild(el("span", "muted", rel.id ?? "缺失"));
|
|
129
|
-
}
|
|
130
|
-
bar.appendChild(item);
|
|
131
|
-
});
|
|
132
|
-
return bar;
|
|
133
|
-
}
|
|
1
|
+
/** Object relation navigation (Observe UI R5). */
|
|
2
|
+
import { el } from "./dom.js";
|
|
3
|
+
import { navigate } from "./router.js";
|
|
4
|
+
|
|
5
|
+
export function objectExistsInSnapshot(kind, id, snapshot, featureId) {
|
|
6
|
+
if (!id) return false;
|
|
7
|
+
if (kind === "feature") {
|
|
8
|
+
return (snapshot?.features ?? []).some((f) => f.featureId === id);
|
|
9
|
+
}
|
|
10
|
+
if (kind === "task") {
|
|
11
|
+
return (snapshot?.tasks ?? []).some(
|
|
12
|
+
(t) => t.taskId === id && (!featureId || t.featureId === featureId),
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
if (kind === "batch") {
|
|
16
|
+
return (snapshot?.batches ?? []).some((b) => b.batchRunId === id);
|
|
17
|
+
}
|
|
18
|
+
if (kind === "run") {
|
|
19
|
+
return (
|
|
20
|
+
(snapshot?.tasks ?? []).some((t) => t.workerRunId === id) ||
|
|
21
|
+
(snapshot?.batches ?? []).some((b) =>
|
|
22
|
+
(b.tasks ?? []).some((t) => t.workerRunId === id),
|
|
23
|
+
)
|
|
24
|
+
);
|
|
25
|
+
}
|
|
26
|
+
if (kind === "dag") {
|
|
27
|
+
return (snapshot?.dagRuns ?? []).some((d) => d.dagRunId === id);
|
|
28
|
+
}
|
|
29
|
+
return false;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export function objectRoutePath(kind, id, featureId) {
|
|
33
|
+
if (kind === "feature") return `/feature/${encodeURIComponent(id)}`;
|
|
34
|
+
if (kind === "task" && featureId) {
|
|
35
|
+
return `/feature/${encodeURIComponent(featureId)}/task/${encodeURIComponent(id)}`;
|
|
36
|
+
}
|
|
37
|
+
if (kind === "task") return `/task/${encodeURIComponent(id)}`;
|
|
38
|
+
if (kind === "batch") return `/batch/${encodeURIComponent(id)}`;
|
|
39
|
+
if (kind === "run") return `/run/${encodeURIComponent(id)}`;
|
|
40
|
+
if (kind === "dag") return `/dag/${encodeURIComponent(id)}`;
|
|
41
|
+
return "/";
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/** Hash-route link only when id is present and snapshot contains the object. */
|
|
45
|
+
export function objectRouteLink(kind, id, snapshot, featureId) {
|
|
46
|
+
if (!id) return el("span", "muted", "缺失");
|
|
47
|
+
const exists = objectExistsInSnapshot(kind, id, snapshot, featureId);
|
|
48
|
+
if (!exists) return el("span", "muted", id);
|
|
49
|
+
const path = objectRoutePath(kind, id, featureId);
|
|
50
|
+
const a = el("a", "object-link", id);
|
|
51
|
+
a.href = `#${path}`;
|
|
52
|
+
a.addEventListener("click", (e) => {
|
|
53
|
+
e.preventDefault();
|
|
54
|
+
e.stopPropagation();
|
|
55
|
+
navigate(path);
|
|
56
|
+
});
|
|
57
|
+
return a;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
export function findFeatureInSnapshot(snapshot, featureId) {
|
|
61
|
+
if (!featureId) return undefined;
|
|
62
|
+
return (snapshot?.features ?? []).find((f) => f.featureId === featureId);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
export function featureLookupState(snapshot, featureId) {
|
|
66
|
+
if (!snapshot) return { kind: "unavailable" };
|
|
67
|
+
const feature = findFeatureInSnapshot(snapshot, featureId);
|
|
68
|
+
return feature ? { kind: "found", feature } : { kind: "missing" };
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
export const RELATION_KIND_ORDER = ["feature", "task", "batch", "run", "dag"];
|
|
72
|
+
export const RELATION_LABELS = {
|
|
73
|
+
feature: "Feature",
|
|
74
|
+
task: "Task",
|
|
75
|
+
batch: "Batch",
|
|
76
|
+
run: "Run",
|
|
77
|
+
dag: "DAG",
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* Build proven relation descriptors only (id present AND object in snapshot).
|
|
82
|
+
* Never infers links from identifier naming.
|
|
83
|
+
*/
|
|
84
|
+
export function buildObjectRelations(ids, snapshot) {
|
|
85
|
+
const input = ids ?? {};
|
|
86
|
+
const candidates = [
|
|
87
|
+
{ kind: "feature", id: input.featureId },
|
|
88
|
+
{ kind: "task", id: input.taskId, featureId: input.featureId },
|
|
89
|
+
{ kind: "batch", id: input.batchRunId },
|
|
90
|
+
{ kind: "run", id: input.workerRunId },
|
|
91
|
+
{ kind: "dag", id: input.dagRunId },
|
|
92
|
+
];
|
|
93
|
+
const out = [];
|
|
94
|
+
for (const kind of RELATION_KIND_ORDER) {
|
|
95
|
+
const entry = candidates.find((c) => c.kind === kind);
|
|
96
|
+
if (!entry?.id) continue;
|
|
97
|
+
if (!objectExistsInSnapshot(kind, entry.id, snapshot, entry.featureId)) continue;
|
|
98
|
+
out.push({
|
|
99
|
+
kind,
|
|
100
|
+
id: entry.id,
|
|
101
|
+
label: RELATION_LABELS[kind] ?? kind,
|
|
102
|
+
featureId: entry.featureId,
|
|
103
|
+
href: `#${objectRoutePath(kind, entry.id, entry.featureId)}`,
|
|
104
|
+
path: objectRoutePath(kind, entry.id, entry.featureId),
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
return out;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
export function renderObjectRelationBar(relations, snapshot) {
|
|
111
|
+
const bar = el("div", "object-relation-bar");
|
|
112
|
+
bar.setAttribute("aria-label", "对象关联");
|
|
113
|
+
const list = Array.isArray(relations)
|
|
114
|
+
? relations
|
|
115
|
+
: buildObjectRelations(relations, snapshot);
|
|
116
|
+
if (list.length === 0) {
|
|
117
|
+
bar.appendChild(el("span", "muted", "暂无已证明的对象关联"));
|
|
118
|
+
return bar;
|
|
119
|
+
}
|
|
120
|
+
list.forEach((rel, i) => {
|
|
121
|
+
if (i > 0) bar.appendChild(el("span", "object-relation-sep", "→"));
|
|
122
|
+
const item = el("span", "object-relation-item");
|
|
123
|
+
item.appendChild(el("span", "object-relation-label", rel.label));
|
|
124
|
+
item.appendChild(document.createTextNode(" "));
|
|
125
|
+
if (rel.href && rel.id) {
|
|
126
|
+
item.appendChild(objectRouteLink(rel.kind, rel.id, snapshot, rel.featureId));
|
|
127
|
+
} else {
|
|
128
|
+
item.appendChild(el("span", "muted", rel.id ?? "缺失"));
|
|
129
|
+
}
|
|
130
|
+
bar.appendChild(item);
|
|
131
|
+
});
|
|
132
|
+
return bar;
|
|
133
|
+
}
|
|
@@ -1,93 +1,93 @@
|
|
|
1
|
-
/** Hash routing for Observe UI (R5). */
|
|
2
|
-
|
|
3
|
-
export function parseHashRoute(hashValue) {
|
|
4
|
-
const hash = (hashValue.replace(/^#/, "") || "/").split("?")[0] || "/";
|
|
5
|
-
const batchMatch = /^\/batch\/([^/]+)$/.exec(hash);
|
|
6
|
-
if (batchMatch) {
|
|
7
|
-
return { view: "batch", batchRunId: decodeURIComponent(batchMatch[1]) };
|
|
8
|
-
}
|
|
9
|
-
const runMatch = /^\/run\/([^/]+)$/.exec(hash);
|
|
10
|
-
if (runMatch) {
|
|
11
|
-
return { view: "run", workerRunId: decodeURIComponent(runMatch[1]) };
|
|
12
|
-
}
|
|
13
|
-
const dagMatch = /^\/dag\/([^/]+)$/.exec(hash);
|
|
14
|
-
if (dagMatch) {
|
|
15
|
-
return { view: "dag", dagRunId: decodeURIComponent(dagMatch[1]) };
|
|
16
|
-
}
|
|
17
|
-
const featureTaskMatch = /^\/feature\/([^/]+)\/task\/([^/]+)$/.exec(hash);
|
|
18
|
-
if (featureTaskMatch) {
|
|
19
|
-
return {
|
|
20
|
-
view: "task",
|
|
21
|
-
featureId: decodeURIComponent(featureTaskMatch[1]),
|
|
22
|
-
taskId: decodeURIComponent(featureTaskMatch[2]),
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
const taskMatch = /^\/task\/([^/]+)$/.exec(hash);
|
|
26
|
-
if (taskMatch) {
|
|
27
|
-
return { view: "task", taskId: decodeURIComponent(taskMatch[1]) };
|
|
28
|
-
}
|
|
29
|
-
const featureMatch = /^\/feature\/([^/]+)$/.exec(hash);
|
|
30
|
-
if (featureMatch) {
|
|
31
|
-
return {
|
|
32
|
-
view: "feature",
|
|
33
|
-
featureId: decodeURIComponent(featureMatch[1]),
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
if (hash === "/pool") {
|
|
37
|
-
return { view: "pool" };
|
|
38
|
-
}
|
|
39
|
-
if (hash === "/failures") {
|
|
40
|
-
return { view: "failures" };
|
|
41
|
-
}
|
|
42
|
-
if (hash === "/dags") {
|
|
43
|
-
return { view: "dashboard", scrollTo: "dags" };
|
|
44
|
-
}
|
|
45
|
-
return { view: "dashboard" };
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
/** Active (non-terminal) statuses sort first; terminals by updatedAt desc. */
|
|
49
|
-
|
|
50
|
-
export function parseRoute() {
|
|
51
|
-
return parseHashRouteWithFilters(location.hash);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
export function navigate(path) {
|
|
55
|
-
location.hash = path.startsWith("#") ? path.slice(1) : path;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
/**
|
|
59
|
-
* Parse optional filter query after a hash path: #/pool?status=failed
|
|
60
|
-
* Returns { filters: { status?, q? } } merged into route; unknown keys ignored.
|
|
61
|
-
* Base parseHashRoute shape is preserved for all existing views.
|
|
62
|
-
*/
|
|
63
|
-
export function parseHashFilters(hashValue) {
|
|
64
|
-
const raw = String(hashValue ?? "").replace(/^#/, "");
|
|
65
|
-
const qIndex = raw.indexOf("?");
|
|
66
|
-
if (qIndex < 0) return {};
|
|
67
|
-
const qs = raw.slice(qIndex + 1);
|
|
68
|
-
const params = new URLSearchParams(qs);
|
|
69
|
-
const filters = {};
|
|
70
|
-
const status = params.get("status");
|
|
71
|
-
const q = params.get("q");
|
|
72
|
-
if (status) filters.status = status;
|
|
73
|
-
if (q) filters.q = q;
|
|
74
|
-
return filters;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
export function parseHashRouteWithFilters(hashValue) {
|
|
78
|
-
const raw = String(hashValue ?? "");
|
|
79
|
-
const withoutQuery = raw.replace(/^#/, "").split("?")[0];
|
|
80
|
-
const base = parseHashRoute("#" + (withoutQuery || "/"));
|
|
81
|
-
const filters = parseHashFilters(raw);
|
|
82
|
-
if (Object.keys(filters).length === 0) return base;
|
|
83
|
-
return { ...base, filters };
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
export function buildHashPath(path, filters = {}) {
|
|
87
|
-
const base = path.startsWith("#") ? path.slice(1) : path;
|
|
88
|
-
const params = new URLSearchParams();
|
|
89
|
-
if (filters.status) params.set("status", filters.status);
|
|
90
|
-
if (filters.q) params.set("q", filters.q);
|
|
91
|
-
const qs = params.toString();
|
|
92
|
-
return qs ? `${base}?${qs}` : base;
|
|
93
|
-
}
|
|
1
|
+
/** Hash routing for Observe UI (R5). */
|
|
2
|
+
|
|
3
|
+
export function parseHashRoute(hashValue) {
|
|
4
|
+
const hash = (hashValue.replace(/^#/, "") || "/").split("?")[0] || "/";
|
|
5
|
+
const batchMatch = /^\/batch\/([^/]+)$/.exec(hash);
|
|
6
|
+
if (batchMatch) {
|
|
7
|
+
return { view: "batch", batchRunId: decodeURIComponent(batchMatch[1]) };
|
|
8
|
+
}
|
|
9
|
+
const runMatch = /^\/run\/([^/]+)$/.exec(hash);
|
|
10
|
+
if (runMatch) {
|
|
11
|
+
return { view: "run", workerRunId: decodeURIComponent(runMatch[1]) };
|
|
12
|
+
}
|
|
13
|
+
const dagMatch = /^\/dag\/([^/]+)$/.exec(hash);
|
|
14
|
+
if (dagMatch) {
|
|
15
|
+
return { view: "dag", dagRunId: decodeURIComponent(dagMatch[1]) };
|
|
16
|
+
}
|
|
17
|
+
const featureTaskMatch = /^\/feature\/([^/]+)\/task\/([^/]+)$/.exec(hash);
|
|
18
|
+
if (featureTaskMatch) {
|
|
19
|
+
return {
|
|
20
|
+
view: "task",
|
|
21
|
+
featureId: decodeURIComponent(featureTaskMatch[1]),
|
|
22
|
+
taskId: decodeURIComponent(featureTaskMatch[2]),
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
const taskMatch = /^\/task\/([^/]+)$/.exec(hash);
|
|
26
|
+
if (taskMatch) {
|
|
27
|
+
return { view: "task", taskId: decodeURIComponent(taskMatch[1]) };
|
|
28
|
+
}
|
|
29
|
+
const featureMatch = /^\/feature\/([^/]+)$/.exec(hash);
|
|
30
|
+
if (featureMatch) {
|
|
31
|
+
return {
|
|
32
|
+
view: "feature",
|
|
33
|
+
featureId: decodeURIComponent(featureMatch[1]),
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
if (hash === "/pool") {
|
|
37
|
+
return { view: "pool" };
|
|
38
|
+
}
|
|
39
|
+
if (hash === "/failures") {
|
|
40
|
+
return { view: "failures" };
|
|
41
|
+
}
|
|
42
|
+
if (hash === "/dags") {
|
|
43
|
+
return { view: "dashboard", scrollTo: "dags" };
|
|
44
|
+
}
|
|
45
|
+
return { view: "dashboard" };
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/** Active (non-terminal) statuses sort first; terminals by updatedAt desc. */
|
|
49
|
+
|
|
50
|
+
export function parseRoute() {
|
|
51
|
+
return parseHashRouteWithFilters(location.hash);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
export function navigate(path) {
|
|
55
|
+
location.hash = path.startsWith("#") ? path.slice(1) : path;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/**
|
|
59
|
+
* Parse optional filter query after a hash path: #/pool?status=failed
|
|
60
|
+
* Returns { filters: { status?, q? } } merged into route; unknown keys ignored.
|
|
61
|
+
* Base parseHashRoute shape is preserved for all existing views.
|
|
62
|
+
*/
|
|
63
|
+
export function parseHashFilters(hashValue) {
|
|
64
|
+
const raw = String(hashValue ?? "").replace(/^#/, "");
|
|
65
|
+
const qIndex = raw.indexOf("?");
|
|
66
|
+
if (qIndex < 0) return {};
|
|
67
|
+
const qs = raw.slice(qIndex + 1);
|
|
68
|
+
const params = new URLSearchParams(qs);
|
|
69
|
+
const filters = {};
|
|
70
|
+
const status = params.get("status");
|
|
71
|
+
const q = params.get("q");
|
|
72
|
+
if (status) filters.status = status;
|
|
73
|
+
if (q) filters.q = q;
|
|
74
|
+
return filters;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
export function parseHashRouteWithFilters(hashValue) {
|
|
78
|
+
const raw = String(hashValue ?? "");
|
|
79
|
+
const withoutQuery = raw.replace(/^#/, "").split("?")[0];
|
|
80
|
+
const base = parseHashRoute("#" + (withoutQuery || "/"));
|
|
81
|
+
const filters = parseHashFilters(raw);
|
|
82
|
+
if (Object.keys(filters).length === 0) return base;
|
|
83
|
+
return { ...base, filters };
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
export function buildHashPath(path, filters = {}) {
|
|
87
|
+
const base = path.startsWith("#") ? path.slice(1) : path;
|
|
88
|
+
const params = new URLSearchParams();
|
|
89
|
+
if (filters.status) params.set("status", filters.status);
|
|
90
|
+
if (filters.q) params.set("q", filters.q);
|
|
91
|
+
const qs = params.toString();
|
|
92
|
+
return qs ? `${base}?${qs}` : base;
|
|
93
|
+
}
|