Update architecture.svg

KOKOSde · web-flow · commit cc584e54cf56 · 2026-01-01T00:11:37.000-07:00
diff --git a/docs/architecture.svg b/docs/architecture.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 450">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 520">
   <defs>
     <style>
       @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@400;700&amp;display=swap');
@@ -17,66 +17,69 @@
     <marker id="arrow" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto">
       <path d="M0,0 L0,6 L9,3 z" fill="#64748b" />
     </marker>
-    <marker id="dot" markerWidth="8" markerHeight="8" refX="4" refY="4" orient="auto">
-      <circle cx="4" cy="4" r="3" fill="#64748b" />
-    </marker>
   </defs>
 
-  <rect width="900" height="450" fill="#0f172a"/>
-  <rect width="900" height="450" fill="url(#grid)"/>
+  <rect width="900" height="520" fill="#0f172a"/>
+  <rect width="900" height="520" fill="url(#grid)"/>
   
-  <rect x="230" y="50" width="460" height="350" rx="16" fill="#1e293b" fill-opacity="0.5" stroke="#3b82f6" stroke-width="1" stroke-opacity="0.2" stroke-dasharray="4"/>
+  <rect x="230" y="50" width="460" height="420" rx="16" fill="#1e293b" fill-opacity="0.5" stroke="#3b82f6" stroke-width="1" stroke-opacity="0.2" stroke-dasharray="4"/>
   <text x="250" y="80" class="txt-ui" font-weight="700" font-size="14" fill="#60a5fa">LocalMod Engine</text>
 
-  <g transform="translate(40, 185)">
+  <g transform="translate(40, 220)">
     <rect width="110" height="80" rx="8" fill="#1e293b" stroke="#475569" stroke-width="1" filter="url(#shadow)"/>
     <text x="55" y="25" text-anchor="middle" class="txt-ui" font-size="12" font-weight="600" fill="#e2e8f0">Input</text>
     <rect x="10" y="35" width="90" height="35" rx="4" fill="#0f172a"/>
     <text x="18" y="52" class="txt-mono" font-size="9" fill="#94a3b8">"User text</text>
     <text x="18" y="64" class="txt-mono" font-size="9" fill="#94a3b8">content..."</text>
   </g>
 
-  <path d="M 150 225 L 190 225" stroke="#64748b" stroke-width="2" marker-end="url(#arrow)"/>
+  <path d="M 150 260 L 190 260" stroke="#64748b" stroke-width="2" marker-end="url(#arrow)"/>
 
-  <path d="M 210 130 L 210 330" stroke="#64748b" stroke-width="1"/>
-  <path d="M 190 225 L 210 225" stroke="#64748b" stroke-width="1"/>
+  <path d="M 210 120 L 210 420" stroke="#64748b" stroke-width="1"/>
+  <path d="M 190 260 L 210 260" stroke="#64748b" stroke-width="1"/>
 
-  <path d="M 210 130 L 250 130" stroke="#64748b" stroke-width="1" marker-end="url(#arrow)"/>
+  <path d="M 210 120 L 250 120" stroke="#64748b" stroke-width="1" marker-end="url(#arrow)"/>
   <path d="M 210 180 L 250 180" stroke="#64748b" stroke-width="1" marker-end="url(#arrow)"/>
-  <path d="M 210 230 L 250 230" stroke="#64748b" stroke-width="1" marker-end="url(#arrow)"/>
-  <path d="M 210 280 L 250 280" stroke="#64748b" stroke-width="1" marker-end="url(#arrow)"/>
-  <path d="M 210 330 L 250 330" stroke="#64748b" stroke-width="1" marker-end="url(#arrow)"/>
+  <path d="M 210 240 L 250 240" stroke="#64748b" stroke-width="1" marker-end="url(#arrow)"/>
+  <path d="M 210 300 L 250 300" stroke="#64748b" stroke-width="1" marker-end="url(#arrow)"/>
+  <path d="M 210 360 L 250 360" stroke="#64748b" stroke-width="1" marker-end="url(#arrow)"/>
+  <path d="M 210 420 L 250 420" stroke="#64748b" stroke-width="1" marker-end="url(#arrow)"/>
 
   <g transform="translate(250, 0)">
-      <g transform="translate(0, 110)">
+      <g transform="translate(0, 100)">
           <rect width="140" height="40" rx="6" fill="#7c3aed" fill-opacity="0.1" stroke="#7c3aed" stroke-width="1" stroke-opacity="0.5"/>
           <text x="15" y="24" class="txt-ui" font-size="12" font-weight="600" fill="#d8b4fe">🔥 Toxicity Check</text>
       </g>
       <g transform="translate(0, 160)">
           <rect width="140" height="40" rx="6" fill="#06b6d4" fill-opacity="0.1" stroke="#06b6d4" stroke-width="1" stroke-opacity="0.5"/>
           <text x="15" y="24" class="txt-ui" font-size="12" font-weight="600" fill="#67e8f9">🔒 PII Detection</text>
       </g>
