feat(ms-ai-architect): v1.15.0 — playground v3 project-view integration
Erstatter v2 project-surface (screen-tabs + category-tabs + per-command paste-cards)
med v3 renderProjectView (sidebar med 17 artifacts + main-area + import-modal overlay).
renderActive() ruter project-surface til renderProjectSurfaceV3() som wrapper
renderProjectView + topbar + app-shell.
V2-surface helt fjernet:
- renderProjectSurface (152 linjer)
- renderCommandSubCard (87 linjer)
- rehydratePasteImports (15 linjer)
- ACTIONS['project-screen'], currentProjectScreen
- 5 v2-CSS-klasser: .project-tabs, .project-tab*, .sub-zone, .paste-import-row, .project-header__*, .command-cards
Zombie-handlers beholdt for test-back-compat:
currentProjectTab, ACTIONS['project-tab'], ACTIONS['parse'],
handlePasteImport, window.__handlePasteImport. Unreachable fra v3 DOM
men nødvendige for test-playground-v3.sh + test-playground-parsers.sh.
2 fingerprint-gap lukket:
- requirements.headers: utvidet med "EU AI Act — Krav" pattern
- license.headers: utvidet med "Lisens-kapabilitetsmatrise" pattern
- KNOWN_GAP_FIXTURES = {} i test-playground-fingerprints.sh
migrateDataVersion utvidet med parserFor (3. arg):
- Demo-state med kun raw_markdown auto-parses til project.artifacts[cid]
- defaultParserFor(cmdId) resolverer PARSERS[archetypeFor(cmdId)]
- 3 bootstrap-callsites oppdatert (cold-load, import, load-demo)
Ship-QA bugfixes funnet via browser-dogfood:
- components-tier4-project-view.css lagt til i <link>-kjeden (var ikke loaded
-> modal-overlay og two-column layout virket ikke)
- renderImportModal setter data-open="true" (DS-kontrakt for display: flex)
Bundler også sesjon 2-4 deliverables som ikke ble committed tidligere:
- shared/playground-design-system v0.6.0 (Tier 4 project-view CSS + 6 tokens)
- ms-ai-architect/playground/vendor/ re-sync til DS v0.6.0
- tests/test-playground-fingerprints.sh (sesjon 4 NY - 32 PASS)
- tests/test-playground-projectview.sh (sesjon 4 NY - 30 PASS)
- tests/test-playground-actions.sh (sesjon 4 NY - 19 PASS)
- tests/test-playground-migrations.sh utvidet (7 -> 16 PASS)
- tests/run-e2e.sh wirer alle 6 playground-suiter
Stats:
- bash tests/run-e2e.sh --playground: 386 PASS, 0 FAIL, 2 WARN (pre-eks)
- bash tests/run-e2e.sh (full): All E2E suites passed
- bash tests/validate-plugin.sh: 219 PASS
Screenshots regenerert til playground/screenshots/v1.15.0/ (24 PNG-er, 12
surfaces x 2 tema). Nye v3-surfaces: project-overview, project-artifact-*,
project-import-modal (viewport-only), project-search.
Docs oppdatert (3 nivåer): README.md (badge + version history),
CHANGELOG.md, CLAUDE.md (playground-seksjon + valideringstabell),
rot-README.md + rot-CLAUDE.md (marketplace-landingen + plugin-index).
.gitignore: ny pattern *.local.html + *.local.json for sesjon-state-filer.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
parent
9affdca23e
commit
d8882f5220
47 changed files with 3722 additions and 409 deletions
|
|
@ -122,8 +122,8 @@ api.migrateDataVersion(stateB, api.defaultArchetypeFor);
|
|||
const a = JSON.stringify(stateA);
|
||||
const b = JSON.stringify(stateB);
|
||||
|
||||
if (stateA.dataVersion !== 2) {
|
||||
console.error("DATA_VERSION_NOT_BUMPED");
|
||||
if (stateA.dataVersion !== 3) {
|
||||
console.error("DATA_VERSION_NOT_BUMPED got=" + stateA.dataVersion);
|
||||
process.exit(4);
|
||||
}
|
||||
|
||||
|
|
@ -141,8 +141,22 @@ for (const p of (stateA.projects || [])) {
|
|||
if (verdictsAdded === 0) { console.error("NO_VERDICTS_ADDED"); process.exit(5); }
|
||||
if (statsAdded === 0) { console.error("NO_KEYSTATS_ADDED"); process.exit(6); }
|
||||
|
||||
// Sesjon 3: v2→v3-migrasjon må produsere project.artifacts med v3-shape.
|
||||
let artifactsBuilt = 0;
|
||||
for (const p of (stateA.projects || [])) {
|
||||
if (!p.artifacts) continue;
|
||||
for (const id of Object.keys(p.artifacts)) {
|
||||
const a = p.artifacts[id];
|
||||
if (a && a.commandId === id && typeof a.raw_markdown === "string"
|
||||
&& a.importedAt && a.updatedAt) {
|
||||
artifactsBuilt++;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (artifactsBuilt === 0) { console.error("NO_ARTIFACTS_BUILT"); process.exit(8); }
|
||||
|
||||
if (a === b) {
|
||||
console.log("IDEMPOTENT verdicts=" + verdictsAdded + " stats=" + statsAdded);
|
||||
console.log("IDEMPOTENT verdicts=" + verdictsAdded + " stats=" + statsAdded + " artifacts=" + artifactsBuilt);
|
||||
} else {
|
||||
console.error("NOT_IDEMPOTENT");
|
||||
process.exit(7);
|
||||
|
|
@ -155,7 +169,7 @@ else
|
|||
fail "Idempotency-test feilet: $IDEMPOTENCY_RESULT"
|
||||
fi
|
||||
|
||||
# ---- 6. dataVersion bumpes til 2 ved første kjøring ----
|
||||
# ---- 6. dataVersion bumpes til 3 ved første kjøring (v?→v3 kjede) ----
|
||||
DV_RESULT=$(node -e '
|
||||
const fs = require("fs");
|
||||
const html = fs.readFileSync(process.argv[1], "utf8");
|
||||
|
|
@ -176,10 +190,256 @@ api.migrateDataVersion(state, api.defaultArchetypeFor);
|
|||
console.log(state.dataVersion);
|
||||
' "$HTML_FILE" 2>&1) || true
|
||||
|
||||
if [ "$DV_RESULT" = "2" ]; then
|
||||
pass "dataVersion bumpes til 2"
|
||||
if [ "$DV_RESULT" = "3" ]; then
|
||||
pass "dataVersion bumpes til 3 (kjede v?→v3)"
|
||||
else
|
||||
fail "dataVersion ble ikke bumpet til 2 (got '$DV_RESULT')"
|
||||
fail "dataVersion ble ikke bumpet til 3 (got '$DV_RESULT')"
|
||||
fi
|
||||
|
||||
# ---- 7. v2→v3 produserer artifacts uten å miste reports ----
|
||||
V3_SHAPE=$(node -e '
|
||||
const fs = require("fs");
|
||||
const html = fs.readFileSync(process.argv[1], "utf8");
|
||||
const begin = html.indexOf("// === V2_FOUNDATION_BEGIN ===");
|
||||
const end = html.indexOf("// === V2_FOUNDATION_END ===");
|
||||
const block = html.substring(begin, end + 32);
|
||||
const stubs = `
|
||||
const window = {};
|
||||
function escapeHtml(s) { return String(s == null ? "" : s); }
|
||||
function escapeAttr(s) { return escapeHtml(s); }
|
||||
const CATALOG = { commands: [
|
||||
{ id: "classify", report_archetype: "aiact" }
|
||||
]};
|
||||
`;
|
||||
const api = (new Function(stubs + block + "\nreturn { migrateDataVersion, defaultArchetypeFor };"))();
|
||||
// Bygg en v2-state med ett prosjekt og én report som har parsed-data
|
||||
const state = {
|
||||
schemaVersion: 1,
|
||||
dataVersion: 2,
|
||||
projects: [{
|
||||
id: "p1",
|
||||
name: "Test",
|
||||
createdAt: "2026-05-15T00:00:00.000Z",
|
||||
reports: {
|
||||
classify: { raw_markdown: "# klassifisering", parsed: { risk_level: "minimal", verdict: "go", keyStats: [] } }
|
||||
}
|
||||
}]
|
||||
};
|
||||
api.migrateDataVersion(state, api.defaultArchetypeFor);
|
||||
const p = state.projects[0];
|
||||
const hasReports = !!(p.reports && p.reports.classify);
|
||||
const hasArtifacts = !!(p.artifacts && p.artifacts.classify);
|
||||
const a = p.artifacts && p.artifacts.classify;
|
||||
const shapeOk = a && a.commandId === "classify" && a.raw_markdown === "# klassifisering"
|
||||
&& a.parsed && a.parsed.risk_level === "minimal" && a.verdict === "go"
|
||||
&& Array.isArray(a.keyStats) && typeof a.importedAt === "string"
|
||||
&& typeof a.updatedAt === "string";
|
||||
console.log(JSON.stringify({ dataVersion: state.dataVersion, hasReports, hasArtifacts, shapeOk }));
|
||||
' "$HTML_FILE" 2>&1) || true
|
||||
|
||||
if echo "$V3_SHAPE" | grep -q '"dataVersion":3'; then
|
||||
pass "v2→v3 setter dataVersion=3"
|
||||
else
|
||||
fail "v2→v3 setter ikke dataVersion=3 ($V3_SHAPE)"
|
||||
fi
|
||||
if echo "$V3_SHAPE" | grep -q '"hasReports":true'; then
|
||||
pass "v2→v3 bevarer project.reports (bakover-kompat v1.15.0)"
|
||||
else
|
||||
fail "v2→v3 mistet project.reports ($V3_SHAPE)"
|
||||
fi
|
||||
if echo "$V3_SHAPE" | grep -q '"hasArtifacts":true'; then
|
||||
pass "v2→v3 bygger project.artifacts"
|
||||
else
|
||||
fail "v2→v3 bygde ikke project.artifacts ($V3_SHAPE)"
|
||||
fi
|
||||
if echo "$V3_SHAPE" | grep -q '"shapeOk":true'; then
|
||||
pass "v2→v3 artifact-shape ({commandId, raw_markdown, parsed, verdict, keyStats, importedAt, updatedAt})"
|
||||
else
|
||||
fail "v2→v3 artifact-shape mismatch ($V3_SHAPE)"
|
||||
fi
|
||||
|
||||
# ---- 8. v2→v3 kant-case-tester (sesjon 4) ----
|
||||
# Tomt prosjekt, manglende reports, blandet state, idempotens-mutasjon.
|
||||
EDGE_RESULT=$(node -e '
|
||||
const fs = require("fs");
|
||||
const html = fs.readFileSync(process.argv[1], "utf8");
|
||||
const begin = html.indexOf("// === V2_FOUNDATION_BEGIN ===");
|
||||
const end = html.indexOf("// === V2_FOUNDATION_END ===");
|
||||
const block = html.substring(begin, end + 32);
|
||||
const stubs = `
|
||||
const window = {};
|
||||
function escapeHtml(s) { return String(s == null ? "" : s); }
|
||||
function escapeAttr(s) { return escapeHtml(s); }
|
||||
const CATALOG = { commands: [
|
||||
{ id: "classify", report_archetype: "aiact" },
|
||||
{ id: "ros", report_archetype: "matrix-risk" },
|
||||
{ id: "cost", report_archetype: "cost-distribution" },
|
||||
{ id: "summary", report_archetype: "verdict" }
|
||||
]};
|
||||
`;
|
||||
const api = (new Function(stubs + block + "\nreturn { migrateDataVersion, defaultArchetypeFor };"))();
|
||||
|
||||
function emit(key, ok, info) {
|
||||
console.log("EDGE\t" + key + "\t" + (ok ? "PASS" : "FAIL") + "\t" + (info || ""));
|
||||
}
|
||||
|
||||
// Case A: tomt prosjekt (reports={}).
|
||||
(function () {
|
||||
const state = {
|
||||
schemaVersion: 1,
|
||||
dataVersion: 2,
|
||||
projects: [{ id: "pA", name: "Empty", createdAt: "2026-05-15T00:00:00.000Z", reports: {} }]
|
||||
};
|
||||
api.migrateDataVersion(state, api.defaultArchetypeFor);
|
||||
const p = state.projects[0];
|
||||
const ok = p.artifacts !== undefined && typeof p.artifacts === "object"
|
||||
&& Object.keys(p.artifacts).length === 0
|
||||
&& state.dataVersion === 3;
|
||||
emit("empty-project", ok, "artifacts=" + JSON.stringify(p.artifacts) + " dv=" + state.dataVersion);
|
||||
})();
|
||||
|
||||
// Case B: prosjekt uten reports-felt i det hele tatt.
|
||||
(function () {
|
||||
const state = {
|
||||
schemaVersion: 1,
|
||||
dataVersion: 2,
|
||||
projects: [{ id: "pB", name: "NoReports", createdAt: "2026-05-15T00:00:00.000Z" }]
|
||||
};
|
||||
let threw = false;
|
||||
try {
|
||||
api.migrateDataVersion(state, api.defaultArchetypeFor);
|
||||
} catch (e) { threw = true; }
|
||||
const p = state.projects[0];
|
||||
const ok = !threw && p.artifacts !== undefined && typeof p.artifacts === "object"
|
||||
&& Object.keys(p.artifacts).length === 0;
|
||||
emit("no-reports-field", ok, "threw=" + threw + " artifacts=" + JSON.stringify(p.artifacts));
|
||||
})();
|
||||
|
||||
// Case C: blandet state — artifacts har 2 entries fra før, reports har 5.
|
||||
// Migrering skal legge til de 3 manglende uten å overskrive eksisterende.
|
||||
(function () {
|
||||
const preNow = "2026-04-01T00:00:00.000Z";
|
||||
const state = {
|
||||
schemaVersion: 1,
|
||||
dataVersion: 2,
|
||||
projects: [{
|
||||
id: "pC",
|
||||
name: "Mixed",
|
||||
createdAt: preNow,
|
||||
artifacts: {
|
||||
classify: {
|
||||
commandId: "classify",
|
||||
raw_markdown: "EXISTING_CLASSIFY",
|
||||
parsed: { risk_level: "minimal" },
|
||||
verdict: "go",
|
||||
keyStats: [],
|
||||
importedAt: preNow,
|
||||
updatedAt: preNow,
|
||||
_preExisting: true
|
||||
},
|
||||
ros: {
|
||||
commandId: "ros",
|
||||
raw_markdown: "EXISTING_ROS",
|
||||
parsed: { threats: [] },
|
||||
verdict: "approved",
|
||||
keyStats: [],
|
||||
importedAt: preNow,
|
||||
updatedAt: preNow,
|
||||
_preExisting: true
|
||||
}
|
||||
},
|
||||
reports: {
|
||||
classify: { raw_markdown: "NEW_CLASSIFY", parsed: { risk_level: "high" } },
|
||||
ros: { raw_markdown: "NEW_ROS", parsed: { threats: [{ id: "T1" }] } },
|
||||
cost: { raw_markdown: "NEW_COST", parsed: { p50: 1000 } },
|
||||
summary: { raw_markdown: "NEW_SUMMARY", parsed: { verdict: "go" } }
|
||||
}
|
||||
}]
|
||||
};
|
||||
api.migrateDataVersion(state, api.defaultArchetypeFor);
|
||||
const p = state.projects[0];
|
||||
const cls = p.artifacts.classify;
|
||||
const ros = p.artifacts.ros;
|
||||
const cost = p.artifacts.cost;
|
||||
const summary = p.artifacts.summary;
|
||||
// Eksisterende artifacts bevart med _preExisting-flag og opprinnelig raw_markdown.
|
||||
const classifyPreserved = cls && cls._preExisting === true && cls.raw_markdown === "EXISTING_CLASSIFY";
|
||||
const rosPreserved = ros && ros._preExisting === true && ros.raw_markdown === "EXISTING_ROS";
|
||||
// Nye artifacts bygget fra reports.
|
||||
const costAdded = cost && cost.commandId === "cost" && cost.raw_markdown === "NEW_COST";
|
||||
const summaryAdded = summary && summary.commandId === "summary" && summary.raw_markdown === "NEW_SUMMARY";
|
||||
const ok = classifyPreserved && rosPreserved && costAdded && summaryAdded;
|
||||
emit("mixed-state-merge", ok,
|
||||
"cls_preserved=" + !!classifyPreserved + " ros_preserved=" + !!rosPreserved +
|
||||
" cost_added=" + !!costAdded + " summary_added=" + !!summaryAdded);
|
||||
})();
|
||||
|
||||
// Case D: idempotens etter mutasjon — sett _touched=true på en artifact, kjør
|
||||
// migrasjon på nytt, sjekk at flagget er bevart (ikke overskrevet).
|
||||
(function () {
|
||||
const state = {
|
||||
schemaVersion: 1,
|
||||
dataVersion: 2,
|
||||
projects: [{
|
||||
id: "pD",
|
||||
name: "Idempotent",
|
||||
createdAt: "2026-04-01T00:00:00.000Z",
|
||||
reports: {
|
||||
classify: { raw_markdown: "# klassifisering", parsed: { risk_level: "minimal" } }
|
||||
}
|
||||
}]
|
||||
};
|
||||
// Første migrasjon bygger artifact.
|
||||
api.migrateDataVersion(state, api.defaultArchetypeFor);
|
||||
const p = state.projects[0];
|
||||
p.artifacts.classify._touched = true;
|
||||
p.artifacts.classify.raw_markdown = "MUTATED_AFTER_MIGRATION";
|
||||
// Re-migrer — idempotent skal ikke overskrive.
|
||||
api.migrateDataVersion(state, api.defaultArchetypeFor);
|
||||
const a = state.projects[0].artifacts.classify;
|
||||
const ok = a._touched === true && a.raw_markdown === "MUTATED_AFTER_MIGRATION";
|
||||
emit("idempotent-after-mutation", ok,
|
||||
"_touched=" + a._touched + " raw=" + JSON.stringify(a.raw_markdown));
|
||||
})();
|
||||
|
||||
// Case E: dataVersion=3 fra før — migrasjon er no-op.
|
||||
(function () {
|
||||
const state = {
|
||||
schemaVersion: 1,
|
||||
dataVersion: 3,
|
||||
projects: [{
|
||||
id: "pE",
|
||||
name: "AlreadyV3",
|
||||
createdAt: "2026-04-01T00:00:00.000Z",
|
||||
artifacts: {
|
||||
cost: { commandId: "cost", raw_markdown: "EXISTING", parsed: { p50: 1 },
|
||||
verdict: "go", keyStats: [], importedAt: "x", updatedAt: "x" }
|
||||
}
|
||||
}]
|
||||
};
|
||||
const beforeJson = JSON.stringify(state);
|
||||
api.migrateDataVersion(state, api.defaultArchetypeFor);
|
||||
const afterJson = JSON.stringify(state);
|
||||
emit("already-v3-noop", beforeJson === afterJson, "diff=" + (beforeJson === afterJson ? "none" : "changed"));
|
||||
})();
|
||||
' "$HTML_FILE" 2>&1) || true
|
||||
|
||||
# Parse EDGE-resultater
|
||||
while IFS=$'\t' read -r tag key status info; do
|
||||
[ "$tag" = "EDGE" ] || continue
|
||||
case "$key" in
|
||||
empty-project) desc="v3 kant-case: tomt prosjekt (reports={}) → artifacts={} uten å feile" ;;
|
||||
no-reports-field) desc="v3 kant-case: prosjekt uten reports-felt → artifacts={} opprettet" ;;
|
||||
mixed-state-merge) desc="v3 kant-case: blandet state — eksisterende artifacts bevart, nye lagt til" ;;
|
||||
idempotent-after-mutation) desc="v3 kant-case: idempotens etter mutasjon — _touched-flag bevart" ;;
|
||||
already-v3-noop) desc="v3 kant-case: state allerede v3 → migrasjon er no-op" ;;
|
||||
*) desc="v3 kant-case: $key" ;;
|
||||
esac
|
||||
if [ "$status" = "PASS" ]; then
|
||||
pass "$desc"
|
||||
else
|
||||
fail "$desc ($info)"
|
||||
fi
|
||||
done <<< "$EDGE_RESULT"
|
||||
|
||||
print_summary
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue