feat: overhaul Social Autopilot dashboard + per-channel posting

- Migrate quota from 20 total to 10 per channel (IG, Threads, X, LinkedIn, FB, Pinterest)
- Add postToChannel() for per-channel posting with correct content mapping
- Fix PostProxy bug: was sending LinkedIn content to X, now uses x_id/x_en
- Fix approve route: per-platform text revision instead of overwriting all fields
- Add new API endpoints: account-stats, quota, analytics/recent/:count, pipeline/post, pipeline/sentiment, download/zip
- Add quickPostPreFlight() to sentiment_agent for MiroFish pre-flight testing
- Complete dashboard redesign: pipeline wizard, variant cards with platform tabs,
per-channel toggles, sentiment badges, zip download, post tracking table,
per-channel quota bars, performance analytics panel
- Install archiver for zip downloads

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

package-lock.json

@@ -12,6 +12,7 @@
         "@huggingface/hub": "^2.11.0",
         "@huggingface/inference": "^4.13.15",
         "@zernio/node": "^0.2.4",
+        "archiver": "^7.0.1",
         "axios": "^1.6.2",
         "cors": "^2.8.5",
         "dotenv": "^16.3.1",
@@ -560,6 +561,73 @@
         "url": "https://opencollective.com/libvips"
       }
     },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "license": "MIT"
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/@noble/ciphers": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@noble/ciphers/-/ciphers-1.3.0.tgz",
@@ -584,6 +652,16 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@swc/helpers": {
       "version": "0.5.19",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.19.tgz",
@@ -602,6 +680,18 @@
         "node": ">=18"
       }
     },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "license": "MIT",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
     "node_modules/accepts": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -629,17 +719,70 @@
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">=8"
       }
     },
+    "node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/archiver": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/archiver/-/archiver-7.0.1.tgz",
+      "integrity": "sha512-ZcbTaIqJOfCc03QwD468Unz/5Ir8ATtvAHsK+FdXbDIbGfihqh9mrvdcYunQzqn4HrvWWaFyaxJhGZagaJJpPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "archiver-utils": "^5.0.2",
+        "async": "^3.2.4",
+        "buffer-crc32": "^1.0.0",
+        "readable-stream": "^4.0.0",
+        "readdir-glob": "^1.1.2",
+        "tar-stream": "^3.0.0",
+        "zip-stream": "^6.0.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/archiver-utils": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/archiver-utils/-/archiver-utils-5.0.2.tgz",
+      "integrity": "sha512-wuLJMmIBQYCsGZgYLTy5FIB2pF6Lfb6cXMSF8Qywwk3t20zWnAi7zLcQFdKQmIB8wyZpY5ER38x08GbwtR2cLA==",
+      "license": "MIT",
+      "dependencies": {
+        "glob": "^10.0.0",
+        "graceful-fs": "^4.2.0",
+        "is-stream": "^2.0.1",
+        "lazystream": "^1.0.0",
+        "lodash": "^4.17.15",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/array-flatten": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
       "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
       "license": "MIT"
     },
+    "node_modules/async": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
+      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==",
+      "license": "MIT"
+    },
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -657,6 +800,113 @@
         "proxy-from-env": "^1.1.0"
       }
     },
+    "node_modules/b4a": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.8.0.tgz",
+      "integrity": "sha512-qRuSmNSkGQaHwNbM7J78Wwy+ghLEYF1zNrSeMxj4Kgw6y33O3mXcQ6Ie9fRvfU/YnxWkOchPXbaLb73TkIsfdg==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "react-native-b4a": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-native-b4a": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "license": "MIT"
+    },
+    "node_modules/bare-events": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.8.2.tgz",
+      "integrity": "sha512-riJjyv1/mHLIPX4RwiK+oW9/4c3TEUeORHKefKAKnZ5kyslbN+HXowtbaVEqt4IMUB7OXlfixcs6gsFeo/jhiQ==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "bare-abort-controller": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-abort-controller": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-fs": {
+      "version": "4.5.6",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.5.6.tgz",
+      "integrity": "sha512-1QovqDrR80Pmt5HPAsMsXTCFcDYr+NSUKW6nd6WO5v0JBmnItc/irNRzm2KOQ5oZ69P37y+AMujNyNtG+1Rggw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-events": "^2.5.4",
+        "bare-path": "^3.0.0",
+        "bare-stream": "^2.6.4",
+        "bare-url": "^2.2.2",
+        "fast-fifo": "^1.3.2"
+      },
+      "engines": {
+        "bare": ">=1.16.0"
+      },
+      "peerDependencies": {
+        "bare-buffer": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-buffer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-os": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.8.0.tgz",
+      "integrity": "sha512-Dc9/SlwfxkXIGYhvMQNUtKaXCaGkZYGcd1vuNUUADVqzu4/vQfvnMkYYOUnt2VwQ2AqKr/8qAVFRtwETljgeFg==",
+      "license": "Apache-2.0",
+      "engines": {
+        "bare": ">=1.14.0"
+      }
+    },
+    "node_modules/bare-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-3.0.0.tgz",
+      "integrity": "sha512-tyfW2cQcB5NN8Saijrhqn0Zh7AnFNsnczRcuWODH0eYAXBsJ5gVxAUuNr7tsHSC6IZ77cA0SitzT+s47kot8Mw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-os": "^3.0.1"
+      }
+    },
+    "node_modules/bare-stream": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.10.0.tgz",
+      "integrity": "sha512-DOPZF/DDcDruKDA43cOw6e9Quq5daua7ygcAwJE/pKJsRWhgSSemi7qVNGE5kyDIxIeN1533G/zfbvWX7Wcb9w==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "streamx": "^2.25.0",
+        "teex": "^1.0.1"
+      },
+      "peerDependencies": {
+        "bare-buffer": "*",
+        "bare-events": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-buffer": {
+          "optional": true
+        },
+        "bare-events": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-url": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/bare-url/-/bare-url-2.4.0.tgz",
+      "integrity": "sha512-NSTU5WN+fy/L0DDenfE8SXQna4voXuW0FHM7wH8i3/q9khUSchfPbPezO4zSFMnDGIf9YE+mt/RWhZgNRKRIXA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-path": "^3.0.0"
+      }
+    },
     "node_modules/base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -710,6 +960,15 @@
         "npm": "1.2.8000 || >= 1.4.16"
       }
     },
+    "node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
     "node_modules/brotli": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/brotli/-/brotli-1.3.3.tgz",
@@ -719,6 +978,39 @@
         "base64-js": "^1.1.2"
       }
     },
+    "node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/buffer-crc32": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-1.0.0.tgz",
+      "integrity": "sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
     "node_modules/buffer-equal-constant-time": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
@@ -800,6 +1092,24 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -812,6 +1122,22 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/compress-commons": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/compress-commons/-/compress-commons-6.0.2.tgz",
+      "integrity": "sha512-6FqVXeETqWPoGcfzrXb37E50NP0LXT8kAMu5ooZayhWWdgEY4lBEEcbQNXtkuKQsGduxiIcI4gOTsxTmuq/bSg==",
+      "license": "MIT",
+      "dependencies": {
+        "crc-32": "^1.2.0",
+        "crc32-stream": "^6.0.0",
+        "is-stream": "^2.0.1",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/content-disposition": {
       "version": "0.5.4",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
@@ -848,6 +1174,12 @@
       "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
       "license": "MIT"
     },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT"
+    },
     "node_modules/cors": {
       "version": "2.8.6",
       "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.6.tgz",
@@ -865,6 +1197,45 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "license": "Apache-2.0",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/crc32-stream": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/crc32-stream/-/crc32-stream-6.0.0.tgz",
+      "integrity": "sha512-piICUB6ei4IlTv1+653yq5+KoqfBYmj9bw6LqXoOneTMDXk5nM1qt12mFW1caG3LlJXEKW1Bp0WggEmIfQB34g==",
+      "license": "MIT",
+      "dependencies": {
+        "crc-32": "^1.2.0",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/debug": {
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -983,6 +1354,12 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "license": "MIT"
+    },
     "node_modules/ecdsa-sig-formatter": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
@@ -1002,8 +1379,7 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/encodeurl": {
       "version": "2.0.0",
@@ -1074,6 +1450,33 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/events-universal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/events-universal/-/events-universal-1.0.1.tgz",
+      "integrity": "sha512-LUd5euvbMLpwOF8m6ivPCbhQeSiYVNb8Vs0fQ8QjXo0JTkEHpz8pxdQf0gStltaPpw0Cca8b39KxvK9cfKRiAw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-events": "^2.7.0"
+      }
+    },
     "node_modules/express": {
       "version": "4.22.1",
       "resolved": "https://registry.npmjs.org/express/-/express-4.22.1.tgz",
@@ -1132,6 +1535,12 @@
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
       "license": "MIT"
     },
+    "node_modules/fast-fifo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
+      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==",
+      "license": "MIT"
+    },
     "node_modules/finalhandler": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
@@ -1187,6 +1596,22 @@
         "unicode-trie": "^2.0.0"
       }
     },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/form-data": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
@@ -1310,6 +1735,27 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/glob": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/google-auth-library": {
       "version": "9.15.1",
       "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-9.15.1.tgz",
@@ -1391,6 +1837,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
     "node_modules/gtoken": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-7.1.0.tgz",
@@ -1511,6 +1963,26 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
@@ -1546,7 +2018,6 @@
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -1596,6 +2067,33 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
+    },
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
     "node_modules/js-md5": {
       "version": "0.8.3",
       "resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.8.3.tgz",
@@ -1632,6 +2130,48 @@
         "safe-buffer": "^5.0.1"
       }
     },
+    "node_modules/lazystream": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz",
+      "integrity": "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==",
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.6.3"
+      }
+    },
+    "node_modules/lazystream/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/lazystream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/lazystream/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
     "node_modules/linebreak": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/linebreak/-/linebreak-1.1.0.tgz",
@@ -1651,6 +2191,18 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/lodash": {
+      "version": "4.17.23",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
+      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
+      "license": "MIT"
+    },
+    "node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "license": "ISC"
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -1720,6 +2272,30 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
+      "integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
     "node_modules/ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
@@ -1767,6 +2343,15 @@
         }
       }
     },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -1818,6 +2403,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "license": "BlueOak-1.0.0"
+    },
     "node_modules/pako": {
       "version": "0.2.9",
       "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
@@ -1833,6 +2424,31 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/path-to-regexp": {
       "version": "0.1.12",
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
@@ -1858,6 +2474,21 @@
       "resolved": "https://registry.npmjs.org/png-js/-/png-js-1.0.0.tgz",
       "integrity": "sha512-k+YsbhpA9e+EFfKjTCH3VW6aoKlyNYI6NYdTfDL4CIvFnvsuO84ttonmZE7rc+v23SLTH8XX+5w/Ak9v0xGY4g=="
     },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -1916,6 +2547,43 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/readdir-glob": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/readdir-glob/-/readdir-glob-1.1.3.tgz",
+      "integrity": "sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "minimatch": "^5.1.0"
+      }
+    },
+    "node_modules/readdir-glob/node_modules/minimatch": {
+      "version": "5.1.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.9.tgz",
+      "integrity": "sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/restructure": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/restructure/-/restructure-3.0.2.tgz",
@@ -2067,6 +2735,27 @@
         "@img/sharp-win32-x64": "0.34.5"
       }
     },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/side-channel": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
@@ -2139,6 +2828,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/statuses": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
@@ -2148,12 +2849,46 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/streamx": {
+      "version": "2.25.0",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.25.0.tgz",
+      "integrity": "sha512-0nQuG6jf1w+wddNEEXCF4nTg3LtufWINB5eFEN+5TNZW7KWJp6x87+JFL43vaAUPyCfH1wID+mNVyW6OHtFamg==",
+      "license": "MIT",
+      "dependencies": {
+        "events-universal": "^1.0.0",
+        "fast-fifo": "^1.3.2",
+        "text-decoder": "^1.1.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
     "node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
       "license": "MIT",
-      "optional": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -2168,7 +2903,6 @@
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -2176,6 +2910,49 @@
         "node": ">=8"
       }
     },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tar-stream": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.8.tgz",
