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,21 @@
# 같은 주입, 정반대 결과
## Alternative text
세션을 데이터베이스에 쓰는 경로와 Infinispan 으로 복제하는 경로가 설정 하나로 갈리는 구성.
## Long description
Keycloak 26 은 persistent-user-sessions 가 기본값이라 세션을 PostgreSQL 에 쓴다. 24 이전은 메모리에 두고 Infinispan 으로 복제했다. 그래서 7800 을 끊었을 때, 롤링 재시작했을 때, DB 를 세웠을 때의 결과가 세 항목 모두 정반대로 나온다. 이 실험대의 A층 결론 전체가 이 설정 위에 서 있다.
## Elements and evidence
- **persistent-user-sessions 켜짐** (component): Keycloak 26 기본값. Evidence: L62L66.
- **persistent-user-sessions 꺼짐** (component): 24 이전 방식. Evidence: L62L66.
- **PostgreSQL 의 세션 행** (datastore): 노드가 바뀌어도 남는다. 7800 과 무관하다. Evidence: L67L73.
- **노드 메모리의 세션** (component): 노드가 죽거나 분단되면 사라진다. Evidence: L67L73.
## Relationships
- **persistent-user-sessions 켜짐 → PostgreSQL 의 세션 행:** 세션을 여기 쓴다. Evidence: L62L68.
- **persistent-user-sessions 꺼짐 → 노드 메모리의 세션:** 세션이 여기 있다. Evidence: L62L68.
@@ -0,0 +1,17 @@
# 같은 주입, 정반대 결과
# Question: Keycloak 버전과 설정이 결론을 어떻게 뒤집는가
direction: right
n0: "persistent-user-sessions 켜짐" {
shape: rectangle
}
n1: "persistent-user-sessions 꺼짐" {
shape: rectangle
}
n2: "PostgreSQL 의 세션 행" {
shape: cylinder
}
n3: "노드 메모리의 세션" {
shape: rectangle
}
n0 -> n2: "세션을 여기 쓴다"
n1 -> n3: "세션이 여기 있다"
@@ -0,0 +1,11 @@
digraph techviz {
graph [rankdir=LR, 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="persistent-user-sessions 켜짐", shape=box, style="rounded,filled"];
n1 [label="persistent-user-sessions 꺼짐", shape=box, style="rounded,filled"];
n2 [label="PostgreSQL 의 세션 행", shape=cylinder, style="rounded,filled"];
n3 [label="노드 메모리의 세션", shape=box, style="rounded,filled"];
n0 -> n2 [label="세션을 여기 쓴다", style=solid];
n1 -> n3 [label="세션이 여기 있다", style=solid];
}
@@ -0,0 +1,33 @@
<?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="version-conditional-results" name="같은 주입, 정반대 결과">
<mxGraphModel dx="680" dy="359" 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_persistent" value="persistent-user-sessions 켜짐&lt;br/&gt;세션을 DB 에 쓴다" tooltip="Keycloak 26 기본값. | Evidence: L62-L66" 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="60.0" width="202.0" height="91.0" as="geometry"/>
</mxCell>
<mxCell id="n_volatile" value="persistent-user-sessions 꺼짐&lt;br/&gt;세션이 메모리에만 있다" tooltip="24 이전 방식. | Evidence: L62-L66" 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="223.0" width="202.0" height="91.0" as="geometry"/>
</mxCell>
<mxCell id="n_db-session" value="PostgreSQL 의 세션 행&lt;br/&gt;OFFLINE_USER_SESSION" tooltip="노드가 바뀌어도 남는다. 7800 과 무관하다. | Evidence: L67-L73" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;shape=cylinder3;boundedLbl=1;backgroundOutline=1;fillColor=#eef6fb;strokeColor=#2563eb;strokeWidth=2;" vertex="1" parent="1">
<mxGeometry x="432.0" y="67.0" width="174.0" height="97.0" as="geometry"/>
</mxCell>
<mxCell id="n_memory-session" value="노드 메모리의 세션&lt;br/&gt;Infinispan 복제에 의존" tooltip="노드가 죽거나 분단되면 사라진다. | Evidence: L67-L73" 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="442.5" y="236.0" width="153.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="e_p-to-db" value="세션을 여기 쓴다" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_persistent" target="n_db-session">
<mxGeometry relative="1" as="geometry">
<mxPoint x="376.0" y="110.5" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_v-to-mem" value="세션이 여기 있다" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_volatile" target="n_memory-session">
<mxGeometry relative="1" as="geometry">
<mxPoint x="381.2" y="270.0" as="offset"/>
</mxGeometry>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
@@ -0,0 +1,487 @@
{
"type": "excalidraw",
"version": 2,
"source": "techviz-harness",
"elements": [
{
"id": "edge-p-to-db",
"type": "arrow",
"x": 272.0,
"y": 105.5,
"width": 160.0,
"height": 10.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": 1485724045,
"version": 1,
"versionNonce": 470254179,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"points": [
[
0.0,
0.0
],
[
80.0,
0.0
],
[
80.0,
10.0
],
[
160.0,
10.0
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "node-persistent",
"focus": 0,
"gap": 4
},
"endBinding": {
"elementId": "node-db-session",
"focus": 0,
"gap": 4
},
"startArrowhead": null,
"endArrowhead": "arrow",
"elbowed": true
},
{
"id": "edge-label-p-to-db",
"type": "text",
"x": 331.0,
"y": 98.5,
"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": 1213585369,
"version": 1,
"versionNonce": 544383346,
"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-to-mem",
"type": "arrow",
"x": 272.0,
"y": 268.5,
"width": 170.5,
"height": 3.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": 1662253753,
"version": 1,
"versionNonce": 319608233,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"points": [
[
0.0,
0.0
],
[
85.25,
0.0
],
[
85.25,
3.0
],
[
170.5,
3.0
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "node-volatile",
"focus": 0,
"gap": 4
},
"endBinding": {
"elementId": "node-memory-session",
"focus": 0,
"gap": 4
},
"startArrowhead": null,
"endArrowhead": "arrow",
"elbowed": true
},
{
"id": "edge-label-v-to-mem",
"type": "text",
"x": 336.25,
"y": 258.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": 1485494097,
"version": 1,
"versionNonce": 668556176,
"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-persistent",
"type": "rectangle",
"x": 70.0,
"y": 60.0,
"width": 202.0,
"height": 91.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": 562116744,
"version": 1,
"versionNonce": 1988159219,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-persistent",
"type": "text",
"x": 80.0,
"y": 70.0,
"width": 182.0,
"height": 71.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": 587008506,
"version": 1,
"versionNonce": 1303233449,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "persistent-user-sessions 켜짐\n세션을 DB 에 쓴다",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "persistent-user-sessions 켜짐\n세션을 DB 에 쓴다",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "node-volatile",
"type": "rectangle",
"x": 70.0,
"y": 223.0,
"width": 202.0,
"height": 91.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": 558410742,
"version": 1,
"versionNonce": 544349713,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-volatile",
"type": "text",
"x": 80.0,
"y": 233.0,
"width": 182.0,
"height": 71.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": 306985986,
"version": 1,
"versionNonce": 810367905,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "persistent-user-sessions 꺼짐\n세션이 메모리에만 있다",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "persistent-user-sessions 꺼짐\n세션이 메모리에만 있다",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "node-db-session",
"type": "rectangle",
"x": 432.0,
"y": 67.0,
"width": 174.0,
"height": 97.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "#e7f5ff",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 87877063,
"version": 1,
"versionNonce": 1560120973,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-db-session",
"type": "text",
"x": 442.0,
"y": 77.0,
"width": 154.0,
"height": 77.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": 826731545,
"version": 1,
"versionNonce": 355024374,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "PostgreSQL 의 세션 행\nOFFLINE_USER_SESSION",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "PostgreSQL 의 세션 행\nOFFLINE_USER_SESSION",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "node-memory-session",
"type": "rectangle",
"x": 442.5,
"y": 236.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": 45225811,
"version": 1,
"versionNonce": 745146477,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-memory-session",
"type": "text",
"x": 452.5,
"y": 246.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": 996242502,
"version": 1,
"versionNonce": 88433920,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "노드 메모리의 세션\nInfinispan 복제에 의존",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "노드 메모리의 세션\nInfinispan 복제에 의존",
"autoResize": true,
"lineHeight": 1.25
}
],
"appState": {
"gridSize": 10,
"viewBackgroundColor": "#ffffff",
"currentItemFontFamily": 5
},
"files": {}
}
@@ -0,0 +1,32 @@
{
"harness_version": "0.2.0",
"spec_id": "version-conditional-results",
"spec_version": "1.1",
"spec_sha256": "67137c09f1217d0e2141e8f560c3c6970821cd2a4f5a91591f3729281ab55c04",
"source_context": {
"document": "docs/keycloak-session-store/final/document.md",
"document_sha256": "1d44cba1905544d92f1d26ae36a8deb64a3db3914d6b488fd30d6ae7f8cfbabe",
"anchor": {
"kind": "heading",
"value": "그리고 이 결론에는 버전 조건이 붙어 있었다",
"line": 64
}
},
"outputs": [
"version-conditional-results.svg",
"version-conditional-results.mmd",
"version-conditional-results.d2",
"version-conditional-results.dot",
"version-conditional-results.drawio",
"version-conditional-results.excalidraw",
"version-conditional-results.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,9 @@
%% 같은 주입, 정반대 결과
%% question: Keycloak 버전과 설정이 결론을 어떻게 뒤집는가
flowchart LR
n0["persistent-user-sessions 켜짐"]
n1["persistent-user-sessions 꺼짐"]
n2[("PostgreSQL 의 세션 행")]
n3["노드 메모리의 세션"]
n0 -->|"세션을 여기 쓴다"| n2
n1 -->|"세션이 여기 있다"| n3
@@ -0,0 +1,85 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="680" height="359" viewBox="0 0 680 359" role="img" aria-labelledby="diagram-title diagram-description">
<title id="diagram-title">같은 주입, 정반대 결과</title>
<desc id="diagram-description">Keycloak 26 은 persistent-user-sessions 가 기본값이라 세션을 PostgreSQL 에 쓴다. 24 이전은 메모리에 두고 Infinispan 으로 복제했다. 그래서 7800 을 끊었을 때, 롤링 재시작했을 때, DB 를 세웠을 때의 결과가 세 항목 모두 정반대로 나온다. 이 실험대의 A층 결론 전체가 이 설정 위에 서 있다.</desc>
<metadata>{&quot;techviz&quot;:{&quot;spec_version&quot;:&quot;1.1&quot;,&quot;id&quot;:&quot;version-conditional-results&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;:64}},&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="359" />
<polyline class="edge kind-write style-solid emphasis-normal" points="272.0,105.5 352.0,105.5 352.0,115.5 432.0,115.5" data-evidence="62-68" />
<rect class="edge-label-bg" x="336.9" y="96.5" width="78.3" height="22" rx="3" />
<text class="edge-label" x="376.0" y="111.5">세션을 여기 쓴다</text>
<polyline class="edge kind-write style-solid emphasis-normal" points="272.0,268.5 357.2,268.5 357.2,271.5 442.5,271.5" data-evidence="62-68" />
<rect class="edge-label-bg" x="342.1" y="256.0" width="78.3" height="22" rx="3" />
<text class="edge-label" x="381.2" y="271.0">세션이 여기 있다</text>
<g id="node-persistent">
<rect class="node-shape kind-component emphasis-primary role-source" data-evidence="62-66" x="70.0" y="60.0" width="202.0" height="91.0" rx="7" />
<text class="node-label" x="171.0" y="87.0">persistent-user-sessions</text>
<text class="node-label" x="171.0" y="105.0">켜짐</text>
<line class="node-detail-divider" x1="84.0" y1="126.0" x2="258.0" y2="126.0" />
<text class="node-detail" x="86.0" y="143.0">세션을 DB 에 쓴다</text>
</g>
<g id="node-volatile">
<rect class="node-shape kind-component emphasis-warning role-source" data-evidence="62-66" x="70.0" y="223.0" width="202.0" height="91.0" rx="7" />
<text class="node-label" x="171.0" y="250.0">persistent-user-sessions</text>
<text class="node-label" x="171.0" y="268.0">꺼짐</text>
<line class="node-detail-divider" x1="84.0" y1="289.0" x2="258.0" y2="289.0" />
<text class="node-detail" x="86.0" y="306.0">세션이 메모리에만 있다</text>
</g>
<g id="node-db-session">
<rect class="node-shape kind-datastore emphasis-primary role-target" data-evidence="67-73" x="432.0" y="80.0" width="174.0" height="71.0" /><ellipse class="node-shape kind-datastore emphasis-primary role-target" cx="519.0" cy="80.0" rx="87.0" ry="13.0" /><path class="storage-bottom" d="M 432.0 151.0 A 87.0 13.0 0 0 0 606.0 151.0" />
<text class="node-label" x="519.0" y="107.0">PostgreSQL 의 세션 행</text>
<line class="node-detail-divider" x1="446.0" y1="128.0" x2="592.0" y2="128.0" />
<text class="node-detail" x="448.0" y="145.0">OFFLINE_USER_SESSION</text>
</g>
<g id="node-memory-session">
<rect class="node-shape kind-component emphasis-warning role-target" data-evidence="67-73" x="442.5" y="236.0" width="153.0" height="71.0" rx="7" />
<text class="node-label" x="519.0" y="263.0">노드 메모리의 세션</text>
<line class="node-detail-divider" x1="456.5" y1="284.0" x2="581.5" y2="284.0" />
<text class="node-detail" x="458.5" y="301.0">Infinispan 복제에 의존</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.9 KiB