diff --git a/assets/logo/ccg-favicon-128.png b/assets/logo/ccg-favicon-128.png
index cfaaec4..92ff609 100644
Binary files a/assets/logo/ccg-favicon-128.png and b/assets/logo/ccg-favicon-128.png differ
diff --git a/assets/logo/ccg-favicon-256.png b/assets/logo/ccg-favicon-256.png
index 70417f6..5a4f904 100644
Binary files a/assets/logo/ccg-favicon-256.png and b/assets/logo/ccg-favicon-256.png differ
diff --git a/assets/logo/ccg-favicon-48.png b/assets/logo/ccg-favicon-48.png
index df274e6..534add1 100644
Binary files a/assets/logo/ccg-favicon-48.png and b/assets/logo/ccg-favicon-48.png differ
diff --git a/assets/logo/ccg-favicon-64.png b/assets/logo/ccg-favicon-64.png
index 2638f65..c4c0f61 100644
Binary files a/assets/logo/ccg-favicon-64.png and b/assets/logo/ccg-favicon-64.png differ
diff --git a/assets/logo/ccg-favicon-source.png b/assets/logo/ccg-favicon-source.png
index 887f2f4..642602f 100644
Binary files a/assets/logo/ccg-favicon-source.png and b/assets/logo/ccg-favicon-source.png differ
diff --git a/assets/logo/ccg-icon-only.png b/assets/logo/ccg-icon-only.png
index 9005f32..da8ad7d 100644
Binary files a/assets/logo/ccg-icon-only.png and b/assets/logo/ccg-icon-only.png differ
diff --git a/assets/logo/ccg-logo-1024.png b/assets/logo/ccg-logo-1024.png
index 06bc4c1..7753eec 100644
Binary files a/assets/logo/ccg-logo-1024.png and b/assets/logo/ccg-logo-1024.png differ
diff --git a/assets/logo/ccg-logo-128.png b/assets/logo/ccg-logo-128.png
index 8391c49..33261b0 100644
Binary files a/assets/logo/ccg-logo-128.png and b/assets/logo/ccg-logo-128.png differ
diff --git a/assets/logo/ccg-logo-256.png b/assets/logo/ccg-logo-256.png
index d6c6658..99120c1 100644
Binary files a/assets/logo/ccg-logo-256.png and b/assets/logo/ccg-logo-256.png differ
diff --git a/assets/logo/ccg-logo-512.png b/assets/logo/ccg-logo-512.png
index 1131309..5d9de9a 100644
Binary files a/assets/logo/ccg-logo-512.png and b/assets/logo/ccg-logo-512.png differ
diff --git a/assets/logo/ccg-logo-cropped.png b/assets/logo/ccg-logo-cropped.png
index 18d82b2..6c4628f 100644
Binary files a/assets/logo/ccg-logo-cropped.png and b/assets/logo/ccg-logo-cropped.png differ
diff --git a/assets/logo/ccg-logo-transparent.png b/assets/logo/ccg-logo-transparent.png
index aac6823..dd737fc 100644
Binary files a/assets/logo/ccg-logo-transparent.png and b/assets/logo/ccg-logo-transparent.png differ
diff --git a/assets/logo/ccg-npm-badge.png b/assets/logo/ccg-npm-badge.png
index d2a0387..2fe944e 100644
Binary files a/assets/logo/ccg-npm-badge.png and b/assets/logo/ccg-npm-badge.png differ
diff --git a/assets/logo/ccg-social-og.png b/assets/logo/ccg-social-og.png
index 60527ba..3902b51 100644
Binary files a/assets/logo/ccg-social-og.png and b/assets/logo/ccg-social-og.png differ
diff --git a/assets/logo/ccg-social-twitter.png b/assets/logo/ccg-social-twitter.png
index 434ec1a..2c5d4f6 100644
Binary files a/assets/logo/ccg-social-twitter.png and b/assets/logo/ccg-social-twitter.png differ
diff --git a/assets/readme/monitor-analytics.png b/assets/readme/monitor-analytics.png
index d5bce2a..cb2bb41 100644
Binary files a/assets/readme/monitor-analytics.png and b/assets/readme/monitor-analytics.png differ
diff --git a/assets/readme/monitor-board.png b/assets/readme/monitor-board.png
index 2e1c9f3..50e901a 100644
Binary files a/assets/readme/monitor-board.png and b/assets/readme/monitor-board.png differ
diff --git a/assets/readme/monitor-sessions.png b/assets/readme/monitor-sessions.png
index 4915761..c2050bf 100644
Binary files a/assets/readme/monitor-sessions.png and b/assets/readme/monitor-sessions.png differ
diff --git a/assets/readme/monitor-workflows.png b/assets/readme/monitor-workflows.png
index 328e509..456f0fb 100644
Binary files a/assets/readme/monitor-workflows.png and b/assets/readme/monitor-workflows.png differ
diff --git a/assets/sponsors/302.ai-en.jpg b/assets/sponsors/302.ai-en.jpg
index 1ebe380..b35093f 100644
Binary files a/assets/sponsors/302.ai-en.jpg and b/assets/sponsors/302.ai-en.jpg differ
diff --git a/assets/sponsors/302.ai.jpg b/assets/sponsors/302.ai.jpg
index 1532955..61355e4 100644
Binary files a/assets/sponsors/302.ai.jpg and b/assets/sponsors/302.ai.jpg differ
diff --git a/claude-monitor/client/public/favicon.svg b/claude-monitor/client/public/favicon.svg
index 098f240..82a08ec 100644
--- a/claude-monitor/client/public/favicon.svg
+++ b/claude-monitor/client/public/favicon.svg
@@ -1,24 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
-  <defs>
-    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#6366f1"/>
-      <stop offset="100%" stop-color="#818cf8"/>
-    </linearGradient>
-    <linearGradient id="glow" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#a5b4fc" stop-opacity="0.9"/>
-      <stop offset="100%" stop-color="#c7d2fe" stop-opacity="0.6"/>
-    </linearGradient>
-  </defs>
-  <!-- Hexagon background -->
-  <polygon points="16,2 28,9 28,23 16,30 4,23 4,9" fill="url(#bg)" rx="2"/>
-  <!-- Center node -->
-  <circle cx="16" cy="16" r="3" fill="white" opacity="0.95"/>
-  <!-- Three connector lines radiating outward -->
-  <line x1="16" y1="13" x2="16" y2="7"  stroke="white" stroke-width="1.5" stroke-linecap="round" opacity="0.7"/>
-  <line x1="18.6" y1="17.5" x2="24" y2="20.5" stroke="white" stroke-width="1.5" stroke-linecap="round" opacity="0.7"/>
-  <line x1="13.4" y1="17.5" x2="8"  y2="20.5" stroke="white" stroke-width="1.5" stroke-linecap="round" opacity="0.7"/>
-  <!-- Outer nodes -->
-  <circle cx="16" cy="6"   r="1.8" fill="url(#glow)"/>
-  <circle cx="24.5" cy="21" r="1.8" fill="url(#glow)"/>
-  <circle cx="7.5"  cy="21" r="1.8" fill="url(#glow)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="bg" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#6366f1"/><stop offset="100%" stop-color="#818cf8"/></linearGradient><linearGradient id="glow" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#a5b4fc" stop-opacity=".9"/><stop offset="100%" stop-color="#c7d2fe" stop-opacity=".6"/></linearGradient></defs><polygon fill="url(#bg)" points="16 2 28 9 28 23 16 30 4 23 4 9" rx="2"/><circle cx="16" cy="16" r="3" fill="#fff" opacity=".95"/><line x1="16" x2="16" y1="13" y2="7" stroke="#fff" stroke-linecap="round" stroke-width="1.5" opacity=".7"/><line x1="18.6" x2="24" y1="17.5" y2="20.5" stroke="#fff" stroke-linecap="round" stroke-width="1.5" opacity=".7"/><line x1="13.4" x2="8" y1="17.5" y2="20.5" stroke="#fff" stroke-linecap="round" stroke-width="1.5" opacity=".7"/><circle cx="16" cy="6" r="1.8" fill="url(#glow)"/><circle cx="24.5" cy="21" r="1.8" fill="url(#glow)"/><circle cx="7.5" cy="21" r="1.8" fill="url(#glow)"/></svg>
\ No newline at end of file
diff --git a/claude-monitor/client/public/og-image.svg b/claude-monitor/client/public/og-image.svg
index 4cb201d..ecc0ace 100644
--- a/claude-monitor/client/public/og-image.svg
+++ b/claude-monitor/client/public/og-image.svg
@@ -1,99 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" width="1200" height="630">
-  <defs>
-    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%"   stop-color="#0d0d16"/>
-      <stop offset="100%" stop-color="#12121e"/>
-    </linearGradient>
-    <linearGradient id="hexGrad" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%"   stop-color="#6366f1"/>
-      <stop offset="100%" stop-color="#818cf8"/>
-    </linearGradient>
-    <linearGradient id="nodeGrad" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%"   stop-color="#a5b4fc" stop-opacity="0.9"/>
-      <stop offset="100%" stop-color="#c7d2fe" stop-opacity="0.6"/>
-    </linearGradient>
-    <linearGradient id="titleGrad" x1="0%" y1="0%" x2="100%" y2="0%">
-      <stop offset="0%"   stop-color="#e2e2f0"/>
-      <stop offset="55%"  stop-color="#a5b4fc"/>
-      <stop offset="100%" stop-color="#818cf8"/>
-    </linearGradient>
-    <radialGradient id="glow1" cx="50%" cy="50%" r="50%">
-      <stop offset="0%"   stop-color="#6366f1" stop-opacity="0.18"/>
-      <stop offset="100%" stop-color="#6366f1" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="glow2" cx="50%" cy="50%" r="50%">
-      <stop offset="0%"   stop-color="#10b981" stop-opacity="0.10"/>
-      <stop offset="100%" stop-color="#10b981" stop-opacity="0"/>
-    </radialGradient>
-    <filter id="blur1">
-      <feGaussianBlur stdDeviation="40"/>
-    </filter>
-  </defs>
-
-  <rect width="1200" height="630" fill="url(#bgGrad)"/>
-  <ellipse cx="200" cy="200" rx="340" ry="280" fill="url(#glow1)" filter="url(#blur1)"/>
-  <ellipse cx="1050" cy="480" rx="280" ry="220" fill="url(#glow2)" filter="url(#blur1)"/>
-
-  <g opacity="0.07" fill="#6366f1">
-    <circle cx="80"  cy="80"  r="1.5"/><circle cx="160" cy="80"  r="1.5"/><circle cx="240" cy="80"  r="1.5"/><circle cx="320" cy="80"  r="1.5"/>
-    <circle cx="80"  cy="160" r="1.5"/><circle cx="160" cy="160" r="1.5"/><circle cx="240" cy="160" r="1.5"/><circle cx="320" cy="160" r="1.5"/>
-    <circle cx="80"  cy="240" r="1.5"/><circle cx="160" cy="240" r="1.5"/><circle cx="240" cy="240" r="1.5"/><circle cx="320" cy="240" r="1.5"/>
-    <circle cx="900" cy="400" r="1.5"/><circle cx="980" cy="400" r="1.5"/><circle cx="1060" cy="400" r="1.5"/><circle cx="1140" cy="400" r="1.5"/>
-    <circle cx="900" cy="480" r="1.5"/><circle cx="980" cy="480" r="1.5"/><circle cx="1060" cy="480" r="1.5"/><circle cx="1140" cy="480" r="1.5"/>
-    <circle cx="900" cy="560" r="1.5"/><circle cx="980" cy="560" r="1.5"/><circle cx="1060" cy="560" r="1.5"/><circle cx="1140" cy="560" r="1.5"/>
-  </g>
-
-  <polygon points="980,120 1120,200 1120,360 980,440 840,360 840,200"
-           fill="none" stroke="#6366f1" stroke-width="1" opacity="0.12"/>
-  <polygon points="980,150 1095,215 1095,345 980,410 865,345 865,215"
-           fill="none" stroke="#6366f1" stroke-width="0.5" opacity="0.08"/>
-
-  <line x1="60" y1="560" x2="200" y2="460" stroke="#6366f1" stroke-width="1" opacity="0.15"/>
-  <line x1="200" y1="460" x2="380" y2="540" stroke="#6366f1" stroke-width="1" opacity="0.15"/>
-  <circle cx="60"  cy="560" r="3" fill="#6366f1" opacity="0.3"/>
-  <circle cx="200" cy="460" r="3" fill="#6366f1" opacity="0.3"/>
-  <circle cx="380" cy="540" r="3" fill="#6366f1" opacity="0.3"/>
-
-  <g transform="translate(128, 265)">
-    <polygon points="64,0 112,28 112,92 64,120 16,92 16,28" fill="url(#hexGrad)"/>
-    <circle cx="64" cy="60" r="11" fill="white" opacity="0.95"/>
-    <line x1="64" y1="49" x2="64" y2="18"  stroke="white" stroke-width="5" stroke-linecap="round" opacity="0.7"/>
-    <line x1="73.5" y1="65.5" x2="97" y2="79"  stroke="white" stroke-width="5" stroke-linecap="round" opacity="0.7"/>
-    <line x1="54.5" y1="65.5" x2="31" y2="79"  stroke="white" stroke-width="5" stroke-linecap="round" opacity="0.7"/>
-    <circle cx="64"  cy="14" r="7" fill="url(#nodeGrad)"/>
-    <circle cx="100" cy="80" r="7" fill="url(#nodeGrad)"/>
-    <circle cx="28"  cy="80" r="7" fill="url(#nodeGrad)"/>
-  </g>
-
-  <text x="290" y="298"
-        font-family="'Inter', 'Helvetica Neue', Arial, sans-serif"
-        font-size="72" font-weight="800" letter-spacing="-2"
-        fill="url(#titleGrad)">Agent Dashboard</text>
-
-  <text x="292" y="355"
-        font-family="'Inter', 'Helvetica Neue', Arial, sans-serif"
-        font-size="26" font-weight="400"
-        fill="#8888aa">Real-time monitoring platform for Claude Code agent activity</text>
-
-  <line x1="290" y1="385" x2="840" y2="385" stroke="#252538" stroke-width="1"/>
-
-  <g transform="translate(290, 408)" font-family="'Inter', 'Helvetica Neue', Arial, sans-serif" font-size="15" font-weight="600">
-    <rect x="0" y="0" width="88" height="28" rx="6" fill="#33993320" stroke="#33993340"/>
-    <text x="44" y="19" text-anchor="middle" fill="#6dbf6d">Node.js 18+</text>
-    <rect x="100" y="0" width="82" height="28" rx="6" fill="#61dafb18" stroke="#61dafb30"/>
-    <text x="141" y="19" text-anchor="middle" fill="#61dafb">React 18</text>
-    <rect x="194" y="0" width="100" height="28" rx="6" fill="#3178c618" stroke="#3178c630"/>
-    <text x="244" y="19" text-anchor="middle" fill="#5a9fd4">TypeScript</text>
-    <rect x="306" y="0" width="72" height="28" rx="6" fill="#003b5718" stroke="#005f8a30"/>
-    <text x="342" y="19" text-anchor="middle" fill="#5bb8e0">SQLite</text>
-    <rect x="390" y="0" width="100" height="28" rx="6" fill="#10b98118" stroke="#10b98130"/>
-    <text x="440" y="19" text-anchor="middle" fill="#34d399">WebSocket</text>
-    <rect x="502" y="0" width="62" height="28" rx="6" fill="#f59e0b18" stroke="#f59e0b30"/>
-    <text x="533" y="19" text-anchor="middle" fill="#fbbf24">MIT</text>
-  </g>
-
-  <text x="290" y="580"
-        font-family="'Inter', 'Helvetica Neue', Arial, sans-serif"
-        font-size="18" font-weight="500"
-        fill="#55556a">github.com/hoangsonww · sonnguyenhoang.com</text>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630"><defs><linearGradient id="bgGrad" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#0d0d16"/><stop offset="100%" stop-color="#12121e"/></linearGradient><linearGradient id="hexGrad" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#6366f1"/><stop offset="100%" stop-color="#818cf8"/></linearGradient><linearGradient id="nodeGrad" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#a5b4fc" stop-opacity=".9"/><stop offset="100%" stop-color="#c7d2fe" stop-opacity=".6"/></linearGradient><linearGradient id="titleGrad" x1="0%" x2="100%" y1="0%" y2="0%"><stop offset="0%" stop-color="#e2e2f0"/><stop offset="55%" stop-color="#a5b4fc"/><stop offset="100%" stop-color="#818cf8"/></linearGradient><radialGradient id="glow1" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="#6366f1" stop-opacity=".18"/><stop offset="100%" stop-color="#6366f1" stop-opacity="0"/></radialGradient><radialGradient id="glow2" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="#10b981" stop-opacity=".1"/><stop offset="100%" stop-color="#10b981" stop-opacity="0"/></radialGradient><filter id="blur1"><feGaussianBlur stdDeviation="40"/></filter></defs><rect width="1200" height="630" fill="url(#bgGrad)"/><ellipse cx="200" cy="200" fill="url(#glow1)" filter="url(#blur1)" rx="340" ry="280"/><ellipse cx="1050" cy="480" fill="url(#glow2)" filter="url(#blur1)" rx="280" ry="220"/><g fill="#6366f1" opacity=".07"><circle cx="80" cy="80" r="1.5"/><circle cx="160" cy="80" r="1.5"/><circle cx="240" cy="80" r="1.5"/><circle cx="320" cy="80" r="1.5"/><circle cx="80" cy="160" r="1.5"/><circle cx="160" cy="160" r="1.5"/><circle cx="240" cy="160" r="1.5"/><circle cx="320" cy="160" r="1.5"/><circle cx="80" cy="240" r="1.5"/><circle cx="160" cy="240" r="1.5"/><circle cx="240" cy="240" r="1.5"/><circle cx="320" cy="240" r="1.5"/><circle cx="900" cy="400" r="1.5"/><circle cx="980" cy="400" r="1.5"/><circle cx="1060" cy="400" r="1.5"/><circle cx="1140" cy="400" r="1.5"/><circle cx="900" cy="480" r="1.5"/><circle cx="980" cy="480" r="1.5"/><circle cx="1060" cy="480" r="1.5"/><circle cx="1140" cy="480" r="1.5"/><circle cx="900" cy="560" r="1.5"/><circle cx="980" cy="560" r="1.5"/><circle cx="1060" cy="560" r="1.5"/><circle cx="1140" cy="560" r="1.5"/></g><polygon fill="none" stroke="#6366f1" stroke-width="1" points="980 120 1120 200 1120 360 980 440 840 360 840 200" opacity=".12"/><polygon fill="none" stroke="#6366f1" stroke-width=".5" points="980 150 1095 215 1095 345 980 410 865 345 865 215" opacity=".08"/><line x1="60" x2="200" y1="560" y2="460" stroke="#6366f1" stroke-width="1" opacity=".15"/><line x1="200" x2="380" y1="460" y2="540" stroke="#6366f1" stroke-width="1" opacity=".15"/><circle cx="60" cy="560" r="3" fill="#6366f1" opacity=".3"/><circle cx="200" cy="460" r="3" fill="#6366f1" opacity=".3"/><circle cx="380" cy="540" r="3" fill="#6366f1" opacity=".3"/><g transform="translate(128, 265)"><polygon fill="url(#hexGrad)" points="64 0 112 28 112 92 64 120 16 92 16 28"/><circle cx="64" cy="60" r="11" fill="#fff" opacity=".95"/><line x1="64" x2="64" y1="49" y2="18" stroke="#fff" stroke-linecap="round" stroke-width="5" opacity=".7"/><line x1="73.5" x2="97" y1="65.5" y2="79" stroke="#fff" stroke-linecap="round" stroke-width="5" opacity=".7"/><line x1="54.5" x2="31" y1="65.5" y2="79" stroke="#fff" stroke-linecap="round" stroke-width="5" opacity=".7"/><circle cx="64" cy="14" r="7" fill="url(#nodeGrad)"/><circle cx="100" cy="80" r="7" fill="url(#nodeGrad)"/><circle cx="28" cy="80" r="7" fill="url(#nodeGrad)"/></g><text x="290" y="298" fill="url(#titleGrad)" font-family="'Inter', 'Helvetica Neue', Arial, sans-serif" font-size="72" font-weight="800" letter-spacing="-2">Agent Dashboard</text><text x="292" y="355" fill="#88a" font-family="'Inter', 'Helvetica Neue', Arial, sans-serif" font-size="26" font-weight="400">Real-time monitoring platform for Claude Code agent activity</text><line x1="290" x2="840" y1="385" y2="385" stroke="#252538" stroke-width="1"/><g font-family="'Inter', 'Helvetica Neue', Arial, sans-serif" font-size="15" font-weight="600" transform="translate(290, 408)"><rect width="88" height="28" x="0" y="0" fill="#33993320" stroke="#33993340" rx="6"/><text x="44" y="19" fill="#6dbf6d" text-anchor="middle">Node.js 18+</text><rect width="82" height="28" x="100" y="0" fill="#61dafb18" stroke="#61dafb30" rx="6"/><text x="141" y="19" fill="#61dafb" text-anchor="middle">React 18</text><rect width="100" height="28" x="194" y="0" fill="#3178c618" stroke="#3178c630" rx="6"/><text x="244" y="19" fill="#5a9fd4" text-anchor="middle">TypeScript</text><rect width="72" height="28" x="306" y="0" fill="#003b5718" stroke="#005f8a30" rx="6"/><text x="342" y="19" fill="#5bb8e0" text-anchor="middle">SQLite</text><rect width="100" height="28" x="390" y="0" fill="#10b98118" stroke="#10b98130" rx="6"/><text x="440" y="19" fill="#34d399" text-anchor="middle">WebSocket</text><rect width="62" height="28" x="502" y="0" fill="#f59e0b18" stroke="#f59e0b30" rx="6"/><text x="533" y="19" fill="#fbbf24" text-anchor="middle">MIT</text></g><text x="290" y="580" fill="#55556a" font-family="'Inter', 'Helvetica Neue', Arial, sans-serif" font-size="18" font-weight="500">github.com/hoangsonww · sonnguyenhoang.com</text></svg>
\ No newline at end of file