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
Keycloak 26 미만이면 persistent-user-sessions 가 기본이 아니라 A층 결론 중 셋이 뒤집힌다. volatile 에서는 캐시가 더운지 찬지가 DB 정지 시의 동작을 가른다. 인스턴스가 하나면 B층 질문 자체가 생기지 않는다. oauth2-proxy 에서 cookie-refresh 를 켜면 TTL 역산 정리 규칙이 무너진다. 그리고 이 실험대는 106초 시계 왜곡이 있었고 여기 적힌 수치는 그것을 보정한 값이다.
## Elements and evidence
- **Keycloak 버전** (component): 26 미만이면 세션의 거처가 다르다. Evidence: L684L690.
- **캐시 온도** (component): volatile 에서 DB 정지 시의 동작을 가른다. Evidence: L684L692.
- **인스턴스 수** (component): 하나면 B층 질문이 생기지 않는다. Evidence: L684L694.
- **시계 동기** (component): 이 수치들은 106초 보정을 거친 값이다. Evidence: L684L696.
## Relationships
- **캐시 온도 → 인스턴스 수:** 그 다음. Evidence: L684L694.
- **인스턴스 수 → 시계 동기:** 수치를 읽을 때. Evidence: L684L696.
- **Keycloak 버전 → 캐시 온도:** 버전이 먼저다. Evidence: L684L690.
@@ -0,0 +1,18 @@
# 이 기록이 적용되지 않는 조건
# Question: 이 결론들을 언제 그대로 쓰면 안 되는가
direction: down
n0: "Keycloak 버전" {
shape: rectangle
}
n1: "캐시 온도" {
shape: rectangle
}
n2: "인스턴스 수" {
shape: rectangle
}
n3: "시계 동기" {
shape: rectangle
}
n0 -> n1: "버전이 먼저다"
n1 -> n2: "그 다음"
n2 -> 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="Keycloak 버전", 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];
n2 -> 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="not-applicable-conditions" name="이 기록이 적용되지 않는 조건">
<mxGraphModel dx="680" dy="670" 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_version" value="Keycloak 버전&lt;br/&gt;A층 결론 중 셋이 뒤집힌다" tooltip="26 미만이면 세션의 거처가 다르다. | Evidence: L684-L690" 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="70.0" y="60.0" width="150.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="n_cache" value="캐시 온도&lt;br/&gt;400 · 500 · 200" tooltip="volatile 에서 DB 정지 시의 동작을 가른다. | Evidence: L684-L692" 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="70.0" y="227.0" width="150.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="n_instances" value="인스턴스 수" tooltip="하나면 B층 질문이 생기지 않는다. | Evidence: L684-L694" 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="70.0" y="394.0" width="150.0" height="64.0" as="geometry"/>
</mxCell>
<mxCell id="n_clock" value="시계 동기&lt;br/&gt;NTP 미동기 환경" tooltip="이 수치들은 106초 보정을 거친 값이다. | Evidence: L684-L696" 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="70.0" y="554.0" width="150.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="e_c-i" value="그 다음" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_cache" target="n_instances">
<mxGeometry relative="1" as="geometry">
<mxPoint x="169.0" y="346.0" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_i-cl" value="수치를 읽을 때" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_instances" target="n_clock">
<mxGeometry relative="1" as="geometry">
<mxPoint x="169.0" y="506.0" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_v-c" value="버전이 먼저다" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_version" target="n_cache">
<mxGeometry relative="1" as="geometry">
<mxPoint x="169.0" y="179.0" as="offset"/>
</mxGeometry>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
@@ -0,0 +1,586 @@
{
"type": "excalidraw",
"version": 2,
"source": "techviz-harness",
"elements": [
{
"id": "edge-c-i",
"type": "arrow",
"x": 145.0,
"y": 298.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": 1394992055,
"version": 1,
"versionNonce": 1287657761,
"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-cache",
"focus": 0,
"gap": 4
},
"endBinding": {
"elementId": "node-instances",
"focus": 0,
"gap": 4
},
"startArrowhead": null,
"endArrowhead": "arrow",
"elbowed": true
},
{
"id": "edge-label-c-i",
"type": "text",
"x": 124.0,
"y": 334.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": 845382821,
"version": 1,
"versionNonce": 672350008,
"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-i-cl",
"type": "arrow",
"x": 145.0,
"y": 458.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": 1210090264,
"version": 1,
"versionNonce": 785522718,
"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-instances",
"focus": 0,
"gap": 4
},
"endBinding": {
"elementId": "node-clock",
"focus": 0,
"gap": 4
},
"startArrowhead": null,
"endArrowhead": "arrow",
"elbowed": true
},
{
"id": "edge-label-i-cl",
"type": "text",
"x": 124.0,
"y": 494.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": 1942890601,
"version": 1,
"versionNonce": 1789277168,
"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-v-c",
"type": "arrow",
"x": 145.0,
"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": 403906410,
"version": 1,
"versionNonce": 92100744,
"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-version",
"focus": 0,
"gap": 4
},
"endBinding": {
"elementId": "node-cache",
"focus": 0,
"gap": 4
},
"startArrowhead": null,
"endArrowhead": "arrow",
"elbowed": true
},
{
"id": "edge-label-v-c",
"type": "text",
"x": 124.0,
"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": 974844838,
"version": 1,
"versionNonce": 1784347194,
"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-version",
"type": "rectangle",
"x": 70.0,
"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": 1543082172,
"version": 1,
"versionNonce": 875483992,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-version",
"type": "text",
"x": 80.0,
"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": 611451299,
"version": 1,
"versionNonce": 45886077,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "Keycloak 버전\nA층 결론 중 셋이 뒤집힌다",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "Keycloak 버전\nA층 결론 중 셋이 뒤집힌다",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "node-cache",
"type": "rectangle",
"x": 70.0,
"y": 227.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": 1479106285,
"version": 1,
"versionNonce": 377767731,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-cache",
"type": "text",
"x": 80.0,
"y": 237.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": 1704427303,
"version": 1,
"versionNonce": 762747802,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "캐시 온도\n400 · 500 · 200",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "캐시 온도\n400 · 500 · 200",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "node-instances",
"type": "rectangle",
"x": 70.0,
"y": 394.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": 1390139487,
"version": 1,
"versionNonce": 1507856559,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-instances",
"type": "text",
"x": 80.0,
"y": 404.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": 1251526976,
"version": 1,
"versionNonce": 1629829201,
"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-clock",
"type": "rectangle",
"x": 70.0,
"y": 554.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": 954073099,
"version": 1,
"versionNonce": 1778102742,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-clock",
"type": "text",
"x": 80.0,
"y": 564.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": 1926561934,
"version": 1,
"versionNonce": 1573262049,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "시계 동기\nNTP 미동기 환경",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "시계 동기\nNTP 미동기 환경",
"autoResize": true,
"lineHeight": 1.25
}
],
"appState": {
"gridSize": 10,
"viewBackgroundColor": "#ffffff",
"currentItemFontFamily": 5
},
"files": {}
}
@@ -0,0 +1,32 @@
{
"harness_version": "0.2.0",
"spec_id": "not-applicable-conditions",
"spec_version": "1.1",
"spec_sha256": "781e50387d9e0accfe0ae33366bc7c2352438b31646900d1b1bfa81f4a8dd9e6",
"source_context": {
"document": "docs/keycloak-session-store/final/document.md",
"document_sha256": "1d44cba1905544d92f1d26ae36a8deb64a3db3914d6b488fd30d6ae7f8cfbabe",
"anchor": {
"kind": "heading",
"value": "이 기록이 적용되지 않는 조건",
"line": 689
}
},
"outputs": [
"not-applicable-conditions.svg",
"not-applicable-conditions.mmd",
"not-applicable-conditions.d2",
"not-applicable-conditions.dot",
"not-applicable-conditions.drawio",
"not-applicable-conditions.excalidraw",
"not-applicable-conditions.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["Keycloak 버전"]
n1["캐시 온도"]
n2["인스턴스 수"]
n3["시계 동기"]
n0 -->|"버전이 먼저다"| n1
n1 -->|"그 다음"| n2
n2 -->|"수치를 읽을 때"| n3
@@ -0,0 +1,84 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="680" height="670" viewBox="0 0 680 670" role="img" aria-labelledby="diagram-title diagram-description">
<title id="diagram-title">이 기록이 적용되지 않는 조건</title>
<desc id="diagram-description">Keycloak 26 미만이면 persistent-user-sessions 가 기본이 아니라 A층 결론 중 셋이 뒤집힌다. volatile 에서는 캐시가 더운지 찬지가 DB 정지 시의 동작을 가른다. 인스턴스가 하나면 B층 질문 자체가 생기지 않는다. oauth2-proxy 에서 cookie-refresh 를 켜면 TTL 역산 정리 규칙이 무너진다. 그리고 이 실험대는 106초 시계 왜곡이 있었고 여기 적힌 수치는 그것을 보정한 값이다.</desc>
<metadata>{&quot;techviz&quot;:{&quot;spec_version&quot;:&quot;1.1&quot;,&quot;id&quot;:&quot;not-applicable-conditions&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;:689}},&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="670" />
<polyline class="edge kind-request style-solid emphasis-normal" points="145.0,298.0 145.0,346.0 145.0,346.0 145.0,394.0" data-evidence="684-694" />
<rect class="edge-label-bg" x="146.6" y="332.0" width="44.8" height="22" rx="3" />
<text class="edge-label" x="169.0" y="347.0">그 다음</text>
<polyline class="edge kind-request style-solid emphasis-normal" points="145.0,458.0 145.0,506.0 145.0,506.0 145.0,554.0" data-evidence="684-696" />
<rect class="edge-label-bg" x="133.2" y="492.0" width="71.6" height="22" rx="3" />
<text class="edge-label" x="169.0" y="507.0">수치를 읽을 때</text>
<polyline class="edge kind-request style-solid emphasis-normal" points="145.0,131.0 145.0,179.0 145.0,179.0 145.0,227.0" data-evidence="684-690" />
<rect class="edge-label-bg" x="136.6" y="165.0" width="64.9" height="22" rx="3" />
<text class="edge-label" x="169.0" y="180.0">버전이 먼저다</text>
<g id="node-version">
<rect class="node-shape kind-component emphasis-warning role-source" data-evidence="684-690" x="70.0" y="60.0" width="150.0" height="71.0" rx="7" />
<text class="node-label" x="145.0" y="87.0">Keycloak 버전</text>
<line class="node-detail-divider" x1="84.0" y1="108.0" x2="206.0" y2="108.0" />
<text class="node-detail" x="86.0" y="125.0">A층 결론 중 셋이 뒤집힌다</text>
</g>
<g id="node-cache">
<rect class="node-shape kind-component emphasis-warning role-control" data-evidence="684-692" x="70.0" y="227.0" width="150.0" height="71.0" rx="7" />
<text class="node-label" x="145.0" y="254.0">캐시 온도</text>
<line class="node-detail-divider" x1="84.0" y1="275.0" x2="206.0" y2="275.0" />
<text class="node-detail" x="86.0" y="292.0">400 · 500 · 200</text>
</g>
<g id="node-instances">
<rect class="node-shape kind-component emphasis-normal role-control" data-evidence="684-694" x="70.0" y="394.0" width="150.0" height="64.0" rx="7" />
<text class="node-label" x="145.0" y="424.0">인스턴스 수</text>
</g>
<g id="node-clock">
<rect class="node-shape kind-component emphasis-warning role-target" data-evidence="684-696" x="70.0" y="554.0" width="150.0" height="71.0" rx="7" />
<text class="node-label" x="145.0" y="581.0">시계 동기</text>
<line class="node-detail-divider" x1="84.0" y1="602.0" x2="206.0" y2="602.0" />
<text class="node-detail" x="86.0" y="619.0">NTP 미동기 환경</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.8 KiB