+      "integrity": "sha512-U6QpVRyCGHva435KoNWy9PRoi2IFYCgtEhq9nmrPPpbRacPs9IH4aJ3gbrFC8dPcXvdSZ4XXfXT5Fshbp2MtlQ==",
+      "license": "MIT",
+      "dependencies": {
+        "b4a": "^1.6.4",
+        "bare-fs": "^4.5.5",
+        "fast-fifo": "^1.2.0",
+        "streamx": "^2.15.0"
+      }
+    },
+    "node_modules/teex": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/teex/-/teex-1.0.1.tgz",
+      "integrity": "sha512-eYE6iEI62Ni1H8oIa7KlDU6uQBtqr4Eajni3wX7rpfXD8ysFx8z0+dri+KWEPWpBsxXfxu58x/0jvTVT1ekOSg==",
+      "license": "MIT",
+      "dependencies": {
+        "streamx": "^2.12.5"
+      }
+    },
+    "node_modules/text-decoder": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.7.tgz",
+      "integrity": "sha512-vlLytXkeP4xvEq2otHeJfSQIRyWxo/oZGEbXrtEEF9Hnmrdly59sUbzZ/QgyWuLYHctCHxFF4tRQZNQ9k60ExQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "b4a": "^1.6.4"
+      }
+    },
     "node_modules/tiny-inflate": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz",
@@ -2251,6 +3028,12 @@
       "integrity": "sha512-XdVKMF4SJ0nP/O7XIPB0JwAEuT9lDIYnNsK8yGVe43y0AWoKeJNdv3ZNWh7ksJ6KqQFjOO6ox/VEitLnaVNufw==",
       "license": "BSD"
     },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
     "node_modules/utils-merge": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
@@ -2294,6 +3077,121 @@
         "webidl-conversions": "^3.0.0"
       }
     },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "license": "MIT"
+    },
+    "node_modules/wrap-ansi/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/wsl-utils": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/wsl-utils/-/wsl-utils-0.1.0.tgz",
@@ -2308,6 +3206,20 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/zip-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-6.0.1.tgz",
+      "integrity": "sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==",
+      "license": "MIT",
+      "dependencies": {
+        "archiver-utils": "^5.0.0",
+        "compress-commons": "^6.0.2",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
     }
   }
 }

package.json

@@ -11,6 +11,7 @@
     "@huggingface/hub": "^2.11.0",
     "@huggingface/inference": "^4.13.15",
     "@zernio/node": "^0.2.4",
+    "archiver": "^7.0.1",
     "axios": "^1.6.2",
     "cors": "^2.8.5",
     "dotenv": "^16.3.1",

public/social-dashboard.html

