docs(keycloak-session-store): take the sentences out of the diagram canvases

The skill says drawings carry names and sentences go in <desc> and the
paragraph beside the figure. I put sentences in node details and edge labels
instead, and 27 of the 28 diagrams shipped with prose inside the canvas —
"예측 다섯 개가 틀렸다", "아홉 번 조용히 실패했다", "막혀서 닿지 않는다".

Only label and details render on the canvas; description does not. So every
sentence moved to a noun phrase and the meaning stays in description, which
was already carrying it.

  막혀서 닿지 않는다              -> 차단
  아홉 번 조용히 실패했다         -> 조용한 실패 9건
  예측 다섯 개가 틀렸다           -> 틀린 예측 5건
  로그아웃이 정리하지 않는다      -> 로그아웃 미정리
  볼륨이 없으면 여기까지다        -> 볼륨 없음

Three node labels were sentences too and became names: 세션 스냅샷, 예측
선기록, 대조군 확보.

What stays is what the rules protect — identifiers, commands and measured
values: PRIMARY KEY (client_registration_id, principal_name),
ValidationFailedException: 1 changesets check sum, nginx -t && nginx -s
reload, SET LOCAL synchronous_commit TO OFF. Those are names of things, not
prose about them.

294 canvas strings across 28 diagrams, none matching a sentence ending,
average 11 characters. All 28 still lint clean and re-rendered.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
DongHyeonka
2026-09-05 11:50:33 +09:00
co-authored by Claude Opus 5
parent 75bed382c8
commit 95c0e680b5
221 changed files with 1156 additions and 1152 deletions
@@ -5,36 +5,36 @@
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="n_keycloak-0" value="keycloak-0&lt;br/&gt;자기 처리한 로그인만 캐시" tooltip="로그인을 처리하고 자기 sessions 캐시에만 엔트리를 남긴다. | Evidence: L49-L51" 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="92.5" y="82.5" width="150.0" height="71.0" as="geometry"/>
<mxCell id="n_keycloak-0" value="keycloak-0&lt;br/&gt;자기 처리만 캐시" tooltip="로그인을 처리하고 자기 sessions 캐시에만 엔트리를 남긴다. | Evidence: L49-L51" 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="82.5" width="150.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="n_keycloak-1" value="keycloak-1&lt;br/&gt;refresh 요청을 받으면 DB 조회" tooltip="다른 노드가 만든 세션을 캐시로 받지 않고 데이터베이스에서 읽는다. | Evidence: L48-L51" 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="225.5" width="195.0" height="71.0" as="geometry"/>
<mxCell id="n_keycloak-1" value="keycloak-1&lt;br/&gt;refresh DB 조회" tooltip="다른 노드가 만든 세션을 캐시로 받지 않고 데이터베이스에서 읽는다. | Evidence: L48-L51" 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="225.5" width="150.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="n_jgroups-ping" value="JGROUPS_PING" tooltip="노드가 서로를 발견하는 자리. 여기 등록되어 있다는 것과 세션이 복제된다는 것은 다른 사건이다. | Evidence: L44-L46" 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=#9ca3af;fillColor=#f9fafb;" vertex="1" parent="1">
<mxGeometry x="454.5" y="60.0" width="150.0" height="90.0" as="geometry"/>
<mxGeometry x="380.0" y="60.0" width="150.0" height="90.0" as="geometry"/>
</mxCell>
<mxCell id="n_postgres" value="PostgreSQL&lt;br/&gt;offline_flag=&#x27;0&#x27; 이 온라인 세션" tooltip="OFFLINE_USER_SESSION 에 세션 행을 보관한다. 두 노드가 같은 행을 본다. | Evidence: L48-L52" 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="425.0" y="222.0" width="209.0" height="97.0" as="geometry"/>
<mxCell id="n_postgres" value="PostgreSQL&lt;br/&gt;offline_flag=&#x27;0&#x27;" tooltip="OFFLINE_USER_SESSION 에 세션 행을 보관한다. 두 노드가 같은 행을 본다. | Evidence: L48-L52" 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="380.0" y="222.0" width="150.0" height="97.0" as="geometry"/>
</mxCell>
<mxCell id="e_k0-discovery" value="멤버 등록" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_keycloak-0" target="n_jgroups-ping">
<mxGeometry relative="1" as="geometry">
<mxPoint x="372.5" y="102.5" as="offset"/>
<mxPoint x="324.0" y="102.5" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_k0-writes" value="세션 INSERT" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_keycloak-0" target="n_postgres">
<mxGeometry relative="1" as="geometry">
<mxPoint x="357.8" y="194.2" as="offset"/>
<mxPoint x="324.0" y="194.2" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_k1-discovery" value="멤버 등록" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_keycloak-1" target="n_jgroups-ping">
<mxGeometry relative="1" as="geometry">
<mxPoint x="383.8" y="183.0" as="offset"/>
<mxPoint x="324.0" y="183.0" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_k1-reads" value="세션 SELECT" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_keycloak-1" target="n_postgres">
<mxGeometry relative="1" as="geometry">
<mxPoint x="369.0" y="274.8" as="offset"/>
<mxPoint x="324.0" y="274.8" as="offset"/>
</mxGeometry>
</mxCell>
</root>
@@ -6,9 +6,9 @@
{
"id": "edge-k0-discovery",
"type": "arrow",
"x": 242.5,
"x": 220.0,
"y": 96.0,
"width": 212.0,
"width": 160.0,
"height": 13.0,
"angle": 0,
"strokeColor": "#1e1e1e",
@@ -36,15 +36,15 @@
13.0
],
[
106.0,
80.0,
13.0
],
[
106.0,
80.0,
0.0
],
[
212.0,
160.0,
0.0
]
],
@@ -66,7 +66,7 @@
{
"id": "edge-label-k0-discovery",
"type": "text",
"x": 327.5,
"x": 279.0,
"y": 90.5,
"width": 90,
"height": 24,
@@ -105,9 +105,9 @@
{
"id": "edge-k0-writes",
"type": "arrow",
"x": 242.5,
"x": 220.0,
"y": 127.0,
"width": 182.5,
"width": 160.0,
"height": 134.5,
"angle": 0,
"strokeColor": "#1e1e1e",
@@ -135,15 +135,15 @@
0.0
],
[
91.25,
80.0,
0.0
],
[
91.25,
80.0,
134.5
],
[
182.5,
160.0,
134.5
]
],
@@ -165,7 +165,7 @@
{
"id": "edge-label-k0-writes",
"type": "text",
"x": 312.75,
"x": 279.0,
"y": 182.25,
"width": 90,
"height": 24,
@@ -204,9 +204,9 @@
{
"id": "edge-k1-discovery",
"type": "arrow",
"x": 265.0,
"x": 220.0,
"y": 114.0,
"width": 189.5,
"width": 160.0,
"height": 138.0,
"angle": 0,
"strokeColor": "#1e1e1e",
@@ -234,15 +234,15 @@
138.0
],
[
94.75,
80.0,
138.0
],
[
94.75,
80.0,
0.0
],
[
189.5,
160.0,
0.0
]
],
@@ -264,7 +264,7 @@
{
"id": "edge-label-k1-discovery",
"type": "text",
"x": 338.75,
"x": 279.0,
"y": 171.0,
"width": 90,
"height": 24,
@@ -303,7 +303,7 @@
{
"id": "edge-k1-reads",
"type": "arrow",
"x": 265.0,
"x": 220.0,
"y": 270.0,
"width": 160.0,
"height": 9.5,
@@ -363,7 +363,7 @@
{
"id": "edge-label-k1-reads",
"type": "text",
"x": 324.0,
"x": 279.0,
"y": 262.75,
"width": 90,
"height": 24,
@@ -402,7 +402,7 @@
{
"id": "node-keycloak-0",
"type": "rectangle",
"x": 92.5,
"x": 70.0,
"y": 82.5,
"width": 150.0,
"height": 71.0,
@@ -432,7 +432,7 @@
{
"id": "node-label-keycloak-0",
"type": "text",
"x": 102.5,
"x": 80.0,
"y": 92.5,
"width": 130.0,
"height": 51.0,
@@ -460,11 +460,11 @@
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "keycloak-0\n자기 처리한 로그인만 캐시",
"text": "keycloak-0\n자기 처리만 캐시",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "keycloak-0\n자기 처리한 로그인만 캐시",
"originalText": "keycloak-0\n자기 처리만 캐시",
"autoResize": true,
"lineHeight": 1.25
},
@@ -473,7 +473,7 @@
"type": "rectangle",
"x": 70.0,
"y": 225.5,
"width": 195.0,
"width": 150.0,
"height": 71.0,
"angle": 0,
"strokeColor": "#1e1e1e",
@@ -503,7 +503,7 @@
"type": "text",
"x": 80.0,
"y": 235.5,
"width": 175.0,
"width": 130.0,
"height": 51.0,
"angle": 0,
"strokeColor": "#1e1e1e",
@@ -529,18 +529,18 @@
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "keycloak-1\nrefresh 요청을 받으면 DB 조회",
"text": "keycloak-1\nrefresh DB 조회",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "keycloak-1\nrefresh 요청을 받으면 DB 조회",
"originalText": "keycloak-1\nrefresh DB 조회",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "node-jgroups-ping",
"type": "rectangle",
"x": 454.5,
"x": 380.0,
"y": 60.0,
"width": 150.0,
"height": 90.0,
@@ -570,7 +570,7 @@
{
"id": "node-label-jgroups-ping",
"type": "text",
"x": 464.5,
"x": 390.0,
"y": 70.0,
"width": 130.0,
"height": 70.0,
@@ -609,9 +609,9 @@
{
"id": "node-postgres",
"type": "rectangle",
"x": 425.0,
"x": 380.0,
"y": 222.0,
"width": 209.0,
"width": 150.0,
"height": 97.0,
"angle": 0,
"strokeColor": "#1e1e1e",
@@ -639,9 +639,9 @@
{
"id": "node-label-postgres",
"type": "text",
"x": 435.0,
"x": 390.0,
"y": 232.0,
"width": 189.0,
"width": 130.0,
"height": 77.0,
"angle": 0,
"strokeColor": "#1e1e1e",
@@ -667,11 +667,11 @@
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "PostgreSQL\noffline_flag='0' 이 온라인 세션",
"text": "PostgreSQL\noffline_flag='0'",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "PostgreSQL\noffline_flag='0' 이 온라인 세션",
"originalText": "PostgreSQL\noffline_flag='0'",
"autoResize": true,
"lineHeight": 1.25
}
@@ -2,7 +2,7 @@
"harness_version": "0.2.0",
"spec_id": "session-sharing-path",
"spec_version": "1.1",
"spec_sha256": "622b6917edfc97cfbbbeea476bac0bceab339d4734549895d8acd721284f0a42",
"spec_sha256": "347c9930c1720050bf968e27eb87993d3eaaa3139ac231d1b6f8f93d770dd148",
"source_context": {
"document": "docs/keycloak-session-store/final/document.md",
"document_sha256": "609353e10bfd37a9bbb6a79ecf2a32f3d3c02d5d161879a14ad4713e49e7e5e8",
@@ -50,38 +50,38 @@
</style>
</defs>
<rect class="canvas" width="680" height="364" />
<polyline class="edge kind-write style-solid emphasis-normal" points="242.5,109.0 348.5,109.0 348.5,96.0 454.5,96.0" data-evidence="44-45" />
<rect class="edge-label-bg" x="346.8" y="88.5" width="51.5" height="22" rx="3" />
<text class="edge-label" x="372.5" y="103.5">멤버 등록</text>
<polyline class="edge kind-write style-solid emphasis-normal" points="242.5,127.0 333.8,127.0 333.8,261.5 425.0,261.5" data-evidence="49-52" />
<rect class="edge-label-bg" x="318.6" y="180.2" width="78.3" height="22" rx="3" />
<text class="edge-label" x="357.8" y="195.2">세션 INSERT</text>
<polyline class="edge kind-write style-solid emphasis-normal" points="265.0,252.0 359.8,252.0 359.8,114.0 454.5,114.0" data-evidence="44-45" />
<rect class="edge-label-bg" x="358.0" y="169.0" width="51.5" height="22" rx="3" />
<text class="edge-label" x="383.8" y="184.0">멤버 등록</text>
<polyline class="edge kind-read style-solid emphasis-normal" points="265.0,270.0 345.0,270.0 345.0,279.5 425.0,279.5" data-evidence="48-50" />
<rect class="edge-label-bg" x="329.9" y="260.8" width="78.3" height="22" rx="3" />
<text class="edge-label" x="369.0" y="275.8">세션 SELECT</text>
<polyline class="edge kind-write style-solid emphasis-normal" points="220.0,109.0 300.0,109.0 300.0,96.0 380.0,96.0" data-evidence="44-45" />
<rect class="edge-label-bg" x="298.2" y="88.5" width="51.5" height="22" rx="3" />
<text class="edge-label" x="324.0" y="103.5">멤버 등록</text>
<polyline class="edge kind-write style-solid emphasis-normal" points="220.0,127.0 300.0,127.0 300.0,261.5 380.0,261.5" data-evidence="49-52" />
<rect class="edge-label-bg" x="284.9" y="180.2" width="78.3" height="22" rx="3" />
<text class="edge-label" x="324.0" y="195.2">세션 INSERT</text>
<polyline class="edge kind-write style-solid emphasis-normal" points="220.0,252.0 300.0,252.0 300.0,114.0 380.0,114.0" data-evidence="44-45" />
<rect class="edge-label-bg" x="298.2" y="169.0" width="51.5" height="22" rx="3" />
<text class="edge-label" x="324.0" y="184.0">멤버 등록</text>
<polyline class="edge kind-read style-solid emphasis-normal" points="220.0,270.0 300.0,270.0 300.0,279.5 380.0,279.5" data-evidence="48-50" />
<rect class="edge-label-bg" x="284.9" y="260.8" width="78.3" height="22" rx="3" />
<text class="edge-label" x="324.0" y="275.8">세션 SELECT</text>
<g id="node-keycloak-0">
<rect class="node-shape kind-service emphasis-primary role-source" data-evidence="49-51" x="92.5" y="82.5" width="150.0" height="71.0" rx="7" />
<text class="node-label" x="167.5" y="109.5">keycloak-0</text>
<line class="node-detail-divider" x1="106.5" y1="130.5" x2="228.5" y2="130.5" />
<text class="node-detail" x="108.5" y="147.5">자기 처리한 로그인만 캐시</text>
<rect class="node-shape kind-service emphasis-primary role-source" data-evidence="49-51" x="70.0" y="82.5" width="150.0" height="71.0" rx="7" />
<text class="node-label" x="145.0" y="109.5">keycloak-0</text>
<line class="node-detail-divider" x1="84.0" y1="130.5" x2="206.0" y2="130.5" />
<text class="node-detail" x="86.0" y="147.5">자기 처리만 캐시</text>
</g>
<g id="node-keycloak-1">
<rect class="node-shape kind-service emphasis-primary role-target" data-evidence="48-51" x="70.0" y="225.5" width="195.0" height="71.0" rx="7" />
<text class="node-label" x="167.5" y="252.5">keycloak-1</text>
<line class="node-detail-divider" x1="84.0" y1="273.5" x2="251.0" y2="273.5" />
<text class="node-detail" x="86.0" y="290.5">refresh 요청을 받으면 DB 조회</text>
<rect class="node-shape kind-service emphasis-primary role-target" data-evidence="48-51" x="70.0" y="225.5" width="150.0" height="71.0" rx="7" />
<text class="node-label" x="145.0" y="252.5">keycloak-1</text>
<line class="node-detail-divider" x1="84.0" y1="273.5" x2="206.0" y2="273.5" />
<text class="node-detail" x="86.0" y="290.5">refresh DB 조회</text>
</g>
<g id="node-jgroups-ping">
<rect class="node-shape kind-datastore emphasis-muted role-support" data-evidence="44-46" x="454.5" y="73.0" width="150.0" height="64.0" /><ellipse class="node-shape kind-datastore emphasis-muted role-support" cx="529.5" cy="73.0" rx="75.0" ry="13.0" /><path class="storage-bottom" d="M 454.5 137.0 A 75.0 13.0 0 0 0 604.5 137.0" />
<text class="node-label" x="529.5" y="103.0">JGROUPS_PING</text>
<rect class="node-shape kind-datastore emphasis-muted role-support" data-evidence="44-46" x="380.0" y="73.0" width="150.0" height="64.0" /><ellipse class="node-shape kind-datastore emphasis-muted role-support" cx="455.0" cy="73.0" rx="75.0" ry="13.0" /><path class="storage-bottom" d="M 380.0 137.0 A 75.0 13.0 0 0 0 530.0 137.0" />
<text class="node-label" x="455.0" y="103.0">JGROUPS_PING</text>
</g>
<g id="node-postgres">
<rect class="node-shape kind-datastore emphasis-primary role-store" data-evidence="48-52" x="425.0" y="235.0" width="209.0" height="71.0" /><ellipse class="node-shape kind-datastore emphasis-primary role-store" cx="529.5" cy="235.0" rx="104.5" ry="13.0" /><path class="storage-bottom" d="M 425.0 306.0 A 104.5 13.0 0 0 0 634.0 306.0" />
<text class="node-label" x="529.5" y="262.0">PostgreSQL</text>
<line class="node-detail-divider" x1="439.0" y1="283.0" x2="620.0" y2="283.0" />
<text class="node-detail" x="441.0" y="300.0">offline_flag=&#x27;0&#x27; 이 온라인 세션</text>
<rect class="node-shape kind-datastore emphasis-primary role-store" data-evidence="48-52" x="380.0" y="235.0" width="150.0" height="71.0" /><ellipse class="node-shape kind-datastore emphasis-primary role-store" cx="455.0" cy="235.0" rx="75.0" ry="13.0" /><path class="storage-bottom" d="M 380.0 306.0 A 75.0 13.0 0 0 0 530.0 306.0" />
<text class="node-label" x="455.0" y="262.0">PostgreSQL</text>
<line class="node-detail-divider" x1="394.0" y1="283.0" x2="516.0" y2="283.0" />
<text class="node-detail" x="396.0" y="300.0">offline_flag=&#x27;0&#x27;</text>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB