docs(keycloak-session-store): remake all 28 diagrams through the techviz pipeline

The originating repository's SVGs were drawn by hand and every one of them
put a title, a subtitle and an explanation band inside the canvas. This
repository forbids both, so they could not be carried over — the whole set
was rebuilt through the skill's pipeline instead.

Each diagram went through prepare, references, prompt, a VizSpec 1.1 citing
document line ranges, lint, and render. All 28 pass lint and produce the
same eight formats the existing keycloak project has. Sentences moved out of
the canvas into <desc> and the paragraph beside each figure; the drawings
carry names only.

Two lint rules did real work rather than formatting work:

  edge-through-node                  caught arrows crossing an unrelated
                                     node and implying an adjacency that
                                     does not exist — four diagrams had to
                                     be restructured, not just relaid out
  evidence-outside-prepared-context  caught a diagram citing another
                                     section; its anchor moved from B-0 to
                                     B-1 so all three sections it draws on
                                     are inside the prepared context

lab-topology also had to change profile: its context offers a different
candidate set, and query-fanout with shard roles is what the section
actually shows — one entry point spreading to two Keycloak nodes.

The document now carries all 28 inline, one per claim that needed one, and
the section recording what was still missing is updated: the diagram gap is
closed, Studio records remain.

verify-pipeline.py passes. audit-records.py reports no issues.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
DongHyeonka
2026-09-05 11:03:10 +09:00
co-authored by Claude Opus 5
parent b2963105a8
commit 75bed382c8
286 changed files with 65385 additions and 710 deletions
@@ -0,0 +1,22 @@
# 대조군 없이는 귀속할 수 없다
## Alternative text
주입 결과가 대조군과 대비될 때만 귀속이 성립하고, 대조군이 없으면 같은 관측이 두 가지로 읽히는 구성.
## Long description
D-4 에서 주입 전에 900건을 재서 오류 0을 확인했다. 그래서 갱신 중 비200 이 한 번 나와도 갱신 탓으로 귀속할 수 있었다. 이 규칙을 어긴 사례가 있었다. A-6 에서 −41% 인 대조군을 영향 없음이라고 적었고 A-8 에서 표본 9개로 무중단을 주장했다. 가장 최근에는 in-flight 감시에서 76건이 실패했는데 같은 순간 폴링 49건이 전부 200 이었고 연결수가 0이었으며 재현이 0/100 이었다. 대조군이 오보를 막았다.
## Elements and evidence
- **주입 전 대조군** (process): 평시 오류율을 잰다. Evidence: L596L606.
- **주입 중 관측** (process): 이상이 보인다. Evidence: L607L618.
- **귀속** (process): 대조군과 대비될 때만 성립한다. Evidence: L596L618.
- **오보** (process): 대조군이 없으면 여기로 간다. Evidence: L607L618.
## Relationships
- **주입 전 대조군 → 주입 중 관측:** 비교 기준을 준다. Evidence: L596L610.
- **주입 중 관측 → 귀속:** 대조가 있으면. Evidence: L596L618.
- **주입 중 관측 → 오보:** 대조가 없으면. Evidence: L607L618.
@@ -0,0 +1,18 @@
# 대조군 없이는 귀속할 수 없다
# Question: 관측된 이상을 무엇의 탓으로 돌릴 수 있는가
direction: down
n0: "주입 전 대조군" {
shape: rectangle
}
n1: "주입 중 관측" {
shape: rectangle
}
n2: "귀속" {
shape: rectangle
}
n3: "오보" {
shape: rectangle
}
n0 -> n1: "비교 기준을 준다"
n1 -> n2: "대조가 있으면"
n1 -> n3: "대조가 없으면"
@@ -0,0 +1,12 @@
digraph techviz {
graph [rankdir=TB, splines=ortho, nodesep=0.55, ranksep=0.85];
node [fontname=Helvetica, fontsize=11, margin="0.18,0.12", style="rounded,filled", fillcolor=white, color="#2d4357", penwidth=1.5];
edge [fontname=Helvetica, fontsize=10, color="#364b5f", penwidth=1.4, arrowsize=0.75];
n0 [label="주입 전 대조군", shape=box, style="rounded,filled"];
n1 [label="주입 중 관측", shape=box, style="rounded,filled"];
n2 [label="귀속", shape=box, style="rounded,filled"];
n3 [label="오보", shape=box, style="rounded,filled"];
n0 -> n1 [label="비교 기준을 준다", style=solid];
n1 -> n2 [label="대조가 있으면", style=solid];
n1 -> n3 [label="대조가 없으면", style=solid];
}
@@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8"?>
<mxfile host="app.diagrams.net" modified="2026-07-23T00:00:00.000Z" agent="techviz-harness" version="24.7.17" type="device">
<diagram id="measurement-control" name="대조군 없이는 귀속할 수 없다">
<mxGraphModel dx="680" dy="503" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="n_baseline" value="주입 전 대조군&lt;br/&gt;900건 중 오류 0" tooltip="평시 오류율을 잰다. | Evidence: L596-L606" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;strokeColor=#2563eb;strokeWidth=2;" vertex="1" parent="1">
<mxGeometry x="188.5" y="60.0" width="150.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="n_observation" value="주입 중 관측" tooltip="이상이 보인다. | Evidence: L607-L618" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;" vertex="1" parent="1">
<mxGeometry x="188.5" y="227.0" width="150.0" height="64.0" as="geometry"/>
</mxCell>
<mxCell id="n_attribution" value="귀속&lt;br/&gt;대조군이 0 이므로 한 번도 갱신 탓" tooltip="대조군과 대비될 때만 성립한다. | Evidence: L596-L618" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;strokeColor=#2563eb;strokeWidth=2;" vertex="1" parent="1">
<mxGeometry x="70.0" y="387.0" width="174.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="n_misreport" value="오보&lt;br/&gt;76건 실패는 로컬 아티팩트였다" tooltip="대조군이 없으면 여기로 간다. | Evidence: L607-L618" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;strokeColor=#d97706;fillColor=#fffdf5;" vertex="1" parent="1">
<mxGeometry x="304.0" y="387.0" width="153.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="e_b-o" value="비교 기준을 준다" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_baseline" target="n_observation">
<mxGeometry relative="1" as="geometry">
<mxPoint x="287.5" y="179.0" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_o-a" value="대조가 있으면" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_observation" target="n_attribution">
<mxGeometry relative="1" as="geometry">
<mxPoint x="205.8" y="311.0" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_o-m" value="대조가 없으면" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_observation" target="n_misreport">
<mxGeometry relative="1" as="geometry">
<mxPoint x="326.5" y="311.0" as="offset"/>
</mxGeometry>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
@@ -0,0 +1,586 @@
{
"type": "excalidraw",
"version": 2,
"source": "techviz-harness",
"elements": [
{
"id": "edge-b-o",
"type": "arrow",
"x": 263.5,
"y": 131.0,
"width": 0.0,
"height": 96.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": null,
"seed": 1336809676,
"version": 1,
"versionNonce": 51029653,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"points": [
[
0.0,
0.0
],
[
0.0,
48.0
],
[
0.0,
48.0
],
[
0.0,
96.0
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "node-baseline",
"focus": 0,
"gap": 4
},
"endBinding": {
"elementId": "node-observation",
"focus": 0,
"gap": 4
},
"startArrowhead": null,
"endArrowhead": "arrow",
"elbowed": true
},
{
"id": "edge-label-b-o",
"type": "text",
"x": 242.5,
"y": 167.0,
"width": 90,
"height": 24,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 34153260,
"version": 1,
"versionNonce": 301858280,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 13,
"fontFamily": 5,
"text": "비교 기준을 준다",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "비교 기준을 준다",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "edge-o-a",
"type": "arrow",
"x": 157.0,
"y": 291.0,
"width": 97.5,
"height": 96.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": null,
"seed": 109664104,
"version": 1,
"versionNonce": 852047490,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"points": [
[
97.5,
0.0
],
[
97.5,
48.0
],
[
0.0,
48.0
],
[
0.0,
96.0
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "node-observation",
"focus": 0,
"gap": 4
},
"endBinding": {
"elementId": "node-attribution",
"focus": 0,
"gap": 4
},
"startArrowhead": null,
"endArrowhead": "arrow",
"elbowed": true
},
{
"id": "edge-label-o-a",
"type": "text",
"x": 160.75,
"y": 299.0,
"width": 90,
"height": 24,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 1686673376,
"version": 1,
"versionNonce": 218119593,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 13,
"fontFamily": 5,
"text": "대조가 있으면",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "대조가 있으면",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "edge-o-m",
"type": "arrow",
"x": 272.5,
"y": 291.0,
"width": 108.0,
"height": 96.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": null,
"seed": 1614591202,
"version": 1,
"versionNonce": 1179505419,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"points": [
[
0.0,
0.0
],
[
0.0,
48.0
],
[
108.0,
48.0
],
[
108.0,
96.0
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "node-observation",
"focus": 0,
"gap": 4
},
"endBinding": {
"elementId": "node-misreport",
"focus": 0,
"gap": 4
},
"startArrowhead": null,
"endArrowhead": "arrow",
"elbowed": true
},
{
"id": "edge-label-o-m",
"type": "text",
"x": 281.5,
"y": 299.0,
"width": 90,
"height": 24,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 1475792954,
"version": 1,
"versionNonce": 918039365,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 13,
"fontFamily": 5,
"text": "대조가 없으면",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "대조가 없으면",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "node-baseline",
"type": "rectangle",
"x": 188.5,
"y": 60.0,
"width": 150.0,
"height": 71.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "#ffffff",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 830653775,
"version": 1,
"versionNonce": 907746805,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-baseline",
"type": "text",
"x": 198.5,
"y": 70.0,
"width": 130.0,
"height": 51.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 832122920,
"version": 1,
"versionNonce": 1501220960,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "주입 전 대조군\n900건 중 오류 0",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "주입 전 대조군\n900건 중 오류 0",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "node-observation",
"type": "rectangle",
"x": 188.5,
"y": 227.0,
"width": 150.0,
"height": 64.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "#ffffff",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 1247627046,
"version": 1,
"versionNonce": 1380044651,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-observation",
"type": "text",
"x": 198.5,
"y": 237.0,
"width": 130.0,
"height": 44.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 1770620544,
"version": 1,
"versionNonce": 1249348235,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "주입 중 관측",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "주입 중 관측",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "node-attribution",
"type": "rectangle",
"x": 70.0,
"y": 387.0,
"width": 174.0,
"height": 71.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "#ffffff",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 1781374155,
"version": 1,
"versionNonce": 309081608,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-attribution",
"type": "text",
"x": 80.0,
"y": 397.0,
"width": 154.0,
"height": 51.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 809947744,
"version": 1,
"versionNonce": 747617326,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "귀속\n대조군이 0 이므로 한 번도 갱신 탓",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "귀속\n대조군이 0 이므로 한 번도 갱신 탓",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "node-misreport",
"type": "rectangle",
"x": 304.0,
"y": 387.0,
"width": 153.0,
"height": 71.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "#ffffff",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 1956204367,
"version": 1,
"versionNonce": 347591431,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-misreport",
"type": "text",
"x": 314.0,
"y": 397.0,
"width": 133.0,
"height": 51.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 1939130717,
"version": 1,
"versionNonce": 1361866938,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "오보\n76건 실패는 로컬 아티팩트였다",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "오보\n76건 실패는 로컬 아티팩트였다",
"autoResize": true,
"lineHeight": 1.25
}
],
"appState": {
"gridSize": 10,
"viewBackgroundColor": "#ffffff",
"currentItemFontFamily": 5
},
"files": {}
}
@@ -0,0 +1,32 @@
{
"harness_version": "0.2.0",
"spec_id": "measurement-control",
"spec_version": "1.1",
"spec_sha256": "3d2920d4ba708e8e505ef14e82b01bed9c293bbfe4b0d8379a0cef7265d38414",
"source_context": {
"document": "docs/keycloak-session-store/final/document.md",
"document_sha256": "1d44cba1905544d92f1d26ae36a8deb64a3db3914d6b488fd30d6ae7f8cfbabe",
"anchor": {
"kind": "heading",
"value": "측정이 거짓말하는 자리들",
"line": 594
}
},
"outputs": [
"measurement-control.svg",
"measurement-control.mmd",
"measurement-control.d2",
"measurement-control.dot",
"measurement-control.drawio",
"measurement-control.excalidraw",
"measurement-control.alt.md"
],
"lint_issue_count": 0,
"assumption_count": 0,
"assumptions_allowed": false,
"composition_profile": "component-flow",
"reference_ids": [
"payment-event-flow"
],
"diagram_only": true
}
@@ -0,0 +1,10 @@
%% 대조군 없이는 귀속할 수 없다
%% question: 관측된 이상을 무엇의 탓으로 돌릴 수 있는가
flowchart TB
n0["주입 전 대조군"]
n1["주입 중 관측"]
n2["귀속"]
n3["오보"]
n0 -->|"비교 기준을 준다"| n1
n1 -->|"대조가 있으면"| n2
n1 -->|"대조가 없으면"| n3
@@ -0,0 +1,84 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="680" height="503" viewBox="0 0 680 503" role="img" aria-labelledby="diagram-title diagram-description">
<title id="diagram-title">대조군 없이는 귀속할 수 없다</title>
<desc id="diagram-description">D-4 에서 주입 전에 900건을 재서 오류 0을 확인했다. 그래서 갱신 중 비200 이 한 번 나와도 갱신 탓으로 귀속할 수 있었다. 이 규칙을 어긴 사례가 있었다. A-6 에서 −41% 인 대조군을 영향 없음이라고 적었고 A-8 에서 표본 9개로 무중단을 주장했다. 가장 최근에는 in-flight 감시에서 76건이 실패했는데 같은 순간 폴링 49건이 전부 200 이었고 연결수가 0이었으며 재현이 0/100 이었다. 대조군이 오보를 막았다.</desc>
<metadata>{&quot;techviz&quot;:{&quot;spec_version&quot;:&quot;1.1&quot;,&quot;id&quot;:&quot;measurement-control&quot;,&quot;profile&quot;:&quot;component-flow&quot;},&quot;source_context&quot;:{&quot;document&quot;:&quot;docs/keycloak-session-store/final/document.md&quot;,&quot;document_sha256&quot;:&quot;1d44cba1905544d92f1d26ae36a8deb64a3db3914d6b488fd30d6ae7f8cfbabe&quot;,&quot;anchor&quot;:{&quot;kind&quot;:&quot;heading&quot;,&quot;value&quot;:&quot;측정이 거짓말하는 자리들&quot;,&quot;line&quot;:594}},&quot;evidence_policy&quot;:&quot;Each factual element cites source lines or is marked assumption.&quot;,&quot;diagram_only&quot;:true}</metadata>
<defs>
<marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
<path d="M 0 0 L 10 5 L 0 10 z" />
</marker>
<style>
:root { color-scheme: light; }
text { font-family: Inter, Pretendard, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; fill: #111827; }
.canvas { fill: #ffffff; }
.group-box { fill: #ffffff; stroke: #9ca3af; stroke-width: 1.4; stroke-dasharray: 7 5; }
.group-label-bg { fill: #ffffff; }
.group-label { font-size: 13px; font-weight: 650; fill: #374151; }
.edge { fill: none; stroke: #374151; stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; marker-end: url(#arrow); }
.edge.style-dashed, .edge.semantic-dashed, .edge.assumption { stroke-dasharray: 7 5; }
.edge.style-dotted { stroke-dasharray: 2 5; }
.edge.emphasis-primary { stroke: #2563eb; stroke-width: 2.2; }
.edge.emphasis-muted { stroke: #9ca3af; }
.edge.emphasis-warning, .edge.kind-failure, .edge.kind-error { stroke: #dc2626; stroke-width: 2.2; }
.edge-label-bg { fill: #ffffff; }
.edge-label { font-size: 12px; font-weight: 560; text-anchor: middle; }
.node-shape { fill: #ffffff; stroke: #4b5563; stroke-width: 1.7; }
.node-shape.emphasis-primary { stroke: #2563eb; stroke-width: 2.2; }
.node-shape.emphasis-muted { stroke: #9ca3af; fill: #f9fafb; }
.node-shape.emphasis-warning { stroke: #d97706; stroke-width: 2; fill: #fffdf5; }
.node-shape.kind-database, .node-shape.kind-datastore, .node-shape.kind-storage { fill: #f8fafc; }
.node-shape.kind-queue, .node-shape.kind-event, .node-shape.kind-topic { fill: #fafafa; }
.node-shape.assumption { stroke-dasharray: 4 4; }
.storage-bottom, .controller-divider { fill: none; stroke: #4b5563; stroke-width: 1.4; }
.controller-led { fill: #4b5563; }
.actor-symbol { fill: none; stroke: #4b5563; stroke-width: 1.8; stroke-linecap: round; }
.actor-symbol.emphasis-primary { stroke: #2563eb; stroke-width: 2.2; }
.node-label { font-size: 14px; font-weight: 650; text-anchor: middle; }
.node-role { font-size: 10px; letter-spacing: 0.04em; text-anchor: middle; fill: #6b7280; }
.node-detail-divider { stroke: #d1d5db; stroke-width: 1; }
.node-detail { font-size: 11px; fill: #374151; }
.assumption-badge { font-size: 9px; font-weight: 700; fill: #92400e; }
.failure-mark { stroke: #dc2626; stroke-width: 4; stroke-linecap: round; }
.lifeline { stroke: #9ca3af; stroke-width: 1.2; stroke-dasharray: 5 5; }
.timeline-axis { stroke: #374151; stroke-width: 1.8; marker-end: url(#arrow); }
.timeline-stem { stroke: #6b7280; stroke-width: 1.3; }
.timeline-marker { fill: #ffffff; stroke: #374151; stroke-width: 1.7; }
.timeline-marker.primary { fill: #2563eb; stroke: #2563eb; }
.timeline-marker.warning { fill: #dc2626; stroke: #dc2626; }
.timeline-label { font-size: 13px; font-weight: 650; text-anchor: middle; }
.timeline-detail { font-size: 11px; fill: #4b5563; text-anchor: middle; }
</style>
</defs>
<rect class="canvas" width="680" height="503" />
<polyline class="edge kind-read style-solid emphasis-normal" points="263.5,131.0 263.5,179.0 263.5,179.0 263.5,227.0" data-evidence="596-610" />
<rect class="edge-label-bg" x="248.3" y="165.0" width="78.3" height="22" rx="3" />
<text class="edge-label" x="287.5" y="180.0">비교 기준을 준다</text>
<polyline class="edge kind-request style-solid emphasis-normal" points="254.5,291.0 254.5,339.0 157.0,339.0 157.0,387.0" data-evidence="596-618" />
<rect class="edge-label-bg" x="173.3" y="297.0" width="64.9" height="22" rx="3" />
<text class="edge-label" x="205.8" y="312.0">대조가 있으면</text>
<polyline class="edge kind-blocked style-solid emphasis-normal" points="272.5,291.0 272.5,339.0 380.5,339.0 380.5,387.0" data-evidence="607-618" />
<rect class="edge-label-bg" x="294.1" y="297.0" width="64.9" height="22" rx="3" />
<text class="edge-label" x="326.5" y="312.0">대조가 없으면</text>
<g id="node-baseline">
<rect class="node-shape kind-process emphasis-primary role-source" data-evidence="596-606" x="188.5" y="60.0" width="150.0" height="71.0" rx="7" />
<text class="node-label" x="263.5" y="87.0">주입 전 대조군</text>
<line class="node-detail-divider" x1="202.5" y1="108.0" x2="324.5" y2="108.0" />
<text class="node-detail" x="204.5" y="125.0">900건 중 오류 0</text>
</g>
<g id="node-observation">
<rect class="node-shape kind-process emphasis-normal role-control" data-evidence="607-618" x="188.5" y="227.0" width="150.0" height="64.0" rx="7" />
<text class="node-label" x="263.5" y="257.0">주입 중 관측</text>
</g>
<g id="node-attribution">
<rect class="node-shape kind-process emphasis-primary role-target" data-evidence="596-618" x="70.0" y="387.0" width="174.0" height="71.0" rx="7" />
<text class="node-label" x="157.0" y="414.0">귀속</text>
<line class="node-detail-divider" x1="84.0" y1="435.0" x2="230.0" y2="435.0" />
<text class="node-detail" x="86.0" y="452.0">대조군이 0 이므로 한 번도 갱신 탓</text>
</g>
<g id="node-misreport">
<rect class="node-shape kind-process emphasis-warning role-target" data-evidence="607-618" x="304.0" y="387.0" width="153.0" height="71.0" rx="7" />
<text class="node-label" x="380.5" y="414.0">오보</text>
<line class="node-detail-divider" x1="318.0" y1="435.0" x2="443.0" y2="435.0" />
<text class="node-detail" x="320.0" y="452.0">76건 실패는 로컬 아티팩트였다</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.9 KiB