feat: add new flamey logo and favicon

- Created `assets/logo.svg` with a new gradient flame design.
- Created `assets/favicon.svg` based on the logo.
- Updated `build.mjs` to copy `assets/` to `dist/` and adjust paths in `landing/index.html`.
- Updated `landing/index.html` to use the new logo and favicon.
- Updated `dashboard/index.html` to include the new logo and favicon.

Co-authored-by: PR0M3TH3AN <[email protected]>

assets/favicon.svg

@@ -0,0 +1,33 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="handleGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#4A5568"/>
+      <stop offset="100%" stop-color="#2D3748"/>
+    </linearGradient>
+    <linearGradient id="flameGrad" x1="32" y1="4" x2="32" y2="44" gradientUnits="userSpaceOnUse">
+      <stop offset="0%" stop-color="#FFD700"/>
+      <stop offset="40%" stop-color="#FF8C00"/>
+      <stop offset="100%" stop-color="#FF4500"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Handle -->
+  <path d="M26 42 L29 60 L35 60 L38 42 Z" fill="url(#handleGrad)"/>
+  <rect x="24" y="40" width="16" height="4" rx="1" fill="#718096"/>
+
+  <!-- Flame Body -->
+  <path d="M32 2
+           C32 2 16 18 16 30
+           C16 38 22 42 32 42
+           C42 42 48 38 48 30
+           C48 18 32 2 32 2Z"
+        fill="url(#flameGrad)"/>
+
+  <!-- Inner Flame Highlight -->
+  <path d="M32 10
+           C32 10 22 22 22 30
+           C22 36 26 38 32 38
+           C38 38 42 36 42 30
+           C42 22 32 10 32 10Z"
+        fill="#FFF700" opacity="0.4"/>
+</svg>

assets/logo.svg

@@ -0,0 +1,33 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="handleGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#4A5568"/>
+      <stop offset="100%" stop-color="#2D3748"/>
+    </linearGradient>
+    <linearGradient id="flameGrad" x1="32" y1="4" x2="32" y2="44" gradientUnits="userSpaceOnUse">
+      <stop offset="0%" stop-color="#FFD700"/>
+      <stop offset="40%" stop-color="#FF8C00"/>
+      <stop offset="100%" stop-color="#FF4500"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Handle -->
+  <path d="M26 42 L29 60 L35 60 L38 42 Z" fill="url(#handleGrad)"/>
+  <rect x="24" y="40" width="16" height="4" rx="1" fill="#718096"/>
+
+  <!-- Flame Body -->
+  <path d="M32 2
+           C32 2 16 18 16 30
+           C16 38 22 42 32 42
+           C42 42 48 38 48 30
+           C48 18 32 2 32 2Z"
+        fill="url(#flameGrad)"/>
+
+  <!-- Inner Flame Highlight -->
+  <path d="M32 10
+           C32 10 22 22 22 30
+           C22 36 26 38 32 38
+           C38 38 42 36 42 30
+           C42 22 32 10 32 10Z"
+        fill="#FFF700" opacity="0.4"/>
+</svg>

build.mjs

@@ -11,6 +11,7 @@ const DASHBOARD_SRC = path.join(__dirname, 'dashboard');
 const DOCS_SRC = path.join(__dirname, 'src', 'docs');
 const PROMPTS_SRC = path.join(__dirname, 'src', 'prompts', 'META_PROMPTS.md');
 const CONFIG_SRC = path.join(__dirname, 'torch-config.json');
+const ASSETS_SRC = path.join(__dirname, 'assets');
 
 // Ensure clean slate
 if (fs.existsSync(DIST_DIR)) {
@@ -27,6 +28,7 @@ let distHtml = landingHtml;
 distHtml = distHtml.replace(/"\.\.\/dashboard\/styles\.css"/g, '"dashboard/styles.css"');
 distHtml = distHtml.replace(/"\.\.\/dashboard\/"/g, '"dashboard/"'); // Link to dashboard
 distHtml = distHtml.replace(/'\.\.\/src\/docs\/TORCH\.md'/g, "'src/docs/TORCH.md'");
+distHtml = distHtml.replace(/"\.\.\/assets\//g, '"assets/');
 
 fs.writeFileSync(path.join(DIST_DIR, 'index.html'), distHtml);
 
@@ -52,4 +54,11 @@ if (fs.existsSync(CONFIG_SRC)) {
   fs.copyFileSync(CONFIG_SRC, path.join(DIST_DIR, 'torch-config.json'));
 }
 
+// 6. Copy assets/ -> dist/assets/
+const distAssets = path.join(DIST_DIR, 'assets');
+if (fs.existsSync(ASSETS_SRC)) {
+  fs.mkdirSync(distAssets, { recursive: true });
+  fs.cpSync(ASSETS_SRC, distAssets, { recursive: true });
+}
+
 console.log('Build complete! Output directory: dist/');

dashboard/index.html

@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>TORCH Agent Dashboard</title>
+    <link rel="icon" type="image/svg+xml" href="../assets/favicon.svg">
     <link rel="stylesheet" href="./styles.css" />
   </head>
   <body>
@@ -13,6 +14,7 @@
         <!-- Header -->
         <header class="mb-8">
           <div class="flex items-center gap-3 mb-2">
+            <img src="../assets/logo.svg" alt="TORCH Logo" width="32" height="32">
             <h1 class="text-2xl font-semibold text-text-strong">
               TORCH Agent Dashboard
             </h1>

landing/index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>TORCH: AI Workforce Orchestration</title>
+    <link rel="icon" type="image/svg+xml" href="../assets/favicon.svg">
     <link rel="stylesheet" href="../dashboard/styles.css">
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
     <style>
@@ -347,13 +348,7 @@
 
     <header>
         <div class="logo-container">
-            <!-- Modern Torch SVG Logo -->
-            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M16 2L19 10L24 12L18 16L20 22L16 18L12 22L14 16L8 12L13 10L16 2Z" fill="#F5B84B"/>
-                <path d="M16 18V30" stroke="#4F8CFF" stroke-width="3" stroke-linecap="round"/>
-                <path d="M12 24H20" stroke="#4F8CFF" stroke-width="3" stroke-linecap="round"/>
-                <circle cx="16" cy="10" r="6" stroke="#F5B84B" stroke-width="2" stroke-opacity="0.5"/>
-            </svg>
+            <img src="../assets/logo.svg" alt="TORCH Logo" width="32" height="32">
             TORCH
         </div>
         <nav>