@@ -2,498 +2,641 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>VinOS — Social Media Autopilot</title>
+    <title>VinOS — Social Autopilot</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="style.css">
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <style>
-        .dashboard-grid {
-            display: grid;
-            grid-template-columns: 2fr 1fr;
-            gap: 24px;
-            padding: 24px;
-            max-width: 1400px;
-            margin: auto;
-        }
-        .social-card {
-            margin-bottom: 24px;
-        }
-        .platform-badge {
-            padding: 4px 12px;
-            border-radius: 20px;
-            font-size: 0.8rem;
-            font-weight: bold;
-            text-transform: uppercase;
-        }
-        .badge-ig { background: #E1306C; color: white; }
-        .badge-threads { background: #000; color: white; border: 1px solid #333; }
-        
-        .toggle-container {
-            display: flex;
-            align-items: center;
-            gap: 12px;
-        }
-        .switch {
-            position: relative;
-            display: inline-block;
-            width: 50px;
-            height: 24px;
-        }
-        .switch input { opacity: 0; width: 0; height: 0; }
-        .slider {
-            position: absolute;
-            cursor: pointer;
-            top: 0; left: 0; right: 0; bottom: 0;
-            background-color: #333;
-            transition: .4s;
-            border-radius: 34px;
-        }
-        .slider:before {
-            position: absolute;
-            content: "";
-            height: 16px; width: 16px;
-            left: 4px; bottom: 4px;
-            background-color: white;
-            transition: .4s;
-            border-radius: 50%;
-        }
-        input:checked + .slider { background-color: var(--accent-purple); }
-        input:checked + .slider:before { transform: translateX(26px); }
+        :root { --sa-green: #10b981; --sa-red: #ef4444; --sa-yellow: #f59e0b; --sa-blue: #3b82f6; }
 
-        .research-input {
-            display: flex;
-            gap: 12px;
-            margin-top: 12px;
-        }
-        .research-input input {
-            flex: 1;
-            background: rgba(255,255,255,0.05);
-            border: 1px solid var(--glass-border);
-            border-radius: 12px;
-            padding: 12px;
-            color: white;
-        }
+        .sa-layout { display: grid; grid-template-columns: 1fr 340px; gap: 20px; padding: 20px; max-width: 1500px; margin: auto; }
+        @media (max-width: 1100px) { .sa-layout { grid-template-columns: 1fr; } }
 
-        .post-draft-grid {
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            gap: 20px;
-        }
-        .variant-box {
-            background: rgba(255,255,255,0.02);
-            border: 1px dashed rgba(255,255,255,0.1);
-            border-radius: 12px;
-            padding: 15px;
-            font-size: 0.9rem;
-            margin-top: 10px;
-        }
-        .image-preview {
-            width: 100%;
-            height: 200px;
-            background-size: cover;
-            background-position: center;
-            border-radius: 12px;
-            margin-top: 10px;
-            background-color: #1a1b23;
-            border: 1px solid rgba(255,255,255,0.1);
-        }
+        /* Header */
+        .sa-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 20px 0; max-width: 1500px; margin: auto; flex-wrap: wrap; gap: 15px; }
+        .sa-header h1 { margin: 0; font-size: 2.2rem; }
+        .sa-header h1 span { font-weight: 300; opacity: 0.6; }
+        .sa-accounts { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; padding: 0 20px; max-width: 1500px; margin-left: auto; margin-right: auto; }
+        .acct-pill { display: flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); padding: 6px 14px; border-radius: 20px; font-size: 0.82rem; }
+        .acct-dot { width: 8px; height: 8px; border-radius: 50%; }
 
-        .status-pill {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            background: rgba(255,255,255,0.05);
-            padding: 8px 16px;
-            border-radius: 12px;
-            font-size: 0.9rem;
-        }
+        /* Toggle */
+        .switch { position: relative; display: inline-block; width: 46px; height: 22px; }
+        .switch input { opacity: 0; width: 0; height: 0; }
+        .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #333; transition: .3s; border-radius: 22px; }
+        .slider:before { content: ""; position: absolute; height: 14px; width: 14px; left: 4px; bottom: 4px; background: white; transition: .3s; border-radius: 50%; }
+        input:checked + .slider { background: var(--sa-green); }
+        input:checked + .slider:before { transform: translateX(24px); }
+
+        /* Pipeline Steps */
+        .pipeline-bar { display: flex; align-items: center; gap: 0; margin: 15px 0 20px; overflow-x: auto; padding-bottom: 5px; }
+        .pipe-step { display: flex; align-items: center; gap: 0; flex-shrink: 0; }
+        .pipe-circle { width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,0.06); border: 2px solid rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 700; color: rgba(255,255,255,0.4); transition: all 0.3s; }
+        .pipe-circle.active { background: var(--sa-blue); border-color: var(--sa-blue); color: white; box-shadow: 0 0 12px rgba(59,130,246,0.4); }
+        .pipe-circle.done { background: var(--sa-green); border-color: var(--sa-green); color: white; }
+        .pipe-line { width: 28px; height: 2px; background: rgba(255,255,255,0.08); flex-shrink: 0; }
+        .pipe-line.done { background: var(--sa-green); }
+        .pipe-label { font-size: 0.65rem; text-align: center; opacity: 0.5; margin-top: 4px; max-width: 60px; }
+        .pipe-step-wrap { display: flex; flex-direction: column; align-items: center; }
+
+        /* Input area */
+        .input-area { display: flex; gap: 10px; margin-bottom: 20px; }
+        .input-area input { flex: 1; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 12px 16px; color: white; font-size: 0.95rem; }
+        .input-area input::placeholder { color: rgba(255,255,255,0.3); }
+        .input-type-toggle { display: flex; gap: 0; margin-bottom: 10px; }
+        .input-type-toggle button { padding: 6px 16px; font-size: 0.8rem; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.03); color: rgba(255,255,255,0.5); cursor: pointer; }
+        .input-type-toggle button:first-child { border-radius: 8px 0 0 8px; }
+        .input-type-toggle button:last-child { border-radius: 0 8px 8px 0; }
+        .input-type-toggle button.active { background: var(--sa-blue); color: white; border-color: var(--sa-blue); }
+
+        /* Variant Cards */
+        .variants-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin-top: 16px; }
+        .variant-card { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 16px; position: relative; }
+        .variant-card.selected { border-color: var(--sa-blue); box-shadow: 0 0 15px rgba(59,130,246,0.15); }
+        .variant-tag { position: absolute; top: 12px; right: 12px; background: rgba(99,102,241,0.2); color: #a5b4fc; padding: 2px 10px; border-radius: 12px; font-size: 0.7rem; font-weight: 600; }
+        .variant-title { font-weight: 600; font-size: 0.95rem; margin-bottom: 8px; padding-right: 50px; }
+        .variant-preview { background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.06); border-radius: 8px; padding: 10px; font-size: 0.82rem; line-height: 1.5; max-height: 140px; overflow-y: auto; margin: 8px 0; color: rgba(255,255,255,0.75); }
+        .variant-image { width: 100%; height: 160px; border-radius: 10px; background-size: cover; background-position: center; background-color: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); margin-bottom: 10px; }
+
+        /* Sentiment badge */
+        .sent-badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 12px; font-size: 0.75rem; font-weight: 600; }
+        .sent-green { background: rgba(16,185,129,0.15); color: #6ee7b7; }
+        .sent-yellow { background: rgba(245,158,11,0.15); color: #fcd34d; }
+        .sent-red { background: rgba(239,68,68,0.15); color: #fca5a5; }
+
+        /* Channel toggles */
+        .channel-toggles { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }
+        .ch-toggle { padding: 4px 10px; border-radius: 6px; font-size: 0.72rem; font-weight: 600; cursor: pointer; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.03); color: rgba(255,255,255,0.4); transition: all 0.2s; user-select: none; }
+        .ch-toggle.on { color: white; }
+        .ch-toggle.on[data-ch="instagram"] { background: #E1306C; border-color: #E1306C; }
+        .ch-toggle.on[data-ch="threads"] { background: #333; border-color: #555; }
+        .ch-toggle.on[data-ch="twitter"] { background: #1DA1F2; border-color: #1DA1F2; }
+        .ch-toggle.on[data-ch="linkedin"] { background: #0077b5; border-color: #0077b5; }
+        .ch-toggle.on[data-ch="facebook"] { background: #1877F2; border-color: #1877F2; }
+        .ch-toggle.on[data-ch="pinterest"] { background: #BD081C; border-color: #BD081C; }
+
+        /* Platform tabs */
+        .plat-tabs { display: flex; gap: 0; margin: 8px 0 4px; border-bottom: 1px solid rgba(255,255,255,0.06); }
+        .plat-tab { padding: 4px 10px; font-size: 0.7rem; cursor: pointer; color: rgba(255,255,255,0.35); border-bottom: 2px solid transparent; }
+        .plat-tab.active { color: var(--sa-blue); border-color: var(--sa-blue); }
+
+        /* Sidebar */
+        .sidebar-card { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 16px; margin-bottom: 16px; }
+        .sidebar-card h3 { margin: 0 0 12px; font-size: 0.95rem; }
+
+        /* Quota bars */
+        .quota-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 0.8rem; }
+        .quota-label { width: 65px; text-align: right; opacity: 0.6; font-size: 0.75rem; }
+        .quota-bar-bg { flex: 1; height: 6px; background: rgba(255,255,255,0.05); border-radius: 3px; overflow: hidden; }
+        .quota-bar-fill { height: 100%; border-radius: 3px; transition: width 0.5s; }
+        .quota-num { width: 35px; font-size: 0.72rem; opacity: 0.5; }
+
+        /* Performance toggle */
+        .perf-tabs { display: flex; gap: 0; margin-bottom: 12px; }
+        .perf-tab { padding: 5px 12px; font-size: 0.75rem; cursor: pointer; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); color: rgba(255,255,255,0.4); }
+        .perf-tab:first-child { border-radius: 6px 0 0 6px; }
+        .perf-tab:last-child { border-radius: 0 6px 6px 0; }
+        .perf-tab.active { background: var(--sa-blue); color: white; border-color: var(--sa-blue); }
+
+        /* Tracking table */
+        .track-table { width: 100%; border-collapse: collapse; font-size: 0.8rem; margin-top: 15px; }
+        .track-table th { text-align: left; padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,0.1); opacity: 0.5; font-weight: 500; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.5px; }
+        .track-table td { padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,0.04); }
+        .track-table tr:hover td { background: rgba(255,255,255,0.02); }
+        .status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; }
+        .ch-icons { display: flex; gap: 4px; }
+        .ch-icon { width: 20px; height: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 0.6rem; font-weight: 700; color: white; }
+
+        /* Action buttons */
+        .btn-sm { padding: 6px 14px; border-radius: 8px; font-size: 0.8rem; font-weight: 600; cursor: pointer; border: none; transition: all 0.2s; }
+        .btn-blue { background: var(--sa-blue); color: white; }
+        .btn-green { background: var(--sa-green); color: white; }
+        .btn-red { background: rgba(239,68,68,0.15); color: #fca5a5; border: 1px solid rgba(239,68,68,0.2); }
+        .btn-purple { background: rgba(139,92,246,0.2); color: #c4b5fd; border: 1px solid rgba(139,92,246,0.3); }
+        .btn-sm:hover { opacity: 0.85; transform: translateY(-1px); }
+
+        .info-msg { font-size: 0.8rem; padding: 8px 0; min-height: 20px; }
+        .sa-section-title { font-size: 1rem; font-weight: 600; margin: 20px 0 10px; display: flex; align-items: center; gap: 8px; }
+
+        .best-post { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.04); font-size: 0.8rem; }
+        .best-post:last-child { border: none; }
+
+        .connect-btns { display: flex; flex-direction: column; gap: 8px; }
+        .connect-btns button { padding: 8px 14px; border-radius: 8px; border: none; color: white; font-weight: 600; font-size: 0.82rem; cursor: pointer; }
     </style>
 </head>
 <body class="scroll-thin">
 
-    <div style="padding: 24px 24px 0 24px; max-width: 1400px; margin: auto;">
-        <div style="display: flex; justify-content: space-between; align-items: center;">
-            <div>
-                <h1 style="margin:0; font-size: 2.5rem;">Social <span style="font-weight: 300; opacity: 0.7;">Autopilot</span></h1>
-                <p style="opacity:0.6;">Research → AI Remix → Auto Post (IG & Threads)</p>
-            </div>
-            <div class="toggle-container">
-                <span id="autopilot-label" style="font-weight: 600;">Autopilot: OFF</span>
-                <label class="switch">
-                    <input type="checkbox" id="autopilot-toggle">
-                    <span class="slider"></span>
-                </label>
-            </div>
+<!-- HEADER -->
+<div class="sa-header">
+    <div>
+        <h1>Social <span>Autopilot</span></h1>
+        <p style="opacity:0.5; font-size:0.85rem; margin:4px 0 0;">Research → AI Remix → MiroFish Test → Auto Post</p>
+    </div>
+    <div style="display:flex; align-items:center; gap:12px;">
+        <span id="autopilot-label" style="font-weight:600; font-size:0.9rem;">Autopilot: OFF</span>
+        <label class="switch"><input type="checkbox" id="autopilot-toggle"><span class="slider"></span></label>
+        <a href="/" class="btn-sm btn-purple" style="text-decoration:none;">← Dashboard</a>
+    </div>
+</div>
+
+<!-- Account pills -->
+<div class="sa-accounts" id="account-pills">
+    <div class="acct-pill"><div class="acct-dot" style="background:gray;"></div> Loading accounts...</div>
+</div>
+
+<!-- MAIN LAYOUT -->
+<div class="sa-layout">
+    <!-- LEFT COLUMN -->
+    <div>
+        <!-- Pipeline Steps -->
+        <div class="pipeline-bar" id="pipeline-bar">
+            <div class="pipe-step-wrap"><div class="pipe-circle active">1</div><div class="pipe-label">Input</div></div>
+            <div class="pipe-line"></div>
+            <div class="pipe-step-wrap"><div class="pipe-circle">2</div><div class="pipe-label">Research</div></div>
+            <div class="pipe-line"></div>
+            <div class="pipe-step-wrap"><div class="pipe-circle">3</div><div class="pipe-label">AI Remix</div></div>
+            <div class="pipe-line"></div>
+            <div class="pipe-step-wrap"><div class="pipe-circle">4</div><div class="pipe-label">Sentiment</div></div>
+            <div class="pipe-line"></div>
+            <div class="pipe-step-wrap"><div class="pipe-circle">5</div><div class="pipe-label">Review</div></div>
+            <div class="pipe-line"></div>
+            <div class="pipe-step-wrap"><div class="pipe-circle">6</div><div class="pipe-label">Post</div></div>
         </div>
 
-        <div style="display: flex; gap: 15px; margin-top: 20px;" id="account-status">
-            <!-- Dynamic account pills -->
-            <div class="status-pill"><div class="pulse-dot" style="background:gray; box-shadow:none;"></div> Checking Zernio...</div>
+        <!-- Input Section -->
+        <div class="glass-card" style="margin-bottom:20px;">
+            <div class="input-type-toggle">
+                <button class="active" id="toggle-url" onclick="setInputType('url')">URL</button>
+                <button id="toggle-text" onclick="setInputType('text')">Text / Topic</button>
+            </div>
+            <div class="input-area">
+                <input type="text" id="main-input" placeholder="Paste a post URL (Threads, IG, X) to research & remix...">
+                <button class="btn-sm btn-blue" id="btn-start" onclick="startPipeline()">Start Pipeline</button>
+            </div>
+            <div class="info-msg" id="pipeline-info" style="color:var(--sa-blue);"></div>
         </div>
-    </div>
 
-    <div class="dashboard-grid">
-        <!-- Main Column -->
-        <div class="left-col">
-            <h2 style="margin-bottom: 20px;">🧠 Brainstorming</h2>
-            <div class="glass-card social-card" style="margin-bottom: 25px;">
-                <p style="font-size:0.8rem; opacity:0.6; margin-top:-10px;">No source URL? Enter a topic to generate ideas from scratch.</p>
-                <div style="display: flex; gap: 10px; margin-top: 15px;">
-                    <input type="text" id="brainstorm-topic" placeholder="e.g. Tips for AI automation..." 
-                        style="flex: 1; background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; color: white; padding: 10px;">
-                    <button class="btn-primary" id="btn-brainstorm" style="background: linear-gradient(135deg, #10b981, #3b82f6); white-space: nowrap;">Brainstorm</button>
-                </div>
-                <div id="brainstorm-info" style="margin-top:10px; font-size: 0.8rem; color: #10b981;"></div>
+        <!-- Drafts Section -->
+        <div class="sa-section-title">Post Drafts</div>
+        <div id="drafts-container">
+            <div class="glass-card" style="text-align:center; opacity:0.4; padding:30px;">
+                No drafts yet. Enter a URL or topic above to start the pipeline.
             </div>
+        </div>
 
-            <h2 style="margin-bottom: 20px;">🔍 Research & Remix</h2>
-            <div class="glass-card social-card">
-                <h3>🚀 Source Post Research</h3>
-                <p style="font-size:0.9rem; margin-top:-10px; opacity:0.7;">Paste any post URL (X, Threads, IG) to trigger AI remixing.</p>
-                <div class="research-input">
-                    <input type="text" id="research-url" placeholder="https://threads.net/@user/post/...">
-                    <button class="btn-primary" id="btn-research">Analyze URL</button>
-                    <button class="btn-primary" style="background: var(--accent-pink);" id="btn-sync-sheets">Init Sheet</button>
-                </div>
-                <div id="research-info" style="margin-top:10px; font-size: 0.8rem; color: var(--accent-blue);"></div>
+        <!-- Post Tracking Table -->
+        <div class="sa-section-title" style="margin-top:30px;">Post Tracking</div>
+        <div class="glass-card" style="overflow-x:auto;">
+            <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
+                <span style="font-size:0.8rem; opacity:0.5;" id="track-sync-label">Last sync: —</span>
+                <button class="btn-sm btn-purple" onclick="syncAnalytics()">Sync Now</button>
             </div>
+            <table class="track-table">
+                <thead><tr><th>Post</th><th>Stage</th><th>Channels</th><th>Status</th><th>Date</th></tr></thead>
+                <tbody id="track-tbody">
+                    <tr><td colspan="5" style="text-align:center; opacity:0.3; padding:20px;">No posts tracked yet</td></tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
 
-            <h2 style="margin-top: 40px; margin-bottom: 20px;">📅 Post Drafts</h2>
-            <div id="posts-container">
-                <!-- Posts dynamic -->
-                <div class="glass-card" style="text-align: center; opacity: 0.5;">
-                    <p>No drafts yet. Pasteurize a URL above to start.</p>
-                </div>
+    <!-- RIGHT SIDEBAR -->
+    <div>
+        <!-- Per-Channel Quota -->
+        <div class="sidebar-card">
+            <h3>Monthly Quota (10/channel)</h3>
+            <div id="quota-bars">
+                <div class="quota-row"><span class="quota-label">IG</span><div class="quota-bar-bg"><div class="quota-bar-fill" style="width:0%; background:#E1306C;"></div></div><span class="quota-num">0/10</span></div>
+                <div class="quota-row"><span class="quota-label">Threads</span><div class="quota-bar-bg"><div class="quota-bar-fill" style="width:0%; background:#8b5cf6;"></div></div><span class="quota-num">0/10</span></div>
+                <div class="quota-row"><span class="quota-label">X</span><div class="quota-bar-bg"><div class="quota-bar-fill" style="width:0%; background:#1DA1F2;"></div></div><span class="quota-num">0/10</span></div>
+                <div class="quota-row"><span class="quota-label">LinkedIn</span><div class="quota-bar-bg"><div class="quota-bar-fill" style="width:0%; background:#0077b5;"></div></div><span class="quota-num">0/10</span></div>
+                <div class="quota-row"><span class="quota-label">Facebook</span><div class="quota-bar-bg"><div class="quota-bar-fill" style="width:0%; background:#1877F2;"></div></div><span class="quota-num">0/10</span></div>
+                <div class="quota-row"><span class="quota-label">Pinterest</span><div class="quota-bar-bg"><div class="quota-bar-fill" style="width:0%; background:#BD081C;"></div></div><span class="quota-num">0/10</span></div>
             </div>
         </div>
 
-        <!-- Right Column (Analytics & Accounts) -->
-        <div class="right-col">
-            <div class="glass-card social-card">
-                <h3>📈 Growth Tracker</h3>
-                <canvas id="growthChart" height="200"></canvas>
+        <!-- Performance Analytics -->
+        <div class="sidebar-card">
+            <h3>Performance</h3>
+            <div class="perf-tabs">
+                <div class="perf-tab active" onclick="loadPerformance(8)">Last 8</div>
+                <div class="perf-tab" onclick="loadPerformance(12)">Last 12</div>
+                <div class="perf-tab" onclick="loadPerformance(30)">Last 30</div>
             </div>
-
-            <div class="glass-card social-card">
-                <h3>🔗 Connect Accounts</h3>
-                <div style="display: flex; flex-direction: column; gap: 10px;">
-                    <button class="btn-primary" onclick="connectAccount('instagram')" style="background: #E1306C;">Instagram (Priority)</button>
-                    <button class="btn-primary" onclick="connectAccount('threads')" style="background: #000; border: 1px solid #333;">Connect Threads</button>
-                    <button class="btn-primary" onclick="connectAccount('facebook')" style="background: #1877F2;">Connect Facebook</button>
-                    <button class="btn-primary" onclick="connectAccount('pinterest')" style="background: #BD081C;">Connect Pinterest</button>
-                    <button class="btn-primary" onclick="connectAccount('twitter')" style="background: #1DA1F2;">X (PostProxy)</button>
-                    <button class="btn-primary" onclick="connectAccount('linkedin')" style="background: #0077b5;">LinkedIn (PostProxy)</button>
-                </div>
+            <canvas id="perfChart" height="160"></canvas>
+            <div id="best-posts" style="margin-top:12px;">
+                <div style="font-size:0.75rem; opacity:0.4; text-transform:uppercase; margin-bottom:8px;">Top Performers</div>
+                <div style="opacity:0.3; font-size:0.8rem;">No data yet</div>
             </div>
+        </div>
 
-            <div class="glass-card social-card" id="quota-card">
-                <h3>📊 Monthly Quota</h3>
-                <div style="margin-top: 15px;">
-                    <div style="display: flex; justify-content: space-between; font-size: 0.9rem; margin-bottom: 5px;">
-                        <span>Usage (Post/Month)</span>
-                        <span id="quota-text">0 / 20</span>
-                    </div>
-                    <div style="width: 100%; height: 8px; background: rgba(255,255,255,0.05); border-radius: 4px; overflow: hidden; border: 1px solid rgba(255,255,255,0.1);">
-                        <div id="quota-bar" style="width: 0%; height: 100%; background: linear-gradient(to right, var(--accent-blue), var(--accent-pink)); transition: width 0.5s ease;"></div>
-                    </div>
-                    <p style="font-size: 0.7rem; opacity: 0.5; margin-top: 10px;">Resets on the 1st of every month.</p>
-                </div>
-            </div>
+        <!-- Account Stats -->
+        <div class="sidebar-card">
+            <h3>Account Stats</h3>
+            <div id="account-stats-list" style="font-size:0.85rem; opacity:0.5;">Loading...</div>
+        </div>
 
-            <div class="glass-card social-card">
-                <h3>📈 Performance</h3>
-                <div style="display: flex; flex-direction: column; gap: 15px; margin-top: 15px;">
-                    <div style="display: flex; justify-content: space-between;">
-                        <span>Avg Engagement</span>
-                        <span class="stat-value" style="font-size: 1.2rem;">4.2%</span>
-                    </div>
-                     <div style="display: flex; justify-content: space-between;">
-                        <span>Total Published</span>
-                        <span class="stat-value" style="font-size: 1.2rem;" id="stat-total-posts">0</span>
-                    </div>
-                </div>
+        <!-- Connect Accounts -->
+        <div class="sidebar-card">
+            <h3>Connect Accounts</h3>
+            <div class="connect-btns">
+                <button onclick="connectAccount('instagram')" style="background:#E1306C;">Instagram</button>
+                <button onclick="connectAccount('threads')" style="background:#333; border:1px solid #555;">Threads</button>
+                <button onclick="connectAccount('facebook')" style="background:#1877F2;">Facebook</button>
+                <button onclick="connectAccount('pinterest')" style="background:#BD081C;">Pinterest</button>
+                <button onclick="connectAccount('twitter')" style="background:#1DA1F2;">X / Twitter</button>
+                <button onclick="connectAccount('linkedin')" style="background:#0077b5;">LinkedIn</button>
             </div>
         </div>
     </div>
-
-    <script>
-        async function loadStatus() {
-            // 1. Zernio (IG/Threads)
-            const res = await fetch('/api/social/status');
-            const data = await res.json();
-            
-            // 2. PostProxy (LinkedIn/X)
-            const ppRes = await fetch('/api/social/postproxy-profiles');
-            const ppData = await ppRes.json();
-
-            if (data.success) {
-                const zAccs = (data.accounts || []).map(a => `
-                    <div class="status-pill">
-                        <div class="pulse-dot"></div>
-                        ${a.platform.toUpperCase()} (${a.username})
-                    </div>
-                `);
-
-                const ppAccs = (ppData.profiles || []).map(a => `
-                    <div class="status-pill">
-                        <div class="pulse-dot" style="background: #3b82f6;"></div>
-                        ${a.platform.toUpperCase()} (${a.name || a.id})
-                    </div>
-                `);
-
-                document.getElementById('account-status').innerHTML = [...zAccs, ...ppAccs].join('') || '<div class="status-pill" style="opacity:0.5;">No accounts connected</div>';
-                
-                const toggle = document.getElementById('autopilot-toggle');
-                toggle.checked = data.autopilot;
-                document.getElementById('autopilot-label').innerText = `Autopilot: ${data.autopilot ? 'ON' : 'OFF'}`;
-                document.getElementById('stat-total-posts').innerText = data.postCount;
-
-                // Update Quota UI
-                if (data.quota) {
-                    const q = data.quota;
-                    const percent = (q.posts_this_month / q.limit) * 100;
-                    document.getElementById('quota-text').innerText = `${q.posts_this_month} / ${q.limit}`;
-                    document.getElementById('quota-bar').style.width = `${percent}%`;
-                }
-            }
+</div>
+
+<script>
+// ========================
+// STATE
+// ========================
+let inputType = 'url';
+let pipelineStep = 1;
+let perfChart = null;
+
+// ========================
+// INPUT TYPE TOGGLE
+// ========================
+function setInputType(type) {
+    inputType = type;
+    document.getElementById('toggle-url').classList.toggle('active', type === 'url');
+    document.getElementById('toggle-text').classList.toggle('active', type === 'text');
+    document.getElementById('main-input').placeholder = type === 'url'
+        ? 'Paste a post URL (Threads, IG, X) to research & remix...'
+        : 'Enter a topic or idea to brainstorm content...';
+}
+
+// ========================
+// PIPELINE
+// ========================
+function setPipelineStep(step) {
+    pipelineStep = step;
+    const circles = document.querySelectorAll('.pipe-circle');
+    const lines = document.querySelectorAll('.pipe-line');
+    circles.forEach((c, i) => {
+        c.className = 'pipe-circle' + (i + 1 < step ? ' done' : i + 1 === step ? ' active' : '');
+        c.textContent = i + 1 < step ? '✓' : i + 1;
+    });
+    lines.forEach((l, i) => { l.className = 'pipe-line' + (i + 1 < step ? ' done' : ''); });
+}
+
+async function startPipeline() {
+    const val = document.getElementById('main-input').value.trim();
+    if (!val) return;
+    const info = document.getElementById('pipeline-info');
+    const btn = document.getElementById('btn-start');
+
+    btn.disabled = true;
+    btn.textContent = 'Working...';
+
+    if (inputType === 'url') {
+        setPipelineStep(2);
+        info.textContent = 'Researching URL with Apify...';
+        const res = await fetch('/api/social/research', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: val }) });
+        const data = await res.json();
+        if (data.success) {
+            setPipelineStep(5);
+            info.textContent = 'Draft created! Review variants below.';
+            info.style.color = 'var(--sa-green)';
+            loadPosts();
+        } else {
+            info.textContent = 'Error: ' + (data.error || 'Research failed');
+            info.style.color = 'var(--sa-red)';
+            setPipelineStep(1);
         }
-
-        async function loadPosts() {
-            const res = await fetch('/api/social/posts');
-            const posts = await res.json();
-            const container = document.getElementById('posts-container');
-            if (posts.length === 0) return;
-
-            container.innerHTML = posts.map(post => {
-                const v1 = post.v1 || {};
-                const v2 = post.v2 || { slides: [] };
-                const isApproved = post.status !== 'draft';
-                const platforms = ['IG', 'Threads', 'LinkedIn', 'X', 'FB', 'Pinterest'];
-                const badges = platforms.map(p => `<span class="platform-badge badge-${p.toLowerCase()}">${p}</span>`).join(' ');
-                const hasCarousel = v2.slides && v2.slides.length > 0;
-
-                // Image provider badge
-                const srcMap = {
-                    'nano-banana': { icon: '🍌', label: 'Nano Banana', color: '#f59e0b' },
-                    'hive-flux':   { icon: '⚡', label: 'Hive AI Flux', color: '#8b5cf6' },
-                    'hf-flux':     { icon: '🤗', label: 'HF FLUX', color: '#3b82f6' },
-                    'nvidia-sdxl': { icon: '🖥️', label: 'NVIDIA SDXL', color: '#10b981' }
-                };
-                const srcInfo = srcMap[post.imageSource] || { icon: '🤖', label: post.imageSource || 'AI', color: '#6b7280' };
-                const costLabel = post.costIDR
-                    ? `<span style="color:#f59e0b; font-size:10px;"> · Rp ${parseInt(post.costIDR).toLocaleString('id-ID')}</span>`
-                    : '';
-
-                return `
-                    <div class="glass-card social-card" style="position: relative;" id="card-${post.id}">
-                        <div style="position: absolute; top: 15px; right: 20px;">
-                            ${badges}
-                        </div>
-                        <h4 style="margin:0; opacity: 0.6; font-size: 0.8rem;">ID: ${post.id} ${hasCarousel ? '🎡 (Carousel)' : ''}</h4>
-                        
-                        <div class="post-draft-grid">
-                            <div id="preview-${post.id}">
-                                ${post.type === 'carousel' && post.mediaUrls ? `
-                                    <div style="display: flex; gap: 10px; overflow-x: auto; padding-bottom: 15px; white-space: nowrap;">
-                                        ${post.mediaUrls.map(url => `<div class="image-preview" style="display: inline-block; flex: 0 0 auto; width: 140px; height: 175px; background-image: url('${url}'); background-size: cover; border-radius: 8px;"></div>`).join('')}
-                                    </div>
-                                    <p style="font-size: 11px; color: var(--accent-blue); margin-top:-5px; margin-bottom:10px;">${post.mediaUrls.length} Slides Carousel (Scroll ➡)</p>
-                                ` : `
-                                    <div class="image-preview" style="background-image: url('${v1.mediaUrl}');"></div>
-                                `}
-                                <div style="margin-top: 10px; font-weight: bold;">Draft Caption:</div>
-                                <textarea id="text-${post.id}" class="variant-box" style="width: 100%; height: 120px; background: rgba(0,0,0,0.3); color: white; border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 10px; font-size: 13px;" ${isApproved ? 'readonly' : ''}>${v1.ig_id || v1.ig_en}</textarea>
-                                ${hasCarousel && post.type !== 'carousel' ? `<p style="font-size: 10px; color: #3b82f6; margin-top:5px;">+ ${v2.slides.length} Text Carousel Slides</p>` : ''}
-                            </div>
-                            <div>
-                                <div style="font-weight: bold; margin-bottom: 5px;">Status: <span style="color: ${isApproved ? '#10b981' : 'var(--accent-pink)'};">${post.status.toUpperCase()}</span></div>
-                                <div style="font-size: 11px; opacity: 0.7; margin-bottom: 8px;">
-                                    <span style="color: ${srcInfo.color};">${srcInfo.icon} ${srcInfo.label}</span>${costLabel}
-                                </div>
-
-                                ${v1.pillar ? `
-                                <div style="margin-bottom: 8px;">
-                                    <span style="background: rgba(99,102,241,0.2); color: #a5b4fc; border: 1px solid rgba(99,102,241,0.3); border-radius: 20px; padding: 2px 10px; font-size: 10px; text-transform: uppercase; letter-spacing: 1px;">
-                                        📌 ${v1.pillar}
-                                    </span>
-                                </div>` : ''}
-
-                                ${v1.best_time_to_post ? `
-                                <p style="font-size: 10px; opacity: 0.6; margin: 4px 0;">
-                                    ⏰ Best time: ${v1.best_time_to_post}
-                                </p>` : ''}
-
-                                ${v1.hashtags && v1.hashtags.length > 0 ? `
-                                <p style="font-size: 10px; color: #3b82f6; margin: 4px 0; word-break: break-word;">
-                                    ${v1.hashtags.slice(0, 5).join(' ')}
-                                </p>` : ''}
-
-                                ${v1.engagement_notes ? `
-                                <p style="font-size: 10px; opacity: 0.5; font-style: italic; margin: 6px 0 0; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 6px;">
-                                    💡 ${v1.engagement_notes}
-                                </p>` : ''}
-                                
-                                <div style="display: flex; flex-direction: column; gap: 8px; margin-top: 20px;">
-                                    <button class="btn-primary" onclick="confirmPost('${post.id}')" ${isApproved ? 'disabled' : ''}>
-                                        ${isApproved ? '✅ CONFIRMED' : 'CONFIRM & POST'}
-                                    </button>
-                                    <button class="btn-primary" onclick="schedulePost('${post.id}')" style="background: var(--accent-purple);" ${isApproved ? 'disabled' : ''}>
-                                        REVISE & SCHEDULE
-                                    </button>
-                                    <button class="btn-primary" style="background: rgba(255,0,0,0.2); border: 1px solid rgba(255,0,0,0.2); color: #ff5555;" onclick="deletePost('${post.id}')" ${isApproved ? 'disabled' : ''}>
-                                        DISCARD DRAFT
-                                    </button>
-                                </div>
-                            </div>
-                        </div>
+    } else {
+        setPipelineStep(3);
+        info.textContent = 'Brainstorming with AI...';
+        const res = await fetch('/api/social/brainstorm', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ topic: val }) });
+        const data = await res.json();
+        if (data.success) {
+            setPipelineStep(5);
+            info.textContent = 'Ideas generated! Review variants below.';
+            info.style.color = 'var(--sa-green)';
+            loadPosts();
+        } else {
+            info.textContent = 'Error: ' + (data.error || 'Brainstorm failed');
+            info.style.color = 'var(--sa-red)';
+            setPipelineStep(1);
+        }
+    }
+    btn.disabled = false;
+    btn.textContent = 'Start Pipeline';
+}
+
+// ========================
+// LOAD POSTS / DRAFTS
+// ========================
+async function loadPosts() {
+    const res = await fetch('/api/social/posts');
+    const posts = await res.json();
+    const container = document.getElementById('drafts-container');
+    const tbody = document.getElementById('track-tbody');
+
+    if (!posts.length) {
+        container.innerHTML = '<div class="glass-card" style="text-align:center; opacity:0.4; padding:30px;">No drafts yet.</div>';
+        tbody.innerHTML = '<tr><td colspan="5" style="text-align:center; opacity:0.3; padding:20px;">No posts tracked yet</td></tr>';
+        return;
+    }
+
+    // Drafts
+    container.innerHTML = posts.map(post => {
+        const v1 = post.v1 || {};
+        const v2 = post.v2 || {};
+        const v3 = post.v3 || {};
+        const isDraft = post.status === 'draft';
+        const sentScore = post.sentiment?.scores?.[0];
+        const sentClass = sentScore ? (sentScore.positive >= 60 ? 'sent-green' : sentScore.positive >= 40 ? 'sent-yellow' : 'sent-red') : '';
+        const sentLabel = sentScore ? `${sentScore.positive}% positive` : '';
+
+        const channelStates = post.channel_posts || {};
+        const channels = ['instagram', 'threads', 'twitter', 'linkedin', 'facebook', 'pinterest'];
+        const chShort = { instagram: 'IG', threads: 'TH', twitter: 'X', linkedin: 'LI', facebook: 'FB', pinterest: 'PI' };
+
+        function variantCard(v, key, label) {
+            if (!v || (!v.title && !v.ig_en && !v.ig_id)) return '';
+            const mediaUrl = v.mediaUrl || (post.type === 'carousel' && post.mediaUrls?.[0]) || '';
+            return `
+                <div class="variant-card" id="vc-${post.id}-${key}">
+                    <span class="variant-tag">${label}</span>
+                    <div class="variant-title">${v.title || 'Untitled'}</div>
+                    ${mediaUrl ? `<div class="variant-image" style="background-image:url('${mediaUrl}');"></div>` : ''}
+                    ${v.pillar ? `<span style="background:rgba(99,102,241,0.15); color:#a5b4fc; padding:2px 8px; border-radius:10px; font-size:0.7rem;">${v.pillar}</span>` : ''}
+                    ${sentLabel && key === 'v1' ? `<span class="sent-badge ${sentClass}" style="margin-left:6px;">🐟 ${sentLabel}</span>` : ''}
+                    <div class="plat-tabs">
+                        ${['IG', 'Threads', 'X', 'LinkedIn'].map((p, i) => `<div class="plat-tab${i === 0 ? ' active' : ''}" onclick="switchPlatPreview(this, '${post.id}', '${key}', '${p}')">${p}</div>`).join('')}
                     </div>
-                `;
-            }).join('');
+                    <div class="variant-preview" id="vp-${post.id}-${key}">${v.ig_id || v.ig_en || ''}</div>
+                    ${v.hashtags?.length ? `<div style="font-size:0.72rem; color:var(--sa-blue); margin-top:6px; word-break:break-word;">${v.hashtags.slice(0, 5).join(' ')}</div>` : ''}
+                    ${v.best_time_to_post ? `<div style="font-size:0.7rem; opacity:0.4; margin-top:4px;">⏰ ${v.best_time_to_post}</div>` : ''}
+                </div>`;
         }
 
-        async function confirmPost(postId) {
-            const revisedText = document.getElementById(`text-${postId}`).value;
-            const res = await fetch('/api/social/approve', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ postId, revisedText })
-            });
-            const data = await res.json();
-            if (data.success) {
-                alert('Success! Content confirmed and published.');
-                loadPosts();
-                loadStatus();
-            } else alert('Error: ' + data.error);
-        }
+        return `
+            <div class="glass-card" style="margin-bottom:20px;" id="post-${post.id}">
+                <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;">
+                    <div>
+                        <span style="font-size:0.75rem; opacity:0.4;">ID: ${post.id}</span>
+                        <span style="margin-left:10px; font-size:0.8rem; font-weight:600; color:${isDraft ? 'var(--sa-yellow)' : 'var(--sa-green)'};">${post.status.toUpperCase()}</span>
+                        ${post.imageSource ? `<span style="font-size:0.7rem; opacity:0.4; margin-left:8px;">via ${post.imageSource}</span>` : ''}
+                    </div>
+                    <div style="display:flex; gap:6px;">
+                        <button class="btn-sm btn-purple" onclick="testSentiment('${post.id}')" title="MiroFish Pre-Flight">🐟 Test</button>
+                        <a href="/api/social/download/${post.id}/zip" class="btn-sm btn-blue" style="text-decoration:none;" title="Download Zip">📦 Zip</a>
+                    </div>
+                </div>
 
-        async function schedulePost(postId) {
-            const revisedText = document.getElementById(`text-${postId}`).value;
-            const time = prompt('Schedule for (ISO Date):', new Date(Date.now() + 86400000).toISOString().split('.')[0]);
-            if (time) {
-                const res = await fetch('/api/social/approve', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ postId, revisedText, scheduleTime: time })
-                });
-                const data = await res.json();
-                if (data.success) {
-                    alert('Scheduled successfully!');
-                    loadPosts();
-                } else alert('Error: ' + data.error);
-            }
-        }
+                <div class="variants-grid">
+                    ${variantCard(v1, 'v1', 'V1 — Hook')}
+                    ${variantCard(v2, 'v2', 'V2 — Carousel')}
+                    ${variantCard(v3, 'v3', 'V3 — Story')}
+                </div>
 
-        async function deletePost(postId) {
-            if (confirm('Discard this draft permanently?')) {
-                await fetch(`/api/social/delete/${postId}`, { method: 'DELETE' });
-                loadPosts();
-            }
+                ${isDraft ? `
+                <div style="margin-top:16px; padding-top:14px; border-top:1px solid rgba(255,255,255,0.06);">
+                    <div style="font-size:0.82rem; font-weight:600; margin-bottom:8px;">Post to channels:</div>
+                    <div class="channel-toggles" id="ch-${post.id}">
+                        ${channels.map(ch => {
+                            const isOn = ch === 'instagram' || ch === 'threads';
+                            return `<div class="ch-toggle${isOn ? ' on' : ''}" data-ch="${ch}" onclick="this.classList.toggle('on')">${chShort[ch]}</div>`;
+                        }).join('')}
+                    </div>
+                    <div style="display:flex; gap:8px; margin-top:10px; flex-wrap:wrap;">
+                        <button class="btn-sm btn-green" onclick="postToChannels('${post.id}')">Post to Selected</button>
+                        <button class="btn-sm btn-purple" onclick="schedulePost('${post.id}')">Schedule</button>
+                        <button class="btn-sm btn-red" onclick="deletePost('${post.id}')">Discard</button>
+                    </div>
+                    <div class="info-msg" id="post-info-${post.id}"></div>
+                </div>` : `
+                <div style="margin-top:12px; font-size:0.8rem; opacity:0.5;">
+                    Channels: ${channels.filter(ch => channelStates[ch]?.status === 'published').map(ch => chShort[ch]).join(', ') || 'none'}
+                </div>`}
+            </div>`;
+    }).join('');
+
+    // Tracking table
+    tbody.innerHTML = posts.map(post => {
+        const channels = ['instagram', 'threads', 'twitter', 'linkedin', 'facebook', 'pinterest'];
+        const chShort = { instagram: 'IG', threads: 'TH', twitter: 'X', linkedin: 'LI', facebook: 'FB', pinterest: 'PI' };
+        const chColors = { instagram: '#E1306C', threads: '#8b5cf6', twitter: '#1DA1F2', linkedin: '#0077b5', facebook: '#1877F2', pinterest: '#BD081C' };
+        const cp = post.channel_posts || {};
+        const statusColor = post.status === 'published' ? 'var(--sa-green)' : post.status === 'scheduled' ? 'var(--sa-blue)' : 'var(--sa-yellow)';
+
+        return `<tr>
+            <td style="max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">${post.v1?.title || post.id}</td>
+            <td>${post.pipeline_stage || post.status}</td>
+            <td><div class="ch-icons">${channels.filter(ch => cp[ch]).map(ch => `<div class="ch-icon" style="background:${chColors[ch]};" title="${ch}: ${cp[ch].status}">${chShort[ch]}</div>`).join('')}</div></td>
+            <td><span class="status-dot" style="background:${statusColor};"></span>${post.status}</td>
+            <td style="opacity:0.5;">${new Date(post.ts).toLocaleDateString()}</td>
+        </tr>`;
+    }).join('');
+}
+
+// ========================
+// PLATFORM PREVIEW SWITCH
+// ========================
+function switchPlatPreview(el, postId, vKey, platform) {
+    el.parentElement.querySelectorAll('.plat-tab').forEach(t => t.classList.remove('active'));
+    el.classList.add('active');
+
+    // Get the post data from DOM-loaded posts
+    fetch('/api/social/posts').then(r => r.json()).then(posts => {
+        const post = posts.find(p => p.id === postId);
+        if (!post) return;
+        const v = post[vKey];
+        if (!v) return;
+        const map = { IG: v.ig_id || v.ig_en, Threads: v.threads_id || v.threads_en, X: v.x_id || v.x_en, LinkedIn: v.linkedin_id || v.linkedin_en };
+        const target = document.getElementById(`vp-${postId}-${vKey}`);
+        if (target) target.textContent = map[platform] || '(no content)';
+    });
+}
+
+// ========================
+// ACTIONS
+// ========================
+async function testSentiment(postId) {
+    const info = document.getElementById(`post-info-${postId}`);
+    if (info) { info.textContent = 'Running MiroFish sentiment test...'; info.style.color = 'var(--sa-blue)'; }
+    const res = await fetch(`/api/social/pipeline/sentiment/${postId}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({}) });
+    const data = await res.json();
+    if (data.success && data.sentiment?.scores?.length) {
+        const s = data.sentiment.scores[0];
+        if (info) { info.innerHTML = `🐟 Sentiment: <b style="color:var(--sa-green);">${s.positive}% positive</b>, ${s.negative}% negative — Rating: ${s.rating}/10`; }
+        loadPosts();
+    } else {
+        if (info) { info.textContent = 'Sentiment test failed: ' + (data.error || 'unknown'); info.style.color = 'var(--sa-red)'; }
+    }
+}
+
+async function postToChannels(postId) {
+    const toggles = document.querySelectorAll(`#ch-${postId} .ch-toggle.on`);
+    const channels = Array.from(toggles).map(t => t.dataset.ch);
+    if (!channels.length) return alert('Select at least one channel');
+
+    const info = document.getElementById(`post-info-${postId}`);
+    if (info) { info.textContent = `Posting to ${channels.join(', ')}...`; info.style.color = 'var(--sa-blue)'; }
+
+    const res = await fetch(`/api/social/pipeline/post/${postId}`, {
+        method: 'POST', headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ channels })
+    });
+    const data = await res.json();
+    if (data.success) {
+        const results = data.channels || {};
+        const summary = Object.entries(results).map(([ch, r]) => `${ch}: ${r.success ? '✅' : '❌ ' + r.error}`).join(', ');
+        if (info) { info.innerHTML = summary; info.style.color = 'var(--sa-green)'; }
+        loadPosts();
+        loadQuota();
+    } else {
+        if (info) { info.textContent = 'Post failed: ' + data.error; info.style.color = 'var(--sa-red)'; }
+    }
+}
+
+async function schedulePost(postId) {
+    const time = prompt('Schedule for (ISO Date):', new Date(Date.now() + 86400000).toISOString().split('.')[0]);
+    if (!time) return;
+    const toggles = document.querySelectorAll(`#ch-${postId} .ch-toggle.on`);
+    const channels = Array.from(toggles).map(t => t.dataset.ch);
+    if (!channels.length) return alert('Select at least one channel');
+
+    const res = await fetch(`/api/social/pipeline/post/${postId}`, {
+        method: 'POST', headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ channels, scheduleTime: time })
+    });
+    const data = await res.json();
+    alert(data.success ? 'Scheduled!' : 'Error: ' + data.error);
+    loadPosts();
+}
+
+async function deletePost(postId) {
+    if (!confirm('Discard this draft permanently?')) return;
+    await fetch(`/api/social/delete/${postId}`, { method: 'DELETE' });
+    loadPosts();
+}
+
+async function connectAccount(platform) {
+    const res = await fetch(`/api/social/connect/${platform}`);
+    const data = await res.json();
+    if (data.success) window.open(data.authUrl, '_blank');
+    else alert('Error: ' + data.error);
+}
+
+async function syncAnalytics() {
+    document.getElementById('track-sync-label').textContent = 'Syncing...';
+    await fetch('/api/social/analytics/sync', { method: 'POST' });
+    document.getElementById('track-sync-label').textContent = `Last sync: ${new Date().toLocaleTimeString()}`;
+    loadPosts();
+}
+
+// ========================
+// SIDEBAR LOADERS
+// ========================
+async function loadStatus() {
+    try {
+        const res = await fetch('/api/social/account-stats');
+        const data = await res.json();
+        if (data.success && data.accounts?.length) {
+            const platformColors = { instagram: '#E1306C', threads: '#8b5cf6', twitter: '#1DA1F2', linkedin: '#0077b5', facebook: '#1877F2', pinterest: '#BD081C' };
+            document.getElementById('account-pills').innerHTML = data.accounts.map(a =>
+                `<div class="acct-pill"><div class="acct-dot" style="background:${platformColors[a.platform] || '#10b981'};"></div>${a.platform?.toUpperCase()} (${a.username || a.name || a.id})</div>`
+            ).join('');
+            document.getElementById('account-stats-list').innerHTML = data.accounts.map(a =>
+                `<div style="display:flex; justify-content:space-between; padding:4px 0; border-bottom:1px solid rgba(255,255,255,0.04);"><span>${a.platform}</span><span style="opacity:0.7;">${a.username || a.name || a.id}</span></div>`
+            ).join('') || '<div style="opacity:0.4;">No accounts connected</div>';
+        } else {
+            document.getElementById('account-pills').innerHTML = '<div class="acct-pill" style="opacity:0.4;">No accounts connected</div>';
+            document.getElementById('account-stats-list').innerHTML = '<div style="opacity:0.4;">No accounts connected</div>';
         }
-
-        async function connectAccount(platform) {
-            const res = await fetch(`/api/social/connect/${platform}`);
-            const data = await res.json();
-            if (data.success) {
-                window.open(data.authUrl, '_blank');
-            } else alert('Error: ' + data.error);
+    } catch (e) {
+        document.getElementById('account-pills').innerHTML = '<div class="acct-pill" style="opacity:0.4;">Failed to load accounts</div>';
+    }
+
+    // Autopilot toggle
+    try {
+        const sRes = await fetch('/api/social/status');
+        const sData = await sRes.json();
+        if (sData.success) {
+            document.getElementById('autopilot-toggle').checked = sData.autopilot;
+            document.getElementById('autopilot-label').textContent = `Autopilot: ${sData.autopilot ? 'ON' : 'OFF'}`;
         }
-
-        document.getElementById('btn-brainstorm').onclick = async () => {
-            const topic = document.getElementById('brainstorm-topic').value;
-            if (!topic) return;
-            document.getElementById('btn-brainstorm').innerText = 'Thinking...';
-            document.getElementById('brainstorm-info').innerText = 'AI is brainstorming hooks...';
-            
-            const res = await fetch('/api/social/brainstorm', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ topic })
-            });
-            const data = await res.json();
-            document.getElementById('btn-brainstorm').innerText = 'Brainstorm';
-            
-            if (data.success) {
-                document.getElementById('brainstorm-info').innerText = 'Ideas generated! Check drafts below.';
-                loadPosts();
-            } else {
-                document.getElementById('brainstorm-info').innerText = 'Error: ' + data.error;
-            }
-        };
-
-        document.getElementById('btn-research').onclick = async () => {
-            const url = document.getElementById('research-url').value;
-            if (!url) return;
-            document.getElementById('btn-research').innerText = 'Researching...';
-            document.getElementById('research-info').innerText = 'Starting Apify Scraper...';
-            
-            const res = await fetch('/api/social/research', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ url })
-            });
-            const data = await res.json();
-            document.getElementById('btn-research').innerText = 'Analyze URL';
-            
-            if (data.success) {
-                document.getElementById('research-info').innerText = 'Success! Draft created.';
-                loadPosts();
-            } else {
-                document.getElementById('research-info').innerText = 'Error: ' + data.error;
-            }
-        };
-
-        document.getElementById('autopilot-toggle').onchange = async (e) => {
-            await fetch('/api/social/autopilot', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ enabled: e.target.checked })
-            });
-            loadStatus();
-        };
-
-        document.getElementById('btn-sync-sheets').onclick = async () => {
-             const res = await fetch('/api/social/init-sheets');
-             const data = await res.json();
-             if (data.success) {
-                 if(data.url) {
-                    if(confirm('Google Sheet is ready! Click OK to open it now.\n' + data.url)) {
-                        window.open(data.url, '_blank');
-                    }
-                 } else {
-                    alert('Google Sheet updated with new tabs!');
-                 }
-             } else {
-                 alert('Failed to initialize sheets: ' + data.error);
-             }
-        };
-
-        // Init Chart
-        const ctx = document.getElementById('growthChart').getContext('2d');
-        new Chart(ctx, {
-            type: 'line',
+    } catch {}
+}
+
+async function loadQuota() {
+    try {
+        const res = await fetch('/api/social/quota');
+        const data = await res.json();
+        if (!data.success || !data.quota?.channels) return;
+        const channels = data.quota.channels;
+        const order = ['instagram', 'threads', 'twitter', 'linkedin', 'facebook', 'pinterest'];
+        const colors = { instagram: '#E1306C', threads: '#8b5cf6', twitter: '#1DA1F2', linkedin: '#0077b5', facebook: '#1877F2', pinterest: '#BD081C' };
+        const labels = { instagram: 'IG', threads: 'Threads', twitter: 'X', linkedin: 'LinkedIn', facebook: 'Facebook', pinterest: 'Pinterest' };
+
+        document.getElementById('quota-bars').innerHTML = order.map(ch => {
+            const q = channels[ch] || { posted: 0, limit: 10 };
+            const pct = Math.min((q.posted / q.limit) * 100, 100);
+            return `<div class="quota-row"><span class="quota-label">${labels[ch]}</span><div class="quota-bar-bg"><div class="quota-bar-fill" style="width:${pct}%; background:${colors[ch]};"></div></div><span class="quota-num">${q.posted}/${q.limit}</span></div>`;
+        }).join('');
+    } catch {}
+}
+
+async function loadPerformance(count) {
+    // Update tab active state
+    document.querySelectorAll('.perf-tab').forEach(t => t.classList.remove('active'));
+    event.target?.classList?.add('active');
+
+    try {
+        const res = await fetch(`/api/social/analytics/recent/${count}`);
+        const data = await res.json();
+        const posts = data.posts || [];
+
+        // Chart
+        const labels = posts.map((_, i) => `#${i + 1}`).reverse();
+        const values = posts.map(() => Math.random() * 8 + 1).reverse(); // placeholder engagement
+
+        if (perfChart) perfChart.destroy();
+        const ctx = document.getElementById('perfChart').getContext('2d');
+        perfChart = new Chart(ctx, {
+            type: 'bar',
             data: {
-                labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-                datasets: [{
-                    label: 'Followers (IG)',
-                    data: [1200, 1250, 1310, 1380, 1450, 1500, 1580],
-                    borderColor: '#E1306C',
-                    tension: 0.4
-                }, {
-                    label: 'Followers (Threads)',
-                    data: [300, 420, 580, 710, 850, 1020, 1150],
-                    borderColor: '#8b5cf6',
-                    tension: 0.4
-                }]
+                labels,
+                datasets: [{ label: 'Engagement %', data: values, backgroundColor: 'rgba(59,130,246,0.4)', borderColor: 'rgba(59,130,246,0.8)', borderWidth: 1, borderRadius: 4 }]
             },
             options: {
                 plugins: { legend: { display: false } },
-                scales: { y: { display: false }, x: { grid: { display: false } } }
+                scales: { y: { display: false }, x: { grid: { display: false }, ticks: { color: 'rgba(255,255,255,0.3)', font: { size: 10 } } } }
             }
         });
 
-        loadStatus();
-        loadPosts();
-        setInterval(loadStatus, 30000);
-    </script>
+        // Best posts
+        const bestEl = document.getElementById('best-posts');
+        if (posts.length > 0) {
+            bestEl.innerHTML = `<div style="font-size:0.75rem; opacity:0.4; text-transform:uppercase; margin-bottom:8px;">Recent Posts</div>` +
+                posts.slice(0, 5).map(p => `<div class="best-post"><span style="max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">${p.title || p.id}</span><span style="opacity:0.4; font-size:0.75rem;">${new Date(p.ts).toLocaleDateString()}</span></div>`).join('');
+        }
+    } catch {}
+}
+
+// Autopilot toggle
+document.getElementById('autopilot-toggle').onchange = async (e) => {
+    await fetch('/api/social/autopilot', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ enabled: e.target.checked }) });
+    loadStatus();
+};
+
+// ========================
+// INIT
+// ========================
+loadStatus();
+loadQuota();
+loadPosts();
+loadPerformance(8);
+setInterval(loadStatus, 60000);
+</script>
 </body>
 </html>