-      <g transform="translate(0, 210)">
+      <g transform="translate(0, 220)">
           <rect width="140" height="40" rx="6" fill="#ef4444" fill-opacity="0.1" stroke="#ef4444" stroke-width="1" stroke-opacity="0.5"/>
           <text x="15" y="24" class="txt-ui" font-size="12" font-weight="600" fill="#fca5a5">⚡ Injection Check</text>
       </g>
-      <g transform="translate(0, 260)">
+      <g transform="translate(0, 280)">
           <rect width="140" height="40" rx="6" fill="#eab308" fill-opacity="0.1" stroke="#eab308" stroke-width="1" stroke-opacity="0.5"/>
           <text x="15" y="24" class="txt-ui" font-size="12" font-weight="600" fill="#fde047">📧 Spam Filter</text>
       </g>
-      <g transform="translate(0, 310)">
+      <g transform="translate(0, 340)">
           <rect width="140" height="40" rx="6" fill="#db2777" fill-opacity="0.1" stroke="#db2777" stroke-width="1" stroke-opacity="0.5"/>
-          <text x="15" y="24" class="txt-ui" font-size="12" font-weight="600" fill="#f9a8d4">🔞 NSFW Check</text>
+          <text x="15" y="24" class="txt-ui" font-size="12" font-weight="600" fill="#f9a8d4">🔞 NSFW Text</text>
+      </g>
+       <g transform="translate(0, 400)">
+          <rect width="140" height="40" rx="6" fill="#6366f1" fill-opacity="0.1" stroke="#6366f1" stroke-width="1" stroke-opacity="0.5"/>
+          <text x="15" y="24" class="txt-ui" font-size="12" font-weight="600" fill="#a5b4fc">🖼️ NSFW Image</text>
       </g>
   </g>
 
-  <path d="M 390 130 C 440 130, 440 210, 480 210" stroke="#64748b" stroke-width="1" fill="none" marker-end="url(#arrow)"/>
-  <path d="M 390 180 C 420 180, 420 220, 480 220" stroke="#64748b" stroke-width="1" fill="none" marker-end="url(#arrow)"/>
-  <path d="M 390 230 L 480 230" stroke="#64748b" stroke-width="1" fill="none" marker-end="url(#arrow)"/>
-  <path d="M 390 280 C 420 280, 420 240, 480 240" stroke="#64748b" stroke-width="1" fill="none" marker-end="url(#arrow)"/>
-  <path d="M 390 330 C 440 330, 440 250, 480 250" stroke="#64748b" stroke-width="1" fill="none" marker-end="url(#arrow)"/>
+  <path d="M 390 120 C 440 120, 440 245, 480 245" stroke="#64748b" stroke-width="1" fill="none" marker-end="url(#arrow)"/>
+  <path d="M 390 180 C 420 180, 420 255, 480 255" stroke="#64748b" stroke-width="1" fill="none" marker-end="url(#arrow)"/>
+  <path d="M 390 240 C 410 240, 440 265, 480 265" stroke="#64748b" stroke-width="1" fill="none" marker-end="url(#arrow)"/>
+  <path d="M 390 300 C 410 300, 440 265, 480 265" stroke="#64748b" stroke-width="1" fill="none" marker-end="url(#arrow)"/>
+  <path d="M 390 360 C 420 360, 420 275, 480 275" stroke="#64748b" stroke-width="1" fill="none" marker-end="url(#arrow)"/>
+  <path d="M 390 420 C 440 420, 440 285, 480 285" stroke="#64748b" stroke-width="1" fill="none" marker-end="url(#arrow)"/>
 
-  <g transform="translate(480, 185)">
+  <g transform="translate(480, 220)">
       <rect width="160" height="90" rx="8" fill="#0f172a" stroke="#60a5fa" stroke-width="2"/>
       <text x="80" y="25" text-anchor="middle" class="txt-ui" font-size="11" font-weight="700" fill="#60a5fa">DECISION LOGIC</text>
       
@@ -86,9 +89,9 @@
       <text x="80" y="80" text-anchor="middle" class="txt-ui" font-size="10" font-weight="700" fill="#f87171">⚠ MARK AS UNSAFE</text>
   </g>
 
-  <path d="M 640 230 L 730 230" stroke="#64748b" stroke-width="2" marker-end="url(#arrow)"/>
+  <path d="M 640 265 L 730 265" stroke="#64748b" stroke-width="2" marker-end="url(#arrow)"/>
 
-  <g transform="translate(740, 185)">
+  <g transform="translate(740, 220)">
     <rect width="120" height="80" rx="8" fill="#1e293b" stroke="#475569" stroke-width="1" filter="url(#shadow)"/>
     <text x="60" y="25" text-anchor="middle" class="txt-ui" font-size="12" font-weight="600" fill="#e2e8f0">JSON Response</text>
     <rect x="10" y="35" width="100" height="35" rx="4" fill="#0f172a"/>
