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,20 @@
# base64 는 암호화가 아니다
## Alternative text
Secret 의 값이 base64 디코드와 파드 환경 변수 두 경로로 모두 평문에 닿는 구성.
## Long description
kubectl get secret -o yaml 이 보여주는 base64 는 인코딩이지 암호화가 아니다. etcd 에 평문으로 있다. 그리고 파드 안에서 env 를 grep 하면 그대로 나온다. 값을 Secret 에 넣었다는 것과 값이 가려졌다는 것은 다른 사건이다.
## Elements and evidence
- **k8s Secret** (datastore): base64 로 담긴다. Evidence: L495L501.
- **etcd** (datastore): 평문으로 있다. Evidence: L495L501.
- **파드 환경 변수** (component): env 로 그대로 읽힌다. Evidence: L495L501.
## Relationships
- **k8s Secret → etcd:** 여기 저장된다. Evidence: L495L501.
- **k8s Secret → 파드 환경 변수:** 주입된다. Evidence: L495L501.
@@ -0,0 +1,14 @@
# base64 는 암호화가 아니다
# Question: Secret 에 넣으면 값이 가려지는가
direction: down
n0: "k8s Secret" {
shape: cylinder
}
n1: "etcd" {
shape: cylinder
}
n2: "파드 환경 변수" {
shape: rectangle
}
n0 -> n1: "여기 저장된다"
n0 -> n2: "주입된다"
@@ -0,0 +1,10 @@
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="k8s Secret", shape=cylinder, style="rounded,filled"];
n1 [label="etcd", shape=cylinder, style="rounded,filled"];
n2 [label="파드 환경 변수", shape=box, style="rounded,filled"];
n0 -> n1 [label="여기 저장된다", style=solid];
n0 -> n2 [label="주입된다", style=solid];
}
@@ -0,0 +1,30 @@
<?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="d3-secret-exposure" name="base64 는 암호화가 아니다">
<mxGraphModel dx="680" dy="388" 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_secret" value="k8s Secret&lt;br/&gt;인코딩이지 암호화가 아니다" tooltip="base64 로 담긴다. | Evidence: L495-L501" 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=#d97706;fillColor=#fffdf5;" vertex="1" parent="1">
<mxGeometry x="187.0" y="60.0" width="150.0" height="97.0" as="geometry"/>
</mxCell>
<mxCell id="n_etcd" value="etcd" tooltip="평문으로 있다. | Evidence: L495-L501" 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=#d97706;fillColor=#fffdf5;" vertex="1" parent="1">
<mxGeometry x="70.0" y="253.0" width="150.0" height="90.0" as="geometry"/>
</mxCell>
<mxCell id="n_pod" value="파드 환경 변수&lt;br/&gt;env | grep -i secret" tooltip="env 로 그대로 읽힌다. | Evidence: L495-L501" 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="280.0" y="262.5" width="174.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="e_s-e" value="여기 저장된다" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_secret" target="n_etcd">
<mxGeometry relative="1" as="geometry">
<mxPoint x="199.0" y="177.0" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_s-p" value="주입된다" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_secret" target="n_pod">
<mxGeometry relative="1" as="geometry">
<mxPoint x="319.0" y="181.8" as="offset"/>
</mxGeometry>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
@@ -0,0 +1,418 @@
{
"type": "excalidraw",
"version": 2,
"source": "techviz-harness",
"elements": [
{
"id": "edge-s-e",
"type": "arrow",
"x": 145.0,
"y": 157.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": 1136208973,
"version": 1,
"versionNonce": 330702000,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"points": [
[
108.0,
0.0
],
[
108.0,
48.0
],
[
0.0,
48.0
],
[
0.0,
96.0
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "node-secret",
"focus": 0,
"gap": 4
},
"endBinding": {
"elementId": "node-etcd",
"focus": 0,
"gap": 4
},
"startArrowhead": null,
"endArrowhead": "arrow",
"elbowed": true
},
{
"id": "edge-label-s-e",
"type": "text",
"x": 154.0,
"y": 165.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": 1359061444,
"version": 1,
"versionNonce": 345809261,
"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-s-p",
"type": "arrow",
"x": 271.0,
"y": 157.0,
"width": 96.0,
"height": 105.5,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": null,
"seed": 44315412,
"version": 1,
"versionNonce": 1347154454,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"points": [
[
0.0,
0.0
],
[
0.0,
52.75
],
[
96.0,
52.75
],
[
96.0,
105.5
]
],
"lastCommittedPoint": null,
"startBinding": {
"elementId": "node-secret",
"focus": 0,
"gap": 4
},
"endBinding": {
"elementId": "node-pod",
"focus": 0,
"gap": 4
},
"startArrowhead": null,
"endArrowhead": "arrow",
"elbowed": true
},
{
"id": "edge-label-s-p",
"type": "text",
"x": 274.0,
"y": 169.75,
"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": 1302933428,
"version": 1,
"versionNonce": 1204656141,
"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-secret",
"type": "rectangle",
"x": 187.0,
"y": 60.0,
"width": 150.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": 1236896219,
"version": 1,
"versionNonce": 1269619969,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-secret",
"type": "text",
"x": 197.0,
"y": 70.0,
"width": 130.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": 809034914,
"version": 1,
"versionNonce": 1728073668,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "k8s Secret\n인코딩이지 암호화가 아니다",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "k8s Secret\n인코딩이지 암호화가 아니다",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "node-etcd",
"type": "rectangle",
"x": 70.0,
"y": 253.0,
"width": 150.0,
"height": 90.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": 722317623,
"version": 1,
"versionNonce": 1926648298,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-etcd",
"type": "text",
"x": 80.0,
"y": 263.0,
"width": 130.0,
"height": 70.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": 244479699,
"version": 1,
"versionNonce": 1092391719,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "etcd",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "etcd",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "node-pod",
"type": "rectangle",
"x": 280.0,
"y": 262.5,
"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": 339878091,
"version": 1,
"versionNonce": 723591255,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false
},
{
"id": "node-label-pod",
"type": "text",
"x": 290.0,
"y": 272.5,
"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": 1089876355,
"version": 1,
"versionNonce": 1055792127,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 15,
"fontFamily": 5,
"text": "파드 환경 변수\nenv | grep -i secret",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "파드 환경 변수\nenv | grep -i secret",
"autoResize": true,
"lineHeight": 1.25
}
],
"appState": {
"gridSize": 10,
"viewBackgroundColor": "#ffffff",
"currentItemFontFamily": 5
},
"files": {}
}
@@ -0,0 +1,32 @@
{
"harness_version": "0.2.0",
"spec_id": "d3-secret-exposure",
"spec_version": "1.1",
"spec_sha256": "ed7488f2d1f9b5d6e17cf9e6ed697252b007d0504df014aeb9afab065da20cff",
"source_context": {
"document": "docs/keycloak-session-store/final/document.md",
"document_sha256": "1d44cba1905544d92f1d26ae36a8deb64a3db3914d6b488fd30d6ae7f8cfbabe",
"anchor": {
"kind": "heading",
"value": "D-3 · 비밀",
"line": 504
}
},
"outputs": [
"d3-secret-exposure.svg",
"d3-secret-exposure.mmd",
"d3-secret-exposure.d2",
"d3-secret-exposure.dot",
"d3-secret-exposure.drawio",
"d3-secret-exposure.excalidraw",
"d3-secret-exposure.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,8 @@
%% base64 는 암호화가 아니다
%% question: Secret 에 넣으면 값이 가려지는가
flowchart TB
n0[("k8s Secret")]
n1[("etcd")]
n2["파드 환경 변수"]
n0 -->|"여기 저장된다"| n1
n0 -->|"주입된다"| n2
@@ -0,0 +1,75 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="680" height="388" viewBox="0 0 680 388" role="img" aria-labelledby="diagram-title diagram-description">
<title id="diagram-title">base64 는 암호화가 아니다</title>
<desc id="diagram-description">kubectl get secret -o yaml 이 보여주는 base64 는 인코딩이지 암호화가 아니다. etcd 에 평문으로 있다. 그리고 파드 안에서 env 를 grep 하면 그대로 나온다. 값을 Secret 에 넣었다는 것과 값이 가려졌다는 것은 다른 사건이다.</desc>
<metadata>{&quot;techviz&quot;:{&quot;spec_version&quot;:&quot;1.1&quot;,&quot;id&quot;:&quot;d3-secret-exposure&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;D-3 · 비밀&quot;,&quot;line&quot;:504}},&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="388" />
<polyline class="edge kind-write style-solid emphasis-normal" points="253.0,157.0 253.0,205.0 145.0,205.0 145.0,253.0" data-evidence="495-501" />
<rect class="edge-label-bg" x="166.6" y="163.0" width="64.9" height="22" rx="3" />
<text class="edge-label" x="199.0" y="178.0">여기 저장된다</text>
<polyline class="edge kind-write style-solid emphasis-normal" points="271.0,157.0 271.0,209.8 367.0,209.8 367.0,262.5" data-evidence="495-501" />
<rect class="edge-label-bg" x="296.6" y="167.8" width="44.8" height="22" rx="3" />
<text class="edge-label" x="319.0" y="182.8">주입된다</text>
<g id="node-secret">
<rect class="node-shape kind-datastore emphasis-warning role-source" data-evidence="495-501" x="187.0" y="73.0" width="150.0" height="71.0" /><ellipse class="node-shape kind-datastore emphasis-warning role-source" cx="262.0" cy="73.0" rx="75.0" ry="13.0" /><path class="storage-bottom" d="M 187.0 144.0 A 75.0 13.0 0 0 0 337.0 144.0" />
<text class="node-label" x="262.0" y="100.0">k8s Secret</text>
<line class="node-detail-divider" x1="201.0" y1="121.0" x2="323.0" y2="121.0" />
<text class="node-detail" x="203.0" y="138.0">인코딩이지 암호화가 아니다</text>
</g>
<g id="node-etcd">
<rect class="node-shape kind-datastore emphasis-warning role-target" data-evidence="495-501" x="70.0" y="266.0" width="150.0" height="64.0" /><ellipse class="node-shape kind-datastore emphasis-warning role-target" cx="145.0" cy="266.0" rx="75.0" ry="13.0" /><path class="storage-bottom" d="M 70.0 330.0 A 75.0 13.0 0 0 0 220.0 330.0" />
<text class="node-label" x="145.0" y="296.0">etcd</text>
</g>
<g id="node-pod">
<rect class="node-shape kind-component emphasis-warning role-target" data-evidence="495-501" x="280.0" y="262.5" width="174.0" height="71.0" rx="7" />
<text class="node-label" x="367.0" y="289.5">파드 환경 변수</text>
<line class="node-detail-divider" x1="294.0" y1="310.5" x2="440.0" y2="310.5" />
<text class="node-detail" x="296.0" y="327.5">env | grep -i secret</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.3 KiB