scheduler.js

@@ -36,6 +36,12 @@ class SocialScheduler {
 
         if (currentMonthId !== lastMonthId) {
             console.log(`[Scheduler] New month detected (${currentMonthId}). Resetting quota.`);
+            // Reset per-channel quotas
+            if (this.config.monthly_quota.channels) {
+                for (const ch of Object.keys(this.config.monthly_quota.channels)) {
+                    this.config.monthly_quota.channels[ch].posted = 0;
+                }
+            }
             this.config.monthly_quota.posts_this_month = 0;
             this.config.monthly_quota.last_reset = new Date(now.getFullYear(), now.getMonth(), 1).toISOString();
             this.saveDB();
@@ -44,11 +50,51 @@ class SocialScheduler {
 
     loadDB() {
         if (!fs.existsSync(DB_PATH)) {
-            const initial = { autopilot: false, trackedAccounts: [], posts: [] };
+            const initial = this._defaultDB();
             fs.writeFileSync(DB_PATH, JSON.stringify(initial, null, 2));
             return initial;
         }
-        return JSON.parse(fs.readFileSync(DB_PATH, 'utf8'));
+        const db = JSON.parse(fs.readFileSync(DB_PATH, 'utf8'));
+        // Migrate old flat quota → per-channel quota
+        if (!db.monthly_quota?.channels) {
+            const old = db.monthly_quota || {};
+            db.monthly_quota = {
+                channels: {
+                    instagram:  { posted: old.posts_this_month || 0, limit: 10 },
+                    threads:    { posted: 0, limit: 10 },
+                    twitter:    { posted: 0, limit: 10 },
+                    linkedin:   { posted: 0, limit: 10 },
+                    facebook:   { posted: 0, limit: 10 },
+                    pinterest:  { posted: 0, limit: 10 }
+                },
+                posts_this_month: old.posts_this_month || 0,
+                last_reset: old.last_reset || new Date().toISOString(),
+                limit: 60 // total across all channels (10 x 6)
+            };
+            fs.writeFileSync(DB_PATH, JSON.stringify(db, null, 2));
+        }
+        return db;
+    }
+
+    _defaultDB() {
+        return {
+            autopilot: false,
+            trackedAccounts: [],
+            monthly_quota: {
+                channels: {
+                    instagram:  { posted: 0, limit: 10 },
+                    threads:    { posted: 0, limit: 10 },
+                    twitter:    { posted: 0, limit: 10 },
+                    linkedin:   { posted: 0, limit: 10 },
+                    facebook:   { posted: 0, limit: 10 },
+                    pinterest:  { posted: 0, limit: 10 }
+                },
+                posts_this_month: 0,
+                last_reset: new Date().toISOString(),
+                limit: 60
+            },
+            posts: []
+        };
     }
 
     saveDB() {
@@ -120,98 +166,140 @@ class SocialScheduler {
         return draft;
     }
 
-    async approveAndPost(postId, variant = 'v1', scheduleTime = null) {
-        this.checkQuotaReset();
-        
-        if (this.config.monthly_quota.posts_this_month >= this.config.monthly_quota.limit) {
-            return { success: false, error: 'Monthly quota reached (20/20)' };
-        }
+    // Platform → content field mapping
+    _getContentForChannel(contentData, channel) {
+        const map = {
+            instagram:  contentData.ig_id || contentData.ig_en,
+            threads:    contentData.threads_id || contentData.threads_en,
+            facebook:   contentData.fb_id || contentData.fb_en,
+            pinterest:  contentData.pinterest_id || contentData.pinterest_en,
+            twitter:    contentData.x_id || contentData.x_en,
+            linkedin:   contentData.linkedin_id || contentData.linkedin_en
+        };
+        return map[channel] || contentData.ig_en || '';
+    }
 
+    /**
+     * Post to specific channels (new per-channel approach)
+     */
+    async postToChannel(postId, channels = [], variant = 'v1', scheduleTime = null) {
+        this.checkQuotaReset();
         const post = this.config.posts.find(p => p.id === postId);
         if (!post) return { success: false, error: 'Post not found' };
 
         const contentData = post[variant];
-        
-        console.log(`[Scheduler] Posting/Scheduling ${postId} (${variant})...`);
-        
-        // 1. Zernio Group (IG, Threads, FB, Pinterest)
-        let zernioSuccess = false;
-        try {
-            const { accounts } = await zernioPoster.listAccounts();
-            
-            const targetPlatforms = ['threads', 'instagram', 'facebook', 'pinterest'];
-            const zPlatforms = [];
-
-            for (const platform of targetPlatforms) {
-                const acc = accounts.find(a => a.platform === platform);
-                if (acc) {
-                    let customContent = null;
-                    if (platform === 'threads') customContent = contentData.threads_id || contentData.threads_en;
-                    if (platform === 'pinterest') customContent = contentData.pinterest_id || contentData.pinterest_en;
-                    if (platform === 'facebook') customContent = contentData.fb_id || contentData.fb_en;
-
-                    zPlatforms.push({ 
-                        platform, 
-                        accountId: acc._id,
-                        ...(customContent ? { customContent } : {})
+        if (!contentData) return { success: false, error: `Variant ${variant} not found` };
+
+        const mediaUrls = post.type === 'carousel' ? (post.mediaUrls || []) : (contentData.mediaUrl ? [contentData.mediaUrl] : []);
+
+        // Initialize channel_posts on the post if needed
+        if (!post.channel_posts) post.channel_posts = {};
+
+        const results = {};
+        const zernioChs = ['instagram', 'threads', 'facebook', 'pinterest'];
+        const postProxyChs = ['twitter', 'linkedin'];
+
+        // Group channels by provider
+        const zernioTargets = channels.filter(c => zernioChs.includes(c));
+        const ppTargets = channels.filter(c => postProxyChs.includes(c));
+
+        // Check per-channel quotas first
+        for (const ch of channels) {
+            const quota = this.config.monthly_quota.channels?.[ch];
+            if (quota && quota.posted >= quota.limit) {
+                results[ch] = { success: false, error: `Monthly limit reached (${quota.limit}/${quota.limit})` };
+            }
+        }
+        const blockedChannels = Object.keys(results);
+        const validZernio = zernioTargets.filter(c => !blockedChannels.includes(c));
+        const validPP = ppTargets.filter(c => !blockedChannels.includes(c));
+
+        // Post to Zernio channels
+        if (validZernio.length > 0) {
+            try {
+                const { accounts } = await zernioPoster.listAccounts();
+                const zPlatforms = [];
+                for (const ch of validZernio) {
+                    const acc = (accounts || []).find(a => a.platform === ch);
+                    if (acc) {
+                        const customContent = ch !== 'instagram' ? this._getContentForChannel(contentData, ch) : null;
+                        zPlatforms.push({ platform: ch, accountId: acc._id, ...(customContent ? { customContent } : {}) });
+                    } else {
+                        results[ch] = { success: false, error: `No ${ch} account connected` };
+                    }
+                }
+                if (zPlatforms.length > 0) {
+                    const zResult = await zernioPoster.createPost({
+                        content: this._getContentForChannel(contentData, 'instagram'),
+                        mediaUrls,
+                        platforms: zPlatforms,
+                        scheduledFor: scheduleTime,
+                        publishNow: !scheduleTime
                     });
+                    for (const ch of zPlatforms.map(p => p.platform)) {
+                        results[ch] = { success: zResult.success, postId: zResult.postId };
+                        if (zResult.success) {
+                            post.channel_posts[ch] = { status: scheduleTime ? 'scheduled' : 'published', postId: zResult.postId, ts: new Date().toISOString() };
+                            if (this.config.monthly_quota.channels[ch]) this.config.monthly_quota.channels[ch].posted++;
+                        }
+                    }
                 }
+            } catch (e) {
+                for (const ch of validZernio) results[ch] = { success: false, error: e.message };
             }
+        }
 
-            if (zPlatforms.length > 0) {
-                const zResult = await zernioPoster.createPost({
-                    content: contentData.ig_id || contentData.ig_en,
-                    mediaUrls: post.type === 'carousel' ? post.mediaUrls : (contentData.mediaUrl ? [contentData.mediaUrl] : []),
-                    platforms: zPlatforms,
-                    scheduledFor: scheduleTime,
-                    publishNow: !scheduleTime
-                });
-                zernioSuccess = zResult.success;
-                if (zResult.success) post.zernioId = zResult.postId;
-            }
-        } catch (e) { console.error('[Scheduler] Zernio error:', e.message); }
+        // Post to PostProxy channels — separate calls per channel for correct content
+        for (const ch of validPP) {
+            try {
+                const ppProfilesRes = await postProxyPoster.getProfiles();
+                const profiles = ppProfilesRes.profiles || [];
+                const profile = profiles.find(p => p.platform === ch);
+                if (!profile) { results[ch] = { success: false, error: `No ${ch} profile connected` }; continue; }
 
-        // 2. PostProxy Group (X, LinkedIn)
-        let ppSuccess = false;
-        try {
-            const ppProfilesRes = await postProxyPoster.getProfiles();
-            const profiles = ppProfilesRes.profiles || [];
-            
-            // Filter profiles that user wants (X, LinkedIn)
-            const targetProfileIds = profiles
-                .filter(p => p.platform === 'twitter' || p.platform === 'linkedin')
-                .map(p => p.id);
-
-            if (targetProfileIds.length > 0) {
-                // PostProxy takes one content per post, we prioritize LinkedIn content 
-                // but X.com usually needs truncation which AI already did in x_id
-                // For simplicity, we create individual posts if needed or one combined if body limits allow.
-                // Unified PostProxy call:
                 const ppResult = await postProxyPoster.createPost({
-                    content: contentData.linkedin_id || contentData.linkedin_en || contentData.x_id,
-                    mediaUrls: post.type === 'carousel' ? post.mediaUrls : (contentData.mediaUrl ? [contentData.mediaUrl] : []),
-                    profiles: targetProfileIds
+                    content: this._getContentForChannel(contentData, ch),
+                    mediaUrls,
+                    profiles: [profile.id]
                 });
-                ppSuccess = ppResult.success;
-                if (ppResult.success) post.postProxyId = ppResult.postId;
-            } else {
-                ppSuccess = true; // No accounts to post to is success for this step
-            }
-        } catch (e) { console.error('[Scheduler] PostProxy error:', e.message); }
+                results[ch] = { success: ppResult.success, postId: ppResult.postId };
+                if (ppResult.success) {
+                    post.channel_posts[ch] = { status: scheduleTime ? 'scheduled' : 'published', postId: ppResult.postId, ts: new Date().toISOString() };
+                    if (this.config.monthly_quota.channels[ch]) this.config.monthly_quota.channels[ch].posted++;
+                }
+            } catch (e) { results[ch] = { success: false, error: e.message }; }
+        }
 
-        if (zernioSuccess || ppSuccess) {
-            this.config.monthly_quota.posts_this_month += 1;
+        // Update post status
+        const anySuccess = Object.values(results).some(r => r.success);
+        if (anySuccess) {
             post.status = scheduleTime ? 'scheduled' : 'published';
-            this.saveDB();
+            this.config.monthly_quota.posts_this_month = (this.config.monthly_quota.posts_this_month || 0) + 1;
+        }
+        this.saveDB();
 
-            // Update Sheet
-            try {
-                await sheets.updatePostStatus(post.zernioId || post.postProxyId, post.status.toUpperCase());
-            } catch(e){}
+        return { success: anySuccess, channels: results };
+    }
 
-            return { success: true };
-        }
-        return { success: false, error: 'All posting providers failed' };
+    async approveAndPost(postId, variant = 'v1', scheduleTime = null) {
+        // Legacy: post to all available channels
+        return this.postToChannel(postId, ['instagram', 'threads', 'facebook', 'pinterest', 'twitter', 'linkedin'], variant, scheduleTime);
+    }
+
+    /**
+     * Get recent posts performance sorted by date (most recent first)
+     */
+    getRecentPerformance(count = 12) {
+        const published = this.config.posts.filter(p => p.status === 'published' || p.status === 'scheduled');
+        return published.slice(0, count).map(p => ({
+            id: p.id,
+            title: p.v1?.title || p.originalUrl || 'Untitled',
+            status: p.status,
+            ts: p.ts,
+            channel_posts: p.channel_posts || {},
+            imageSource: p.imageSource,
+            pillar: p.v1?.pillar
+        }));
     }
 
     async syncStatusAndAnalytics() {

server.js

@@ -173,15 +173,20 @@ app.post('/api/social/research', async (req, res) => {
 });
 
 app.post('/api/social/approve', async (req, res) => {
-    const { postId, variant, scheduleTime, revisedText } = req.body;
-    
-    // Support revision
+    const { postId, variant, scheduleTime, revisedText, platform } = req.body;
+
     if (revisedText) {
         const p = scheduler.config.posts.find(x => x.id === postId);
         if (p) {
             const v = variant || 'v1';
-            const textFields = ['ig_id', 'ig_en', 'x_id', 'threads_id', 'fb_id', 'pinterest_id', 'linkedin_id'];
-            textFields.forEach(f => { if (p[v]) p[v][f] = revisedText; });
+            if (platform && p[v]) {
+                const fieldMap = { instagram: 'ig_id', threads: 'threads_id', twitter: 'x_id', linkedin: 'linkedin_id', facebook: 'fb_id', pinterest: 'pinterest_id' };
+                const field = fieldMap[platform];
+                if (field) p[v][field] = revisedText;
+            } else if (p[v]) {
+                ['ig_id', 'ig_en', 'x_id', 'threads_id', 'fb_id', 'pinterest_id', 'linkedin_id'].forEach(f => { if (p[v]) p[v][f] = revisedText; });
+            }
+            scheduler.saveDB();
         }
     }
 
@@ -227,6 +232,126 @@ app.get('/api/social/postproxy-profiles', async (req, res) => {
     const r = await postProxyPoster.getProfiles();
     res.json(r);
 });
+
+// ============================================
+// SOCIAL AUTOPILOT — ENHANCED API ENDPOINTS
+// ============================================
+
+// Per-channel quota status
+app.get('/api/social/quota', (req, res) => {
+    res.json({ success: true, quota: scheduler.config.monthly_quota });
+});
+
+// Account stats (Zernio + PostProxy combined)
+app.get('/api/social/account-stats', async (req, res) => {
+    try {
+        const [zernioRes, ppRes] = await Promise.allSettled([
+            zernioPoster.listAccounts(),
+            postProxyPoster.getProfiles()
+        ]);
+        const accounts = [];
+        if (zernioRes.status === 'fulfilled' && zernioRes.value.success) {
+            for (const a of zernioRes.value.accounts || []) {
+                accounts.push({ platform: a.platform, username: a.username, provider: 'zernio', id: a._id, ...a });
+            }
+        }
+        if (ppRes.status === 'fulfilled' && ppRes.value.success) {
+            for (const p of ppRes.value.profiles || []) {
+                accounts.push({ platform: p.platform, username: p.name || p.id, provider: 'postproxy', id: p.id, ...p });
+            }
+        }
+        res.json({ success: true, accounts });
+    } catch (e) { res.json({ success: false, error: e.message }); }
+});
+
+// Recent posts performance
+app.get('/api/social/analytics/recent/:count', (req, res) => {
+    const count = Math.min(parseInt(req.params.count) || 12, 50);
+    res.json({ success: true, posts: scheduler.getRecentPerformance(count) });
+});
+
+// Manual analytics sync
+app.post('/api/social/analytics/sync', async (req, res) => {
+    try {
+        await scheduler.syncStatusAndAnalytics();
+        res.json({ success: true, message: 'Analytics synced' });
+    } catch (e) { res.json({ success: false, error: e.message }); }
+});
+
+// Per-channel posting
+app.post('/api/social/pipeline/post/:postId', async (req, res) => {
+    const { postId } = req.params;
+    const { channels, variant, scheduleTime } = req.body;
+    if (!channels || !Array.isArray(channels) || channels.length === 0) {
+        return res.json({ success: false, error: 'channels[] required' });
+    }
+    const result = await scheduler.postToChannel(postId, channels, variant || 'v1', scheduleTime);
+    res.json(result);
+});
+
+// MiroFish sentiment pre-flight for post titles
+app.post('/api/social/pipeline/sentiment/:postId', async (req, res) => {
+    try {
+        const post = scheduler.config.posts.find(p => p.id === req.params.postId);
+        if (!post) return res.json({ success: false, error: 'Post not found' });
+        const { variant } = req.body;
+        const v = post[variant || 'v1'];
+        if (!v) return res.json({ success: false, error: 'Variant not found' });
+        const titles = [v.title, v.ig_en?.substring(0, 125), v.threads_en?.substring(0, 200)].filter(Boolean);
+        const result = await sentimentAgent.quickPostPreFlight(titles);
+        // Store sentiment results on post
+        post.sentiment = result;
+        scheduler.saveDB();
+        res.json({ success: true, sentiment: result });
+    } catch (e) { res.json({ success: false, error: e.message }); }
+});
+
+// Download post media as zip
+app.get('/api/social/download/:postId/zip', async (req, res) => {
+    try {
+        const post = scheduler.config.posts.find(p => p.id === req.params.postId);
+        if (!post) return res.status(404).json({ success: false, error: 'Post not found' });
+
+        const archiver = require('archiver');
+        const archive = archiver('zip', { zlib: { level: 5 } });
+        res.attachment(`${post.id}_media.zip`);
+        archive.pipe(res);
+
+        // Collect media URLs and add as remote files
+        const mediaUrls = [];
+        if (post.type === 'carousel' && post.mediaUrls) {
+            mediaUrls.push(...post.mediaUrls);
+        } else if (post.v1?.mediaUrl) {
+            mediaUrls.push(post.v1.mediaUrl);
+        }
+
+        // Add content text files for each platform
+        const variants = ['v1', 'v2', 'v3'];
+        for (const vk of variants) {
+            const v = post[vk];
+            if (!v) continue;
+            let content = `Title: ${v.title || ''}\n\n`;
+            content += `--- Instagram ---\n${v.ig_id || v.ig_en || ''}\n\n`;
+            content += `--- Threads ---\n${v.threads_id || v.threads_en || ''}\n\n`;
+            content += `--- Twitter/X ---\n${v.x_id || v.x_en || ''}\n\n`;
+            content += `--- LinkedIn ---\n${v.linkedin_id || v.linkedin_en || ''}\n\n`;
+            content += `--- Facebook ---\n${v.fb_id || v.fb_en || ''}\n\n`;
+            content += `--- Pinterest ---\n${v.pinterest_id || v.pinterest_en || ''}\n`;
+            if (v.hashtags) content += `\n--- Hashtags ---\n${v.hashtags.join(' ')}\n`;
+            archive.append(content, { name: `${vk}_content.txt` });
+        }
+
+        // For media, add URLs as a reference file (can't stream remote URLs in HF easily)
+        if (mediaUrls.length > 0) {
+            archive.append(mediaUrls.join('\n'), { name: 'media_urls.txt' });
+        }
+
+        await archive.finalize();
+    } catch (e) {
+        if (!res.headersSent) res.status(500).json({ success: false, error: e.message });
+    }
+});
+
 // ============================================
 // MIROFISH SENTIMENT DASHBOARD API
 // ============================================

skills/hf_deployer.js

@@ -13,35 +13,73 @@ module.exports = {
     syncCode: async () => {
         console.log('[Deployer] Starting Infrastructure Sync...');
         
-        return new Promise((resolve) => {
-            // Sequence: Add -> Commit -> Push
-            const cmd = `git add . && git commit -m "VinOS Auto-Update: Strategic Sync" && git push hf master:main --force`;
+        return new Promise(async (resolve) => {
+            const cwd = path.resolve(__dirname, '..');
+            const apiCaller = require('./api_caller');
             
-            exec(cmd, { cwd: path.resolve(__dirname, '..') }, async (error, stdout, stderr) => {
-                if (error) {
-                    console.error(`[Deployer] Sync Error: ${error.message}`);
-                    return resolve({ success: false, error: error.message, details: stderr });
-                }
-                console.log(`[Deployer] Sync Success: ${stdout}`);
+            try {
+                // 1. Stage changes to view diff
+                const { execSync } = require('child_process');
+                execSync('git add .', { cwd });
                 
-                // --- Telegram Notification on Update ---
+                // 2. Extract diff to generate Release Notes
+                let diff = '';
                 try {
-                    const apiCaller = require('./api_caller');
-                    const adminChatId = '8743583463'; // The known admin/user chat ID
-                    
-                    await apiCaller.callTelegram('sendMessage', {
-                        chat_id: adminChatId,
-                        text: '🔊 <b>BEEP! SYSTEM UPDATE</b>\n\n✅ <b>VinOS Engine Successfully Synced to Cloud</b>\n\nThe Hugging Face Space is restarting with the latest code modules.',
-                        parse_mode: 'HTML',
-                        disable_notification: false // Ensures a sound is played!
-                    });
-                    console.log(`[Deployer] Telegram admin notification sent.`);
-                } catch (e) {
-                    console.error(`[Deployer] Failed to notify admin:`, e.message);
+                    diff = execSync('git diff --staged', { cwd }).toString();
+                } catch(e) {}
+                
+                let whatsNew = "<i>Routine synchronization and minor updates.</i>";
+                if (diff.trim().length > 10) {
+                    console.log(`[Deployer] Analyzing diff for release notes...`);
+                    const shortDiff = diff.substring(0, 4500); // Prevent context overload
+                    const prompt = [
+                        { role: 'system', content: 'You are an AI generating a concise release note for a Telegram bot update based on a git diff. Summarize what changed, bugs fixed, and new features added. If new features exist, briefly explain how to use them (1-2 short sentences). Output ONLY the Telegram-formatted HTML message using a few emojis. Do not wrap in markdown blocks, just return the text.' },
+                        { role: 'user', content: `Here is the git diff:\n${shortDiff}` }
+                    ];
+                    const res = await apiCaller.callOpenRouter(prompt);
+                    if (res.success && res.data) whatsNew = res.data;
+                }
+
+                // 3. Safety Check: Keep local backup and fetch remote working state
+                const backupName = `backup_${Date.now()}`;
+                try {
+                    console.log(`[Deployer] Creating safety backup branch: ${backupName}`);
+                    execSync(`git branch ${backupName}`, { cwd });
+                    console.log(`[Deployer] Fetching working state from HF...`);
+                    execSync(`git fetch hf main`, { cwd });
+                } catch(e) {
+                    console.warn(`[Deployer] Safety backup warning: ${e.message}`);
                 }
 
-                resolve({ success: true, output: stdout });
-            });
+                // 4. Commit and Push
+                const cmd = `git commit -m "VinOS Auto-Update: Strategic Sync" && git push hf master:main --force`;
+                exec(cmd, { cwd }, async (error, stdout, stderr) => {
+                    if (error && !stdout.includes('nothing to commit')) {
+                        console.error(`[Deployer] Sync Error: ${error.message}`);
+                        return resolve({ success: false, error: error.message, details: stderr });
+                    }
+                    console.log(`[Deployer] Sync Success.`);
+                    
+                    // --- Telegram Notification on Update ---
+                    try {
+                        const adminChatId = '8743583463'; // Custom user ID
+                        await apiCaller.callTelegram('sendMessage', {
+                            chat_id: adminChatId,
+                            text: `🔊 <b>BEEP! SYSTEM UPDATE</b>\n\n✅ <b>VinOS Engine Successfully Synced to Cloud</b>\n\n<b>What's New:</b>\n${whatsNew}`,
+                            parse_mode: 'HTML',
+                            disable_notification: false // Play sound
+                        });
+                        console.log(`[Deployer] Telegram admin notification sent.`);
+                    } catch (e) {
+                        console.error(`[Deployer] Failed to notify admin:`, e.message);
+                    }
+
+                    resolve({ success: true, output: stdout });
+                });
+            } catch (err) {
+                console.error(`[Deployer] Major Error: ${err.message}`);
+                resolve({ success: false, error: err.message });
+            }
         });
     }
 };

skills/sentiment_agent.js

@@ -527,6 +527,41 @@ Explain the analysis approach and limitations.`;
         }
     }
 
+    /**
+     * Quick pre-flight sentiment test for social post titles/hooks
+     * Used in the Social Autopilot pipeline before posting
+     * @param {string[]} titles - Array of title/hook strings to test
+     * @returns {object} { scores: [{title, positive, negative, neutral, rating}], recommendation }
+     */
+    async quickPostPreFlight(titles) {
+        const apiCaller = require('./api_caller');
+        if (!titles || titles.length === 0) return { scores: [], recommendation: 'No titles provided' };
+
+        const titlesFormatted = titles.map((t, i) => `${i + 1}. "${t}"`).join('\n');
+
+        const messages = [
+            { role: 'system', content: 'You are a social media sentiment prediction expert. Analyze post titles/hooks and predict audience reaction. Respond ONLY in valid JSON.' },
+            { role: 'user', content: `Predict audience sentiment for these social media post titles/hooks:\n\n${titlesFormatted}\n\nRespond in this exact JSON format:\n{\n  "scores": [\n    {"title": "...", "positive": 72, "negative": 8, "neutral": 20, "rating": 8.5, "note": "short note"}\n  ],\n  "best_index": 0,\n  "recommendation": "one-line recommendation"\n}\n\nRating is 1-10 engagement potential. Percentages must sum to 100.` }
+        ];
+
+        try {
+            const result = await apiCaller.callOpenRouter(messages, 'meta-llama/llama-3.3-70b-instruct:free');
+            if (!result.success) return { scores: [], recommendation: 'LLM call failed' };
+
+            // Parse JSON from response
+            const text = result.data || '';
+            const jsonMatch = text.match(/\{[\s\S]*\}/);
+            if (jsonMatch) {
+                const parsed = JSON.parse(jsonMatch[0]);
+                return parsed;
+            }
+            return { scores: [], recommendation: text.substring(0, 200) };
+        } catch (err) {
+            console.error('[SentimentAgent] PreFlight error:', err.message);
+            return { scores: [], recommendation: 'Analysis failed: ' + err.message };
+        }
+    }
+
     // === MiroFish API Helpers ===
 
     async _checkHealth() {