diff --git a/TallyFlow/TallyFlow-Architecture-Diagram.html b/TallyFlow/TallyFlow-Architecture-Diagram.html index 15d7e6b..f68b82c 100644 --- a/TallyFlow/TallyFlow-Architecture-Diagram.html +++ b/TallyFlow/TallyFlow-Architecture-Diagram.html @@ -15,21 +15,21 @@ color: white; } .container { max-width: 1200px; margin: 0 auto; } - .header { margin-bottom: 2rem; } - .header-row { display: flex; align-items: center; gap: 1rem; margin-bottom: 0.5rem; } + .header { margin-bottom: 2rem; text-align: center; } + .header-row { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 0.5rem; } .pulse-dot { width: 12px; height: 12px; background: #22d3ee; border-radius: 50%; animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } h1 { font-size: 1.5rem; font-weight: 700; letter-spacing: -0.025em; } - .subtitle { color: #94a3b8; font-size: 0.875rem; margin-left: 1.75rem; } + .subtitle { color: #94a3b8; font-size: 0.875rem; } .diagram-container { background: rgba(15, 23, 42, 0.5); border-radius: 1rem; border: 1px solid #1e293b; padding: 1.5rem; overflow-x: auto; } - svg { width: 100%; min-width: 980px; display: block; } + svg { width: 100%; min-width: 1000px; display: block; } .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; margin-top: 2rem; @@ -59,11 +59,11 @@

TallyFlow Architecture

-

5 Core Components • Source-verified from ~/src

+

Manufacturing Asset Tracking & RFID Workflow Platform

- + @@ -80,34 +80,34 @@ - - TallyFlow Core (Central Hub) + + TallyFlow Core (Central Hub) - - Core Web UI - Vue.js 2 - Uses Core API + + Core Web UI + Vue.js 2 + Uses Core API - - Core Backend - Go (REST API) - REST + WebSocket + + Core Backend + Go (REST API) + REST + WebSocket - - MongoDB - Assets • Tags • Photos • Zones - (owned by Core Backend) + + MongoDB + Assets • Tags • Photos • Zones + (owned by Core Backend) - - Auth Service - Login + SSO support + + Auth Service + Login + SSO support - Core API Layer — single integration point for all components + Core API Layer — single integration point for all components @@ -157,10 +157,10 @@ Events (optional) - + - + Legend @@ -250,7 +250,7 @@
diff --git a/TallyFlow/TallyFlow-Architecture.md b/TallyFlow/TallyFlow-Architecture.md index 749e030..3e005a7 100644 --- a/TallyFlow/TallyFlow-Architecture.md +++ b/TallyFlow/TallyFlow-Architecture.md @@ -46,4 +46,4 @@ TallyFlow is built around exactly **five primary components**, with **Core** as - **Print** additionally supports asset registration back into Core - Core Web UI communicates with Core Backend via the same API used by other components -This structure was verified by reviewing the actual source repositories in `~/src/`. All external modules interact exclusively through Core’s REST API layer. \ No newline at end of file +All external modules interact exclusively through Core’s REST API layer. \ No newline at end of file