diff --git a/.env.local b/.env.local
index 604013c9..cd53e2f0 100644
--- a/.env.local
+++ b/.env.local
@@ -1,4 +1,13 @@
+NEXT_PUBLIC_DEVELOPMENT_BASE_URL=http://localhost:3000
 NEXT_PUBLIC_AMICA_API_URL=https://store.heyamica.com
 NEXT_PUBLIC_AMICA_STORAGE_URL=https://vrm.heyamica.com/file/amica-vrm
 NEXT_PUBLIC_SUPABASE_URL=https://kzfcwefqffysqsjrlyld.supabase.co
 NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imt6ZmN3ZWZxZmZ5c3FzanJseWxkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MDEyNzA5NjUsImV4cCI6MjAxNjg0Njk2NX0.z9zm2mbJu6RkdZ6zkCUltThIF43-ava_bLvk9qFQsiA
+
+X_API_KEY="X_API_KEY"
+X_API_SECRET="X_API_SECRET"
+X_ACCESS_TOKEN="X_ACCESS_TOKEN"
+X_ACCESS_SECRET="X_ACCESS_SECRET"
+X_BEARER_TOKEN="X_BEARER_TOKEN"
+TELEGRAM_BOT_TOKEN="TELEGRAM_BOT_TOKEN"
+TELEGRAM_CHAT_ID="TELEGRAM_CHAT_ID"
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 99ad90a6..01252425 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,6 +27,7 @@
         "filepond": "^4.30.4",
         "filepond-plugin-file-validate-type": "^1.2.8",
         "filepond-plugin-image-preview": "^4.6.11",
+        "formidable": "^3.5.2",
         "i18next": "^23.7.7",
         "i18next-browser-languagedetector": "^7.2.0",
         "next": "^13.5.6",
@@ -35,7 +36,9 @@
         "react-filepond": "^7.1.2",
         "react-i18next": "^13.5.0",
         "react-webcam": "^7.2.0",
+        "telegraf": "^4.16.3",
         "three": "^0.154.0",
+        "twitter-api-v2": "^1.19.0",
         "typescript-collections": "^1.3.3",
         "wavefile": "^11.0.0",
         "window.ai": "^0.2.4"
@@ -48,6 +51,7 @@
         "@testing-library/react": "^14.1.2",
         "@types/dom-speech-recognition": "^0.0.1",
         "@types/file-saver": "^2.0.7",
+        "@types/formidable": "^3.4.5",
         "@types/node": "18.15.10",
         "@types/react": "18.0.29",
         "@types/react-dom": "18.0.11",
@@ -3843,6 +3847,12 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@telegraf/types": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/@telegraf/types/-/types-7.1.0.tgz",
+      "integrity": "sha512-kGevOIbpMcIlCDeorKGpwZmdH7kHbqlk/Yj6dEpJMKEQw5lk0KVQY0OLXaCswy8GqlIVLd5625OB+rAntP9xVw==",
+      "license": "MIT"
+    },
     "node_modules/@testing-library/dom": {
       "version": "9.3.3",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz",
@@ -4058,6 +4068,16 @@
       "integrity": "sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==",
       "dev": true
     },
+    "node_modules/@types/formidable": {
+      "version": "3.4.5",
+      "resolved": "https://registry.npmjs.org/@types/formidable/-/formidable-3.4.5.tgz",
+      "integrity": "sha512-s7YPsNVfnsng5L8sKnG/Gbb2tiwwJTY1conOkJzTMRvJAlLFW1nEua+ADsJQu8N1c0oTHx9+d5nqg10WuT9gHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/glob": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz",
@@ -4509,6 +4529,18 @@
       "deprecated": "Use your platform's native atob() and btoa() methods instead",
       "dev": true
     },
+    "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/acorn": {
       "version": "8.8.2",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
@@ -4815,6 +4847,12 @@
         "get-intrinsic": "^1.1.3"
       }
     },
+    "node_modules/asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
+      "license": "MIT"
+    },
     "node_modules/ast-types-flow": {
       "version": "0.0.7",
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
@@ -5277,6 +5315,28 @@
         "ieee754": "^1.1.13"
       }
     },
+    "node_modules/buffer-alloc": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/buffer-alloc/-/buffer-alloc-1.2.0.tgz",
+      "integrity": "sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-alloc-unsafe": "^1.1.0",
+        "buffer-fill": "^1.0.0"
+      }
+    },
+    "node_modules/buffer-alloc-unsafe": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz",
+      "integrity": "sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==",
+      "license": "MIT"
+    },
+    "node_modules/buffer-fill": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-fill/-/buffer-fill-1.0.0.tgz",
+      "integrity": "sha512-T7zexNBwiiaCOGDg9xNX9PBmjrubblRkENuptryuI64URkXDFum9il/JGL8Lm8wYfAXpredVXXZz7eMHilimiQ==",
+      "license": "MIT"
+    },
     "node_modules/buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -6217,6 +6277,16 @@
         "react": ">=16"
       }
     },
+    "node_modules/dezalgo": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/dezalgo/-/dezalgo-1.0.4.tgz",
+      "integrity": "sha512-rXSP0bf+5n0Qonsb+SVVfNfIsimO4HEtmnIpPHY8Q1UCzKlQrDMfdobr8nJOOsRgWCyMRqeSBQzmWUMq7zvVig==",
+      "license": "ISC",
+      "dependencies": {
+        "asap": "^2.0.0",
+        "wrappy": "1"
+      }
+    },
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@@ -7139,6 +7209,15 @@
         "node": ">=0.10.0"
       }
     },
+    "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",
@@ -7428,6 +7507,20 @@
         "node": ">= 6"
       }
     },
+    "node_modules/formidable": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/formidable/-/formidable-3.5.2.tgz",
+      "integrity": "sha512-Jqc1btCy3QzRbJaICGwKcBfGWuLADRerLzDqi2NwSt/UkXLsHJw2TVResiaoBufHVHy9aSgClOHCeJsSsFLTbg==",
+      "license": "MIT",
+      "dependencies": {
+        "dezalgo": "^1.0.4",
+        "hexoid": "^2.0.0",
+        "once": "^1.4.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/tunnckoCore/commissions"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -7949,6 +8042,15 @@
       "integrity": "sha512-Rf4YVNYpKjZ6ASAmibcwTNciQ5Co5Ztq6iZPEykHpkoflnD/K5ryE/rHehFsTm4NJj8nKDhbi3eKBWGogmNnkg==",
       "dev": true
     },
+    "node_modules/hexoid": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hexoid/-/hexoid-2.0.0.tgz",
+      "integrity": "sha512-qlspKUK7IlSQv2o+5I7yhUd7TxlOG2Vr5LTa3ve2XSNVKAL/n/u/7KLvKmFNimomDIKvZFXWHv0T12mv7rT8Aw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/html-encoding-sniffer": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
@@ -10265,6 +10367,15 @@
         "node": ">0.9"
       }
     },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -10379,6 +10490,48 @@
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
       "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA=="
     },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-fetch/node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
+    },
+    "node_modules/node-fetch/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
     "node_modules/node-gyp-build": {
       "version": "4.7.1",
       "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.7.1.tgz",
@@ -10722,6 +10875,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/p-timeout": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-4.1.0.tgz",
+      "integrity": "sha512-+/wmHtzJuWii1sXn3HCuH/FTwGhrp4tmJTxSKJbfS+vkipci6osxXM5mY0jUiRzWKMTgUT8l7HFbeSwZAynqHw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/p-try": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
@@ -11863,6 +12025,15 @@
         }
       ]
     },
+    "node_modules/safe-compare": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/safe-compare/-/safe-compare-1.1.4.tgz",
+      "integrity": "sha512-b9wZ986HHCo/HbKrRpBJb2kqXMK9CEWIE1egeEvZsYn69ay3kdfl9nG3RyOcR+jInTDf7a86WQ1d4VJX7goSSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-alloc": "^1.2.0"
+      }
+    },
     "node_modules/safe-regex-test": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
@@ -11882,6 +12053,15 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "dev": true
     },
+    "node_modules/sandwich-stream": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/sandwich-stream/-/sandwich-stream-2.0.2.tgz",
+      "integrity": "sha512-jLYV0DORrzY3xaz/S9ydJL6Iz7essZeAfnAavsJ+zsJGZ1MOnsS52yRjU3uF3pJa/lla7+wisp//fxOwOH8SKQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/saxes": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
@@ -12579,6 +12759,28 @@
         "streamx": "^2.12.5"
       }
     },
+    "node_modules/telegraf": {
+      "version": "4.16.3",
+      "resolved": "https://registry.npmjs.org/telegraf/-/telegraf-4.16.3.tgz",
+      "integrity": "sha512-yjEu2NwkHlXu0OARWoNhJlIjX09dRktiMQFsM678BAH/PEPVwctzL67+tvXqLCRQQvm3SDtki2saGO9hLlz68w==",
+      "license": "MIT",
+      "dependencies": {
+        "@telegraf/types": "^7.1.0",
+        "abort-controller": "^3.0.0",
+        "debug": "^4.3.4",
+        "mri": "^1.2.0",
+        "node-fetch": "^2.7.0",
+        "p-timeout": "^4.1.0",
+        "safe-compare": "^1.1.4",
+        "sandwich-stream": "^2.0.2"
+      },
+      "bin": {
+        "telegraf": "lib/cli.mjs"
+      },
+      "engines": {
+        "node": "^12.20.0 || >=14.13.1"
+      }
+    },
     "node_modules/temp-dir": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
@@ -12971,6 +13173,12 @@
         "node": "*"
       }
     },
+    "node_modules/twitter-api-v2": {
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/twitter-api-v2/-/twitter-api-v2-1.19.0.tgz",
+      "integrity": "sha512-jfG4aapNPM9+4VxNxn0TXvD8Qj8NmVx6cY0hp5K626uZ41qXPaJz33Djd3y6gfHF/+W29+iZz0Y5qB869d/akA==",
+      "license": "Apache-2.0"
+    },
     "node_modules/type": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
@@ -16673,6 +16881,11 @@
       "dev": true,
       "optional": true
     },
+    "@telegraf/types": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/@telegraf/types/-/types-7.1.0.tgz",
+      "integrity": "sha512-kGevOIbpMcIlCDeorKGpwZmdH7kHbqlk/Yj6dEpJMKEQw5lk0KVQY0OLXaCswy8GqlIVLd5625OB+rAntP9xVw=="
+    },
     "@testing-library/dom": {
       "version": "9.3.3",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz",
@@ -16849,6 +17062,15 @@
       "integrity": "sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==",
       "dev": true
     },
+    "@types/formidable": {
+      "version": "3.4.5",
+      "resolved": "https://registry.npmjs.org/@types/formidable/-/formidable-3.4.5.tgz",
+      "integrity": "sha512-s7YPsNVfnsng5L8sKnG/Gbb2tiwwJTY1conOkJzTMRvJAlLFW1nEua+ADsJQu8N1c0oTHx9+d5nqg10WuT9gHQ==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
     "@types/glob": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz",
@@ -17249,6 +17471,14 @@
       "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
       "dev": true
     },
+    "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==",
+      "requires": {
+        "event-target-shim": "^5.0.0"
+      }
+    },
     "acorn": {
       "version": "8.8.2",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
@@ -17474,6 +17704,11 @@
         "get-intrinsic": "^1.1.3"
       }
     },
+    "asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA=="
+    },
     "ast-types-flow": {
       "version": "0.0.7",
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
@@ -17803,6 +18038,25 @@
         "ieee754": "^1.1.13"
       }
     },
+    "buffer-alloc": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/buffer-alloc/-/buffer-alloc-1.2.0.tgz",
+      "integrity": "sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==",
+      "requires": {
+        "buffer-alloc-unsafe": "^1.1.0",
+        "buffer-fill": "^1.0.0"
+      }
+    },
+    "buffer-alloc-unsafe": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz",
+      "integrity": "sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg=="
+    },
+    "buffer-fill": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-fill/-/buffer-fill-1.0.0.tgz",
+      "integrity": "sha512-T7zexNBwiiaCOGDg9xNX9PBmjrubblRkENuptryuI64URkXDFum9il/JGL8Lm8wYfAXpredVXXZz7eMHilimiQ=="
+    },
     "buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -18483,6 +18737,15 @@
       "integrity": "sha512-Lwv5W0Hk+uOW3kGnsU9GZoR1er1B7WQ5DSdonoNG+focTNeJbHW6vi6nBoX534VKI3/uwHebYzSw1fwY6a7mTw==",
       "requires": {}
     },
+    "dezalgo": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/dezalgo/-/dezalgo-1.0.4.tgz",
+      "integrity": "sha512-rXSP0bf+5n0Qonsb+SVVfNfIsimO4HEtmnIpPHY8Q1UCzKlQrDMfdobr8nJOOsRgWCyMRqeSBQzmWUMq7zvVig==",
+      "requires": {
+        "asap": "^2.0.0",
+        "wrappy": "1"
+      }
+    },
     "didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@@ -19193,6 +19456,11 @@
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="
     },
+    "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=="
+    },
     "events": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
@@ -19439,6 +19707,16 @@
         "mime-types": "^2.1.12"
       }
     },
+    "formidable": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/formidable/-/formidable-3.5.2.tgz",
+      "integrity": "sha512-Jqc1btCy3QzRbJaICGwKcBfGWuLADRerLzDqi2NwSt/UkXLsHJw2TVResiaoBufHVHy9aSgClOHCeJsSsFLTbg==",
+      "requires": {
+        "dezalgo": "^1.0.4",
+        "hexoid": "^2.0.0",
+        "once": "^1.4.0"
+      }
+    },
     "fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -19835,6 +20113,11 @@
         }
       }
     },
+    "hexoid": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hexoid/-/hexoid-2.0.0.tgz",
+      "integrity": "sha512-qlspKUK7IlSQv2o+5I7yhUd7TxlOG2Vr5LTa3ve2XSNVKAL/n/u/7KLvKmFNimomDIKvZFXWHv0T12mv7rT8Aw=="
+    },
     "html-encoding-sniffer": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
@@ -21542,6 +21825,11 @@
       "integrity": "sha512-IXnMcJ6ZyTuhRmJSjzvHSRhlVPiN9Jwc6e59V0bEJ0ba6OBeX2L0E+mRN1QseeOF4mM+F1Rit6Nh7o+rl2Yn/A==",
       "dev": true
     },
+    "mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA=="
+    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -21619,6 +21907,35 @@
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
       "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA=="
     },
+    "node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "requires": {
+        "whatwg-url": "^5.0.0"
+      },
+      "dependencies": {
+        "tr46": {
+          "version": "0.0.3",
+          "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+          "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
+        },
+        "webidl-conversions": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+          "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
+        },
+        "whatwg-url": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+          "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+          "requires": {
+            "tr46": "~0.0.3",
+            "webidl-conversions": "^3.0.0"
+          }
+        }
+      }
+    },
     "node-gyp-build": {
       "version": "4.7.1",
       "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.7.1.tgz",
@@ -21865,6 +22182,11 @@
       "resolved": "https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz",
       "integrity": "sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw=="
     },
+    "p-timeout": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-4.1.0.tgz",
+      "integrity": "sha512-+/wmHtzJuWii1sXn3HCuH/FTwGhrp4tmJTxSKJbfS+vkipci6osxXM5mY0jUiRzWKMTgUT8l7HFbeSwZAynqHw=="
+    },
     "p-try": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
@@ -22629,6 +22951,14 @@
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
     },
+    "safe-compare": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/safe-compare/-/safe-compare-1.1.4.tgz",
+      "integrity": "sha512-b9wZ986HHCo/HbKrRpBJb2kqXMK9CEWIE1egeEvZsYn69ay3kdfl9nG3RyOcR+jInTDf7a86WQ1d4VJX7goSSQ==",
+      "requires": {
+        "buffer-alloc": "^1.2.0"
+      }
+    },
     "safe-regex-test": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
@@ -22645,6 +22975,11 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "dev": true
     },
+    "sandwich-stream": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/sandwich-stream/-/sandwich-stream-2.0.2.tgz",
+      "integrity": "sha512-jLYV0DORrzY3xaz/S9ydJL6Iz7essZeAfnAavsJ+zsJGZ1MOnsS52yRjU3uF3pJa/lla7+wisp//fxOwOH8SKQ=="
+    },
     "saxes": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
@@ -23140,6 +23475,21 @@
         "streamx": "^2.12.5"
       }
     },
+    "telegraf": {
+      "version": "4.16.3",
+      "resolved": "https://registry.npmjs.org/telegraf/-/telegraf-4.16.3.tgz",
+      "integrity": "sha512-yjEu2NwkHlXu0OARWoNhJlIjX09dRktiMQFsM678BAH/PEPVwctzL67+tvXqLCRQQvm3SDtki2saGO9hLlz68w==",
+      "requires": {
+        "@telegraf/types": "^7.1.0",
+        "abort-controller": "^3.0.0",
+        "debug": "^4.3.4",
+        "mri": "^1.2.0",
+        "node-fetch": "^2.7.0",
+        "p-timeout": "^4.1.0",
+        "safe-compare": "^1.1.4",
+        "sandwich-stream": "^2.0.2"
+      }
+    },
     "temp-dir": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
@@ -23445,6 +23795,11 @@
         "safe-buffer": "^5.0.1"
       }
     },
+    "twitter-api-v2": {
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/twitter-api-v2/-/twitter-api-v2-1.19.0.tgz",
+      "integrity": "sha512-jfG4aapNPM9+4VxNxn0TXvD8Qj8NmVx6cY0hp5K626uZ41qXPaJz33Djd3y6gfHF/+W29+iZz0Y5qB869d/akA=="
+    },
     "type": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
diff --git a/package.json b/package.json
index 25504ece..c5ee150d 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
     "filepond": "^4.30.4",
     "filepond-plugin-file-validate-type": "^1.2.8",
     "filepond-plugin-image-preview": "^4.6.11",
+    "formidable": "^3.5.2",
     "i18next": "^23.7.7",
     "i18next-browser-languagedetector": "^7.2.0",
     "next": "^13.5.6",
@@ -44,7 +45,9 @@
     "react-filepond": "^7.1.2",
     "react-i18next": "^13.5.0",
     "react-webcam": "^7.2.0",
+    "telegraf": "^4.16.3",
     "three": "^0.154.0",
+    "twitter-api-v2": "^1.19.0",
     "typescript-collections": "^1.3.3",
     "wavefile": "^11.0.0",
     "window.ai": "^0.2.4"
@@ -57,6 +60,7 @@
     "@testing-library/react": "^14.1.2",
     "@types/dom-speech-recognition": "^0.0.1",
     "@types/file-saver": "^2.0.7",
+    "@types/formidable": "^3.4.5",
     "@types/node": "18.15.10",
     "@types/react": "18.0.29",
     "@types/react-dom": "18.0.11",
diff --git a/public/debugLogger.js b/public/debugLogger.js
index 7130f8d2..4e1046b8 100644
--- a/public/debugLogger.js
+++ b/public/debugLogger.js
@@ -9,11 +9,23 @@ if (typeof window !== "undefined") {
         }
 
         function logf() {
-          window.error_handler_logs.push({
+          const logEntry = {
             type: name,
-            ts: +new Date,
+            ts: +new Date(),
             arguments,
-          });
+          };
+          window.error_handler_logs.push(logEntry);
+
+          const logsUrl = new URL(`${window.location.protocol}//${window.location.hostname}:${window.location.port}/api/dataHandler`);
+          logsUrl.searchParams.append("type", "logs");
+          if (window.location.hostname === "localhost") {
+            fetch(logsUrl, {
+              method: "POST",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify(logEntry),
+            });
+          }
+
           passf.apply(null, arguments);
         }
 
diff --git a/src/components/settings.tsx b/src/components/settings.tsx
index 1ea3864b..73355953 100644
--- a/src/components/settings.tsx
+++ b/src/components/settings.tsx
@@ -66,6 +66,8 @@ import { SystemPromptPage } from './settings/SystemPromptPage';
 import { AmicaLifePage } from "./settings/AmicaLifePage";
 import { useVrmStoreContext } from "@/features/vrmStore/vrmStoreContext";
 import { OpenRouterSettings } from "./settings/OpenRouterSettingsPage";
+import { ExternalAPIPage } from "./settings/ExternalAPIPage";
+
 
 export const Settings = ({
   onClickClose,
@@ -156,6 +158,8 @@ export const Settings = ({
   const [timeToSleep, setTimeToSleep] = useState<number>(parseInt(config("time_to_sleep_sec")));
   const [idleTextPrompt, setIdleTextPrompt] = useState(config("idle_text_prompt"));
 
+  const [externalApiEnabled,setExternalApiEnabled] = useState<boolean>(config("external_api_enabled") === 'true' ? true : false);
+
   const [name, setName] = useState(config("name"));
   const [systemPrompt, setSystemPrompt] = useState(config("system_prompt"));
 
@@ -264,6 +268,7 @@ export const Settings = ({
     whisperOpenAIApiKey, whisperOpenAIModel, whisperOpenAIUrl,
     whisperCppUrl,
     amicaLifeEnabled, timeBeforeIdle, minTimeInterval, maxTimeInterval, timeToSleep, idleTextPrompt,
+    externalApiEnabled,
     name,
     systemPrompt,
     sttWakeWordEnabled, sttWakeWord,
@@ -279,7 +284,7 @@ export const Settings = ({
     switch(page) {
     case 'main_menu':
       return <MenuPage
-        keys={["appearance",  "amica_life", "chatbot", "tts", "stt", "vision", "reset_settings", "community"]}
+        keys={["appearance",  "amica_life", "chatbot", "tts", "stt", "vision", "external_api", "reset_settings", "community"]}
         menuClick={handleMenuClick} />;
 
     case 'appearance':
@@ -610,6 +615,13 @@ export const Settings = ({
         setSettingsUpdated={setSettingsUpdated}
         />
 
+    case 'external_api':
+      return <ExternalAPIPage
+        externalApiEnabled={externalApiEnabled}
+        setExternalApiEnabled={setExternalApiEnabled}
+        setSettingsUpdated={setSettingsUpdated}
+        />
+
     default:
       throw new Error('page not found');
     }
diff --git a/src/components/settings/ExternalAPIPage.tsx b/src/components/settings/ExternalAPIPage.tsx
new file mode 100644
index 00000000..0642028b
--- /dev/null
+++ b/src/components/settings/ExternalAPIPage.tsx
@@ -0,0 +1,47 @@
+import { useTranslation } from 'react-i18next';
+
+import { BasicPage, FormRow } from './common';
+import { config, updateConfig } from "@/utils/config";
+import { SwitchBox } from "@/components/switchBox"
+import isDev from '@/utils/isDev';
+import { IconButton } from '../iconButton';
+import { SecretTextInput } from '../secretTextInput';
+
+
+export function ExternalAPIPage({
+    externalApiEnabled,
+    setExternalApiEnabled,
+    setSettingsUpdated,
+}: {
+    externalApiEnabled: boolean;
+    setExternalApiEnabled: (amicaLifeEnabled: boolean) => void;
+    setSettingsUpdated: (updated: boolean) => void;
+}) {
+
+    const { t } = useTranslation();
+
+    return (
+        <BasicPage
+            title={`${t("External API")} ${t("Settings")}`}
+            description={`${t("Enables")} ${t("Only in development mode")}`}
+        >
+            <ul role="list" className="divide-y divide-gray-100 max-w-xs">
+                <li className="py-4">
+                    <FormRow label={`${t("Use")} ${t("External API")}`}>
+                        <SwitchBox
+                            value={externalApiEnabled}
+                            label={`${t("External API")} ${t("Enabled")} ${t("(Disable to improve performance)")}`}
+                            disabled={!isDev}
+                            onChange={(value: boolean) => {
+                                setExternalApiEnabled(value);
+                                updateConfig("external_api_enabled", value.toString());
+                                setSettingsUpdated(true);
+                            }}
+                        />
+                    </FormRow>
+                </li>
+                
+            </ul>
+        </BasicPage>
+    );
+}
\ No newline at end of file
diff --git a/src/components/settings/common.tsx b/src/components/settings/common.tsx
index 2f1a587b..c450a5a3 100644
--- a/src/components/settings/common.tsx
+++ b/src/components/settings/common.tsx
@@ -22,6 +22,7 @@ import {
   MoonIcon,
   SunIcon,
   CogIcon,
+  ArrowTopRightOnSquareIcon,
 } from '@heroicons/react/24/outline';
 
 import logo from '/public/logo.png';
@@ -141,6 +142,7 @@ export function getIconFromPage(page: string): JSX.Element {
     case 'tts':                 return <MusicalNoteIcon className="h-5 w-5 flex-none text-gray-800" aria-hidden="true" />;
     case 'stt':                 return <PencilIcon className="h-5 w-5 flex-none text-gray-800" aria-hidden="true" />;
     case 'vision':              return <EyeIcon className="h-5 w-5 flex-none text-gray-800" aria-hidden="true" />;
+    case 'external_api':        return <ArrowTopRightOnSquareIcon className="h-5 w-5 flex-none text-gray-800" aria-hidden="true" />;
     case 'reset_settings':      return <PowerIcon className="h-5 w-5 flex-none text-red-500" aria-hidden="true" />;
     case 'community':           return <RocketLaunchIcon className="h-5 w-5 flex-none text-gray-800" aria-hidden="true" />;
 
@@ -191,6 +193,7 @@ function getLabelFromPage(page: string): string {
     case 'tts':                 return t('Text-to-Speech');
     case 'stt':                 return t('Speech-to-text');
     case 'vision':              return t('Vision');
+    case 'external_api':        return t('External API');
     case 'reset_settings':      return t('Reset Settings');
     case 'community':           return t('Community');
 
diff --git a/src/features/amicaLife/eventHandler.ts b/src/features/amicaLife/eventHandler.ts
index a768798f..704dcfc6 100644
--- a/src/features/amicaLife/eventHandler.ts
+++ b/src/features/amicaLife/eventHandler.ts
@@ -11,6 +11,8 @@ import { functionCalling } from "@/features/functionCalling/functionCalling";
 import { AmicaLife } from "./amicaLife";
 import { Viewer } from "../vrmViewer/viewer";
 import { config } from "@/utils/config";
+import isDev from "@/utils/isDev";
+import { handleSubconscious } from "../externalAPI/externalAPI";
 
 export const idleEvents = [
   "VRMA",
@@ -46,7 +48,7 @@ export type TimestampedPrompt = {
 }
 
 // Placeholder for storing compressed subconscious prompts
-export let storedPrompts: TimestampedPrompt[] = [];
+export let storedSubconcious: TimestampedPrompt[] = [];
 
 let previousAnimation = "";
 
@@ -198,17 +200,28 @@ export async function handleSubconsciousEvent(
       timestamp: new Date().toISOString(),
     };
 
-    storedPrompts.push(timestampedPrompt);
-    let totalStorageTokens = storedPrompts.reduce(
-      (totalTokens, prompt) => totalTokens + prompt.prompt.length,
-      0,
-    );
-    while (totalStorageTokens > MAX_STORAGE_TOKENS) {
-      const removed = storedPrompts.shift();
-      totalStorageTokens -= removed!.prompt.length;
+    // External API feature
+    if (isDev && config("external_api_enabled") === "true") {
+      try {
+        storedSubconcious = await handleSubconscious(timestampedPrompt, MAX_STORAGE_TOKENS);
+      } catch (error) {
+        console.error("Error handling external API:", error);
+      }
+    // External API Off or Isn't development case
+    } else { 
+      storedSubconcious.push(timestampedPrompt);
+      let totalStorageTokens = storedSubconcious.reduce(
+        (totalTokens, prompt) => totalTokens + prompt.prompt.length,
+        0,
+      );
+      while (totalStorageTokens > MAX_STORAGE_TOKENS) {
+        const removed = storedSubconcious.shift();
+        totalStorageTokens -= removed!.prompt.length;
+      }
     }
-    console.log("Stored subconcious prompts:", storedPrompts);
-    amicaLife.setSubconciousLogs!(storedPrompts);
+    
+    console.log("Stored subconcious prompts:", storedSubconcious);
+    amicaLife.setSubconciousLogs!(storedSubconcious);
 
     amicaLife.eventProcessing = false;
     console.timeEnd(`processing_event Subconcious`);
diff --git a/src/features/chat/chat.ts b/src/features/chat/chat.ts
index f78031d0..46c99af0 100644
--- a/src/features/chat/chat.ts
+++ b/src/features/chat/chat.ts
@@ -20,12 +20,15 @@ import { localXTTSTTS} from "@/features/localXTTS/localXTTS";
 
 import { AmicaLife } from '@/features/amicaLife/amicaLife';
 
-import { config } from "@/utils/config";
+import { config, updateConfig } from "@/utils/config";
 import { cleanTalk } from "@/utils/cleanTalk";
 import { processResponse } from "@/utils/processResponse";
 import { wait } from "@/utils/wait";
 import { isCharacterIdle, characterIdleTime, resetIdleTimer } from "@/utils/isIdle";
 import { getOpenRouterChatResponseStream } from './openRouterChat';
+import { handleUserInput } from '../externalAPI/externalAPI';
+import { loadVRMAnimation } from '@/lib/VRMAnimation/loadVRMAnimation';
+import isDev from '@/utils/isDev';
 
 
 type Speak = {
@@ -123,6 +126,8 @@ export class Chat {
 
     this.updateAwake();
     this.initialized = true;
+
+    this.initSSE();
   }
 
   public setMessageList(messages: Message[]) {
@@ -334,6 +339,9 @@ export class Chat {
     if (!amicaLife) {
       console.log('receiveMessageFromUser', message);
 
+      // For external API
+      await handleUserInput(message);
+
       this.amicaLife?.receiveMessageFromUser(message);
 
       if (!/\[.*?\]/.test(message)) {
@@ -352,7 +360,128 @@ export class Chat {
     ];
     // console.debug('messages', messages);
 
-    await this.makeAndHandleStream(messages);
+    // Extract the system prompt
+    const systemPrompt = messages.find((msg) => msg.role === "system");
+
+    // Extract the rest of the conversation excluding the system prompt
+    const conversationMessages = messages.filter((msg) => msg.role !== "system");
+
+    if (config("reasoning_engine_enabled") === "true") {
+      try {
+          const response = await fetch('https://i-love-amica.com:3000/reasoning/v1/chat/completions', {
+              method: 'POST',
+              headers: {
+                  'Content-Type': 'application/json',
+              },
+              body: JSON.stringify({ systemPrompt: systemPrompt, messages: conversationMessages }), 
+          });
+
+          if (!response.ok) {
+              console.error(`Reasoning server responded with status ${response.status}: ${response.statusText}`);
+              return;
+          }
+
+          const result = await response.json();
+          console.log('Reasoning engine response:', result);
+      } catch (error) {
+          console.error('Error during reasoning engine request:', error);
+      }
+    } else {
+        await this.makeAndHandleStream(messages);
+    }
+    
+  }
+
+  public initSSE() {
+    if (!isDev && config("external_api_enabled") !== "true") {
+      return;
+    }
+
+    const eventSource = new EventSource('/api/amicaHandler');
+
+    // Listen for incoming messages from the server
+    eventSource.onmessage = async (event) => {
+      try {
+        // Parse the incoming JSON message
+        const message = JSON.parse(event.data);
+
+        console.log(message);
+
+        // Destructure to get the message type and data
+        const { type, data } = message;
+
+        // Handle the message based on its type
+        switch (type) {
+          case 'normal':
+            console.log('Normal message received:', data);
+            const messages: Message[] = [
+              { role: "system", content: config("system_prompt") },
+              ...this.messageList!,
+              { role: "user", content: data},
+            ];
+            let stream = await getEchoChatResponseStream(messages);
+            this.streams.push(stream);
+            this.handleChatResponseStream();
+            break;
+          
+          case 'animation':
+            console.log('Animation data received:', data);
+            const animation = await loadVRMAnimation(`/animations/${data}`);
+            if (!animation) {
+              throw new Error("Loading animation failed");
+            }
+            this.viewer?.model?.playAnimation(animation,data);
+            requestAnimationFrame(() => { this.viewer?.resetCameraLerp(); });
+            break;
+
+          case 'playback':
+            console.log('Playback flag received:', data);
+            this.viewer?.startRecording();
+            // Automatically stop recording after 10 seconds
+            setTimeout(() => {
+              this.viewer?.stopRecording((videoBlob) => {
+                // Log video blob to console
+                console.log("Video recording finished", videoBlob);
+
+                // Create a download link for the video file
+                const url = URL.createObjectURL(videoBlob!);
+                const a = document.createElement("a");
+                a.href = url;
+                a.download = "recording.webm"; // Set the file name for download
+                document.body.appendChild(a);
+                a.click();
+                document.body.removeChild(a);
+
+                // Revoke the URL to free up memory
+                URL.revokeObjectURL(url);
+              });
+            }, data); // Stop recording after 10 seconds
+            break;
+
+          case 'systemPrompt':
+            console.log('System Prompt data received:', data);
+            updateConfig("system_prompt",data);
+            break;
+
+          default:
+            console.warn('Unknown message type:', type);
+        }
+      } catch (error) {
+        console.error('Error parsing SSE message:', error);
+      }
+    };
+
+
+    eventSource.addEventListener('end', () => {
+      console.log('SSE session ended');
+      eventSource.close();
+    });
+
+    eventSource.onerror = (error) => {
+      console.error('Error in SSE connection:', error);
+      eventSource.close();
+    };
+
   }
 
 
diff --git a/src/features/externalAPI/dataHandlerStorage/config.json b/src/features/externalAPI/dataHandlerStorage/config.json
new file mode 100644
index 00000000..9e26dfee
--- /dev/null
+++ b/src/features/externalAPI/dataHandlerStorage/config.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/src/features/externalAPI/dataHandlerStorage/logs.json b/src/features/externalAPI/dataHandlerStorage/logs.json
new file mode 100644
index 00000000..0637a088
--- /dev/null
+++ b/src/features/externalAPI/dataHandlerStorage/logs.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/src/features/externalAPI/dataHandlerStorage/subconscious.json b/src/features/externalAPI/dataHandlerStorage/subconscious.json
new file mode 100644
index 00000000..0637a088
--- /dev/null
+++ b/src/features/externalAPI/dataHandlerStorage/subconscious.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/src/features/externalAPI/dataHandlerStorage/userInputMessages.json b/src/features/externalAPI/dataHandlerStorage/userInputMessages.json
new file mode 100644
index 00000000..0637a088
--- /dev/null
+++ b/src/features/externalAPI/dataHandlerStorage/userInputMessages.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/src/features/externalAPI/dataHelper.ts b/src/features/externalAPI/dataHelper.ts
new file mode 100644
index 00000000..c32f5d2c
--- /dev/null
+++ b/src/features/externalAPI/dataHelper.ts
@@ -0,0 +1,74 @@
+import { readFile, writeFile } from './utils/apiHelper';
+import path from 'path';
+
+// Define file paths
+export const configFilePath = path.resolve('src/features/externalAPI/dataHandlerStorage/config.json');
+export const subconsciousFilePath = path.resolve('src/features/externalAPI/dataHandlerStorage/subconscious.json');
+export const logsFilePath = path.resolve('src/features/externalAPI/dataHandlerStorage/logs.json');
+export const userInputMessagesFilePath = path.resolve('src/features/externalAPI/dataHandlerStorage/userInputMessages.json');
+
+// GET Request Handlers
+export const handleGetConfig = () => readFile(configFilePath);
+export const handleGetSubconscious = () => readFile(subconsciousFilePath);
+export const handleGetLogs = () => readFile(logsFilePath);
+export const handleGetUserInputMessages = () => readFile(userInputMessagesFilePath);
+
+// POST Request Handlers
+export const handlePostConfig = (body: any) => updateConfig(body);
+export const handlePostSubconscious = (body: any) => updateSubconscious(body);
+export const handlePostUserInputMessages = (body: any) => updateUserInputMessages(body);
+export const handlePostLogs = (body: any) => updateLogs(body);
+
+// Update Functions
+const updateConfig = (body: any) => {
+  const config = readFile(configFilePath);
+  if (body.key && body.value !== undefined) {
+    const { key, value } = body;
+    if (!config.hasOwnProperty(key)) {
+      throw new Error(`Config key "${key}" not found.`);
+    }
+    config[key] = value;
+    writeFile(configFilePath, config);
+    return { message: 'Config updated successfully.' };
+  }
+
+  if (typeof body === 'object' && !Array.isArray(body)) {
+    for (const [key, value] of Object.entries(body)) {
+      config[key] = value;
+    }
+    writeFile(configFilePath, config);
+    return { message: 'Config updated successfully.' };
+  }
+
+  throw new Error('Invalid body format.');
+};
+
+const updateSubconscious = (body: any) => {
+  if (!Array.isArray(body.subconscious)) {
+    throw new Error('Subconscious data must be an array.');
+  }
+  writeFile(subconsciousFilePath, body.subconscious);
+  return { message: 'Subconscious data updated successfully.' };
+};
+
+const updateUserInputMessages = (body: any) => {
+  let existingMessage = readFile(userInputMessagesFilePath);
+  if (!Array.isArray(existingMessage)) {
+    existingMessage = [];
+  }
+  existingMessage.push(body);
+  writeFile(userInputMessagesFilePath, existingMessage);
+  return { message: 'User input messages updated successfully.' };
+};
+
+const updateLogs = (body: any) => {
+  const { type, ts, arguments: logArguments } = body;
+  const logEntry = { type, ts, arguments: logArguments };
+  let existingLogs = readFile(logsFilePath);
+  if (!Array.isArray(existingLogs)) {
+    existingLogs = [];
+  }
+  existingLogs.push(logEntry);
+  writeFile(logsFilePath, existingLogs);
+  return { message: 'Logs updated successfully.' };
+};
diff --git a/src/features/externalAPI/externalAPI.ts b/src/features/externalAPI/externalAPI.ts
new file mode 100644
index 00000000..ee5f2393
--- /dev/null
+++ b/src/features/externalAPI/externalAPI.ts
@@ -0,0 +1,151 @@
+import { config, defaults, prefixed } from "@/utils/config";
+import isDev from "@/utils/isDev";
+import { TimestampedPrompt } from "../amicaLife/eventHandler";
+
+export const configUrl = new URL(
+  `${process.env.NEXT_PUBLIC_DEVELOPMENT_BASE_URL}/api/dataHandler`,
+);
+configUrl.searchParams.append("type", "config");
+
+export const userInputUrl = new URL(
+  `${process.env.NEXT_PUBLIC_DEVELOPMENT_BASE_URL}/api/dataHandler`,
+);
+userInputUrl.searchParams.append("type", "userInputMessages");
+
+export const subconsciousUrl = new URL(
+  `${process.env.NEXT_PUBLIC_DEVELOPMENT_BASE_URL}/api/dataHandler`,
+);
+subconsciousUrl.searchParams.append("type", "subconscious");
+
+export const logsUrl = new URL(`${process.env.NEXT_PUBLIC_DEVELOPMENT_BASE_URL}/api/dataHandler`);
+logsUrl.searchParams.append("type", "logs");
+
+// Cached server config
+export let serverConfig: Record<string, string> = {};
+
+export async function fetcher(method: string, url: URL, data?: any) {
+  let response: any;
+  switch (method) {
+    case "POST":
+      try {
+        response = await fetch(url, {
+          method: method,
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(data),
+        });
+      } catch (error) {
+        console.error("Failed to POST server config: ", error);
+      }
+      break;
+
+    case "GET":
+      try {
+        response = await fetch(url);
+        if (response.ok) {
+          serverConfig = await response.json();
+        }
+      } catch (error) {
+        console.error("Failed to fetch server config:", error);
+      }
+      break;
+
+    default:
+      break;
+  }
+}
+
+export async function handleConfig(
+  type: string,
+  data?: Record<string, string>,
+) {
+  if (!isDev) {
+    return;
+  }
+
+  switch (type) {
+    // Call this function at the beginning of your application to load the server config and sync to localStorage if needed.
+    case "init":
+      let localStorageData: Record<string, string> = {};
+
+      for (const key in defaults) {
+        const localKey = prefixed(key);
+        const value = localStorage.getItem(localKey);
+
+        if (value !== null) {
+          localStorageData[key] = value;
+        } else {
+          // Append missing keys with default values
+          localStorageData[key] = (<any>defaults)[key];
+        }
+      }
+
+      // Sync update to server config
+      await fetcher("POST", configUrl, localStorageData);
+
+      break;
+    case "fetch":
+      // Sync update to server config cache
+      await fetcher("GET", configUrl);
+
+      break;
+
+    case "update":
+      await fetcher("POST", configUrl, data);
+
+      break;
+
+    default:
+      break;
+  }
+}
+
+export async function handleUserInput(message: string) {
+  if (!isDev) {
+    return;
+  }
+
+  fetch(userInputUrl, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      systemPrompt: config("system_prompt"),
+      message: message,
+    }),
+  });
+}
+
+export async function handleSubconscious(
+    timestampedPrompt: TimestampedPrompt,
+    MAX_STORAGE_TOKENS: number
+  ): Promise<TimestampedPrompt[]> {
+    const data = await fetch(subconsciousUrl);
+    if (!data.ok) {
+      throw new Error("Failed to get subconscious data");
+    }
+  
+    const currentStoredSubconscious: TimestampedPrompt[] = await data.json();
+    currentStoredSubconscious.push(timestampedPrompt);
+  
+    let totalStorageTokens = currentStoredSubconscious.reduce(
+      (totalTokens, prompt) => totalTokens + prompt.prompt.length,
+      0
+    );
+    while (totalStorageTokens > MAX_STORAGE_TOKENS) {
+      const removed = currentStoredSubconscious.shift();
+      totalStorageTokens -= removed!.prompt.length;
+    }
+  
+    const response = await fetch(subconsciousUrl, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ subconscious: currentStoredSubconscious }),
+    });
+  
+    if (!response.ok) {
+      throw new Error("Failed to update subconscious data");
+    }
+  
+    return currentStoredSubconscious;
+  }
diff --git a/src/features/externalAPI/processors/chatProcessor.ts b/src/features/externalAPI/processors/chatProcessor.ts
new file mode 100644
index 00000000..e97422c3
--- /dev/null
+++ b/src/features/externalAPI/processors/chatProcessor.ts
@@ -0,0 +1,35 @@
+import { askLLM } from "@/utils/askLlm";
+import { config } from "@/utils/config";
+import { handleSocialMediaActions } from "@/features/externalAPI/utils/socialMediaHandler";
+import { sendToClients } from "@/features/externalAPI/utils/apiHelper";
+
+
+export const processNormalChat = async (message: string): Promise<string> => {
+  return await askLLM(config("system_prompt"), message, null);
+};
+
+export const triggerAmicaActions = async (payload: any) => {
+  const { text, socialMedia, playback, reprocess, animation } = payload;
+
+  if (text) {
+    const message = reprocess
+      ? await askLLM(config("system_prompt"), text, null)
+      : text;
+    await handleSocialMediaActions(message, socialMedia);
+  }
+
+  if (playback) {
+    sendToClients({ type: "playback", data: 10000 });
+  }
+
+  if (animation) {
+    sendToClients({ type: "animation", data: animation });
+  }
+};
+
+export const updateSystemPrompt = async (payload: any): Promise<any> => {
+    const { prompt } = payload;
+    let response = sendToClients({ type: "systemPrompt", data: prompt });
+    return response;
+  };
+  
diff --git a/src/features/externalAPI/processors/imageProcessor.ts b/src/features/externalAPI/processors/imageProcessor.ts
new file mode 100644
index 00000000..b5ea7c3d
--- /dev/null
+++ b/src/features/externalAPI/processors/imageProcessor.ts
@@ -0,0 +1,20 @@
+import sharp from 'sharp';
+import { askVisionLLM } from '@/utils/askLlm';
+
+export async function processImage(payload: Buffer): Promise<string> {
+  const jpegImg = await convertToJpeg(payload);
+  if (!jpegImg) {
+    throw new Error('Failed to process image');
+  }
+  return await askVisionLLM(jpegImg);
+}
+
+async function convertToJpeg(payload: Buffer): Promise<string | null> {
+  try {
+    const jpegBuffer = await sharp(payload).jpeg().toBuffer();
+    return jpegBuffer.toString('base64');
+  } catch (error) {
+    console.error('Error converting image to .jpeg:', error);
+    return null;
+  }
+}
diff --git a/src/features/externalAPI/processors/voiceProcessor.ts b/src/features/externalAPI/processors/voiceProcessor.ts
new file mode 100644
index 00000000..b9e06fd3
--- /dev/null
+++ b/src/features/externalAPI/processors/voiceProcessor.ts
@@ -0,0 +1,23 @@
+import { openaiWhisper } from '@/features/openaiWhisper/openaiWhisper';
+import { whispercpp } from '@/features/whispercpp/whispercpp';
+import { config } from '@/utils/config';
+
+export async function transcribeVoice(audio: File): Promise<string> {
+  try {
+    switch (config('stt_backend')) {
+      case 'whisper_openai': {
+        const result = await openaiWhisper(audio);
+        return result?.text; 
+      }
+      case 'whispercpp': {
+        const result = await whispercpp(audio);
+        return result?.text;
+      }
+      default:
+        throw new Error('Invalid STT backend configuration.');
+    }
+  } catch (error) {
+    console.error('Transcription error:', error);
+    throw new Error('Failed to transcribe audio.');
+  }
+}
diff --git a/src/features/externalAPI/socialMedia/telegramClient.ts b/src/features/externalAPI/socialMedia/telegramClient.ts
new file mode 100644
index 00000000..00a9cace
--- /dev/null
+++ b/src/features/externalAPI/socialMedia/telegramClient.ts
@@ -0,0 +1,36 @@
+import { config } from '@/utils/config';
+import { Telegraf } from 'telegraf';
+
+class TelegramClient {
+  private bot: Telegraf;
+
+  constructor() {
+    const botToken = process.env.TELEGRAM_BOT_TOKEN as string;
+
+    if (!botToken) {
+      throw new Error('TELEGRAM_BOT_TOKEN is not defined in the environment variables');
+    }
+
+    // Initialize the Telegraf bot with the bot token
+    this.bot = new Telegraf(botToken);
+  }
+
+  // Method to send a message to a specific chat
+  public async postMessage(content: string): Promise<void> {
+    const chatId = process.env.TELEGRAM_CHAT_ID as string;
+    try {
+      await this.bot.telegram.sendMessage(chatId, content);
+      console.log('Message posted successfully');
+    } catch (error) {
+      console.error('Error posting message to Telegram:', error);
+    }
+  }
+
+  public getBotInstance(): Telegraf {
+    return this.bot;
+  }
+}
+
+// Export an instance of the TelegramClient class for use
+export const telegramClientInstance = new TelegramClient();
+
diff --git a/src/features/externalAPI/socialMedia/twitterClient.ts b/src/features/externalAPI/socialMedia/twitterClient.ts
new file mode 100644
index 00000000..0d3590f1
--- /dev/null
+++ b/src/features/externalAPI/socialMedia/twitterClient.ts
@@ -0,0 +1,56 @@
+import { config } from '@/utils/config';
+import { TwitterApi, TwitterApiReadWrite, TwitterApiReadOnly, TweetV2PostTweetResult } from 'twitter-api-v2';
+
+class TwitterClient {
+  private twitterClient: TwitterApiReadWrite;
+  private twitterBearer: TwitterApiReadOnly;
+
+  constructor() {
+    const appKey = process.env.X_API_KEY as string;
+    const appSecret = process.env.X_API_SECRET as string;
+    const accessToken = process.env.X_ACCESS_TOKEN as string;
+    const accessSecret = process.env.X_ACCESS_SECRET as string;
+    const bearerToken = process.env.X_BEARER_TOKEN as string;
+
+    // Initialize the Twitter API client with access tokens
+    const client = new TwitterApi({
+      appKey,
+      appSecret,
+      accessToken,
+      accessSecret,
+    });
+
+    // Initialize the bearer token client for read-only access
+    const bearer = new TwitterApi(bearerToken);
+
+    // Define specific access modes for clients
+    this.twitterClient = client.readWrite;
+    this.twitterBearer = bearer.readOnly;
+  }
+
+  // Method to get the read-write client
+  public getReadWriteClient(): TwitterApiReadWrite {
+    return this.twitterClient;
+  }
+
+  // Method to get the read-only client
+  public getReadOnlyClient(): TwitterApiReadOnly {
+    return this.twitterBearer;
+  }
+
+  // Function to post a tweet
+  public async postTweet(content: string): Promise<TweetV2PostTweetResult | undefined> {
+    try {
+      const response = await this.twitterClient.v2.tweet(content);
+      return response;
+    } catch (error) {
+      console.error('Error posting tweet:', error);
+      return;
+    }
+  }
+}
+
+// Export an instance of the TwitterClient class for use
+export const twitterClientInstance = new TwitterClient();
+export const twitterReadWriteClient = twitterClientInstance.getReadWriteClient();
+export const twitterReadOnlyClient = twitterClientInstance.getReadOnlyClient();
diff --git a/src/features/externalAPI/utils/apiHelper.ts b/src/features/externalAPI/utils/apiHelper.ts
new file mode 100644
index 00000000..76d301b4
--- /dev/null
+++ b/src/features/externalAPI/utils/apiHelper.ts
@@ -0,0 +1,54 @@
+import { randomBytes } from "crypto";
+import type { NextApiResponse } from "next";
+import fs from "fs";
+import { sseClients } from "@/pages/api/amicaHandler";
+
+export interface ApiResponse {
+  sessionId?: string;
+  outputType?: string;
+  response?: any;
+  error?: string;
+}
+
+export interface apiLogEntry {
+  sessionId: string;
+  timestamp: string;
+  inputType: string;
+  outputType: string;
+  response?: any;
+  error?: string;
+}
+
+export const generateSessionId = (sessionId?: string): string =>
+  sessionId || randomBytes(8).toString("hex");
+
+export const sendError = (
+  res: NextApiResponse,
+  sessionId: string,
+  message: string,
+  status = 400,
+) => res.status(status).json({ sessionId, error: message });
+
+export const sendToClients = (message: { type: string; data: any }) => {
+  const formattedMessage = JSON.stringify(message);
+  sseClients.forEach((client) => client.res.write(`data: ${formattedMessage}\n\n`));
+};
+
+export const readFile = (filePath: string): any => {
+  try {
+    const data = fs.readFileSync(filePath, "utf8");
+    return JSON.parse(data);
+  } catch (error) {
+    console.error(`Error reading file at ${filePath}:`, error);
+    throw new Error(`Failed to read file: ${error}`);
+  }
+};
+
+export const writeFile = (filePath: string, content: any): void => {
+  try {
+    fs.writeFileSync(filePath, JSON.stringify(content, null, 2), "utf8");
+  } catch (error) {
+    console.error(`Error writing file at ${filePath}:`, error);
+    throw new Error(`Failed to write file: ${error}`);
+  }
+};
diff --git a/src/features/externalAPI/utils/requestHandler.ts b/src/features/externalAPI/utils/requestHandler.ts
new file mode 100644
index 00000000..d05a82af
--- /dev/null
+++ b/src/features/externalAPI/utils/requestHandler.ts
@@ -0,0 +1,16 @@
+import { subconsciousUrl, userInputUrl, logsUrl } from "@/features/externalAPI/externalAPI";
+
+export const requestMemory = async () => {
+  const response = await fetch(subconsciousUrl);
+  return response.json();
+};
+
+export const requestLogs = async () => {
+  const response = await fetch(logsUrl);
+  return response.json();
+};
+
+export const requestUserInputMessages = async () => {
+  const response = await fetch(userInputUrl);
+  return response.json();
+};
diff --git a/src/features/externalAPI/utils/socialMediaHandler.ts b/src/features/externalAPI/utils/socialMediaHandler.ts
new file mode 100644
index 00000000..44a4b54e
--- /dev/null
+++ b/src/features/externalAPI/utils/socialMediaHandler.ts
@@ -0,0 +1,20 @@
+import { twitterClientInstance as twitterClient } from "../socialMedia/twitterClient";
+import { telegramClientInstance as telegramClient } from "../socialMedia/telegramClient";
+import { sendToClients } from "./apiHelper";
+
+export const handleSocialMediaActions = async (
+  message: string,
+  socialMedia: string
+): Promise<any> => {
+  switch (socialMedia) {
+    case "twitter":
+      return await twitterClient.postTweet(message);
+    case "tg":
+      return await telegramClient.postMessage(message);
+    case "none":
+      sendToClients({ type: "normal", data: message });
+      return "Broadcasted to clients";
+    default:
+      throw new Error("No action taken for social media.");
+  }
+};
diff --git a/src/features/vrmViewer/viewer.ts b/src/features/vrmViewer/viewer.ts
index e6b41009..dea0c7eb 100644
--- a/src/features/vrmViewer/viewer.ts
+++ b/src/features/vrmViewer/viewer.ts
@@ -26,6 +26,10 @@ export class Viewer {
   private sendScreenshotToCallback: boolean;
   private screenshotCallback: BlobCallback | undefined;
 
+  private mediaRecorder?: MediaRecorder;
+  private recordedChunks: Blob[] = [];
+  private videoStream: any;
+
   constructor() {
     this.isReady = false;
     this.sendScreenshotToCallback = false;
@@ -218,11 +222,78 @@ export class Viewer {
       if (this.sendScreenshotToCallback && this.screenshotCallback) {
         this._renderer.domElement.toBlob(this.screenshotCallback, "image/jpeg");
         this.sendScreenshotToCallback = false;
-
       }
     }
   };
 
+  public startStreaming(videoElement: HTMLVideoElement) {
+    if (!this._renderer) return;
+  
+    // Create a stream from the renderer's canvas
+    const stream = this._renderer.domElement.captureStream(60); // 60 FPS for smooth streaming
+
+    this.videoStream = stream;
+  
+    // Assign the stream to the provided video element for live view
+    videoElement.srcObject = stream;
+    videoElement.play();
+
+    console.log("Start streaming!")
+  }
+
+  public stopStreaming() {
+    if (!this.videoStream) return;
+
+    // Stop all tracks on the stream to end streaming
+    this.videoStream.getTracks().forEach((track: { stop: () => any; }) => track.stop());
+    this.videoStream = null; // Clear the stream reference
+
+    console.log("Streaming stopped!");
+}
+  
+
+  // Method to start recording
+  public startRecording() {
+    if (!this._renderer) return;
+
+    // Create a stream from the renderer's canvas
+    const stream = this._renderer.domElement.captureStream(60); // 30 FPS
+    
+    // Higher quality and bit rate for better video clarity
+    const options = {
+      mimeType: 'video/webm;codecs=vp9',
+      videoBitsPerSecond: 8000000, // 8 Mbps for higher quality
+    };
+
+    this.mediaRecorder = new MediaRecorder(stream, options);
+
+    // Collect data in chunks
+    this.mediaRecorder.ondataavailable = (event) => {
+      if (event.data.size > 0) {
+        this.recordedChunks.push(event.data);
+      }
+    };
+
+    // Start recording
+    this.mediaRecorder.start();
+  }
+
+
+  // Method to stop recording and trigger callback
+  public stopRecording(callback: BlobCallback) {
+    if (!this.mediaRecorder) return;
+
+    // Stop recording and create the video blob
+    this.mediaRecorder.onstop = () => {
+      const recordedBlob = new Blob(this.recordedChunks, { type: 'video/webm' });
+      callback(recordedBlob); // Pass the video blob to the callback
+      this.recordedChunks = []; // Clear chunks for the next recording
+    };
+
+    // Stop the recorder
+    this.mediaRecorder.stop();
+  }
+
   public onMouseClick(event: MouseEvent): boolean {
     if (!this._renderer || !this._camera || !this.model?.vrm) return false;
 
diff --git a/src/pages/api/amicaHandler.ts b/src/pages/api/amicaHandler.ts
new file mode 100644
index 00000000..ae495f81
--- /dev/null
+++ b/src/pages/api/amicaHandler.ts
@@ -0,0 +1,89 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+
+import { config } from "@/utils/config";
+import { handleConfig } from "@/features/externalAPI/externalAPI";
+
+import { generateSessionId, sendError, apiLogEntry, ApiResponse } from "@/features/externalAPI/utils/apiHelper";
+import { requestMemory, requestLogs, requestUserInputMessages } from "@/features/externalAPI/utils/requestHandler";
+import { processNormalChat, triggerAmicaActions, updateSystemPrompt } from "@/features/externalAPI/processors/chatProcessor";
+
+export const apiLogs: apiLogEntry[] = [];
+export const sseClients: Array<{ res: NextApiResponse }> = [];
+
+// Main Amica Handler
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse<ApiResponse>
+) {
+  // Syncing config to be accessible from server side
+  await handleConfig("fetch");
+
+  if (req.method === "GET") {
+    handleSSEConnection(req, res);
+    return;
+  }
+
+  if (config("external_api_enabled") !== "true") {
+    return sendError(res, "", "API is currently disabled.", 503);
+  }
+
+  const { sessionId, inputType, payload, noProcessChat = false } = req.body;
+  const currentSessionId = generateSessionId(sessionId);
+  const timestamp = new Date().toISOString();
+
+  if (!inputType) {
+    return sendError(res, currentSessionId, "inputType are required.");
+  }
+
+  try {
+    const { response, outputType } = await processRequest(inputType, payload);
+    apiLogs.push({sessionId: currentSessionId,timestamp,inputType,outputType,response,});
+    res.status(200).json({ sessionId: currentSessionId, outputType, response });
+  } catch (error) {
+    apiLogs.push({sessionId: sessionId,timestamp,inputType,outputType: "Error",error: String(error)});
+    sendError(res, currentSessionId, String(error), 500);
+  }
+}
+
+const processRequest = async (inputType: string, payload: any) => {
+  switch (inputType) {
+    case "Normal Chat Message":
+      return { response: await processNormalChat(payload), outputType: "Chat" };
+    case "Memory Request":
+      return { response: await requestMemory(), outputType: "Memory" };
+    case "RPC Logs":
+      return { response: await requestLogs(), outputType: "Logs" };
+    case "RPC User Input Messages":
+      return { response: await requestUserInputMessages(), outputType: "User Input" };
+    case "Update System Prompt":
+      return { response: await updateSystemPrompt(payload), outputType: "Updated system prompt" };
+    case "Twitter Message":
+    case "Brain Message":
+      return { response: payload, outputType: "Text" };
+    case "Reasoning Server":
+      return { response: await triggerAmicaActions(payload), outputType: "Actions" };
+    default:
+      throw new Error("Invalid input type");
+  }
+};
+
+// Sub-functions
+const handleSSEConnection = (
+  req: NextApiRequest,
+  res: NextApiResponse
+): void => {
+  res.setHeader("Content-Type", "text/event-stream");
+  res.setHeader("Cache-Control", "no-cache, no-transform");
+  res.setHeader("X-Accel-Buffering", "no");
+  res.setHeader("Connection", "keep-alive");
+
+  const client = { res };
+  sseClients.push(client);
+
+  req.on("close", () => {
+    console.log("Client disconnected");
+    sseClients.splice(sseClients.indexOf(client), 1);
+    res.end();
+  });
+};
+
diff --git a/src/pages/api/dataHandler.ts b/src/pages/api/dataHandler.ts
new file mode 100644
index 00000000..1af94ee6
--- /dev/null
+++ b/src/pages/api/dataHandler.ts
@@ -0,0 +1,75 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { writeFile } from '@/features/externalAPI/utils/apiHelper';
+import { handleGetConfig, handleGetLogs, handleGetSubconscious, handleGetUserInputMessages, handlePostConfig, handlePostLogs, handlePostSubconscious, handlePostUserInputMessages, logsFilePath, subconsciousFilePath, userInputMessagesFilePath } from '@/features/externalAPI/dataHelper';
+
+// Clear data on startup
+writeFile(subconsciousFilePath, []);
+writeFile(logsFilePath, []);
+writeFile(userInputMessagesFilePath, []);
+
+export default function handler(req: NextApiRequest, res: NextApiResponse) {
+  const { type } = req.query;
+
+  if (!['config', 'subconscious', 'logs', 'userInputMessages'].includes(type as string)) {
+    return res.status(400).json({ error: 'Invalid type parameter. Use "config" or "subconscious."' });
+  }
+
+  try {
+    switch (req.method) {
+      case 'GET':
+        return handleGetRequest(type as string, res);
+      case 'POST':
+        return handlePostRequest(type as string, req, res);
+      default:
+        res.setHeader('Allow', ['GET', 'POST']);
+        return res.status(405).end(`Method ${req.method} Not Allowed`);
+    }
+  } catch (error) {
+    return res.status(500).json({ error: error });
+  }
+}
+
+const handleGetRequest = (type: string, res: NextApiResponse) => {
+    let data;
+    switch (type) {
+      case 'config':
+        data = handleGetConfig();
+        break;
+      case 'subconscious':
+        data = handleGetSubconscious();
+        break;
+      case 'logs':
+        data = handleGetLogs();
+        break;
+      case 'userInputMessages':
+        data = handleGetUserInputMessages();
+        break;
+      default:
+        return res.status(400).json({ error: 'Invalid type' });
+    }
+    res.status(200).json(data);
+  };
+  
+  const handlePostRequest = (type: string, req: NextApiRequest, res: NextApiResponse) => {
+    const { body } = req;
+    let response;
+  
+    switch (type) {
+      case 'config':
+        response = handlePostConfig(body);
+        break;
+      case 'subconscious':
+        response = handlePostSubconscious(body);
+        break;
+      case 'userInputMessages':
+        response = handlePostUserInputMessages(body);
+        break;
+      case 'logs':
+        response = handlePostLogs(body);
+        break;
+      default:
+        return res.status(400).json({ error: 'Invalid type' });
+    }
+  
+    res.status(200).json(response);
+  };
\ No newline at end of file
diff --git a/src/pages/api/mediaHandler.ts b/src/pages/api/mediaHandler.ts
new file mode 100644
index 00000000..bdd3f473
--- /dev/null
+++ b/src/pages/api/mediaHandler.ts
@@ -0,0 +1,110 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+
+import { TimestampedPrompt } from '@/features/amicaLife/eventHandler';
+import { config as configs } from '@/utils/config';
+import { apiLogs } from './amicaHandler';
+
+import { handleConfig } from '@/features/externalAPI/externalAPI';
+import { ApiResponse, generateSessionId, sendError } from '@/features/externalAPI/utils/apiHelper';
+import { transcribeVoice } from '@/features/externalAPI/processors/voiceProcessor';
+import { processImage } from '@/features/externalAPI/processors/imageProcessor';
+
+import formidable from 'formidable';
+import fs from "fs";
+
+// Configure body parsing: disable only for multipart/form-data
+export const config = {
+  api: {
+    bodyParser: false,
+  },
+};
+
+// Main API handler
+export default async function handler(req: NextApiRequest, res: NextApiResponse<ApiResponse>) {
+  // Syncing config to be accessible from server side
+  await handleConfig("fetch");
+
+  if (configs('external_api_enabled') !== 'true') {
+    return sendError(res, '', 'API is currently disabled.', 503);
+  }
+
+  const currentSessionId = generateSessionId();
+  const timestamp = new Date().toISOString();
+  
+  if (req.headers['content-type']?.includes('multipart/form-data')) {
+    // Handle form-data
+    const form = formidable({});
+    form.parse(req, async (err, fields, files) => {
+      if (err) {
+        console.error("Form parsing error:", err);
+        return sendError(res, currentSessionId, "Failed to parse form data.");
+      }
+
+      try {
+        await handleRequest(currentSessionId, timestamp, fields, files, res);
+      } catch (error) {
+        console.error("Error in form processing:", error);
+        sendError(res, currentSessionId, String(error), 500);
+      }
+    });
+  } else {
+    return sendError(res, currentSessionId, "Incorrect type");
+  }
+}
+
+async function handleRequest(
+  sessionId: string,
+  timestamp: string,
+  fields: any,
+  files: any,
+  res: NextApiResponse<ApiResponse>
+) {
+  let response: string | undefined | TimestampedPrompt[];
+  let outputType: string | undefined;
+
+  const inputType = fields?.inputType?.[0] || null;
+  const payload = files?.payload?.[0] || null;
+
+  if (!inputType) {
+    throw new Error("Missing or invalid inputType field.");
+  }
+
+  if (!payload) {
+    throw new Error("Payload file is missing.");
+  }
+
+  try {
+    switch (inputType) {
+      case "Voice":
+        if (payload) {
+          const filePath = payload.filepath;
+          const fileBuffer = fs.readFileSync(filePath);
+          const audioFile = new File([fileBuffer], "input.wav", { type: "audio/wav" });
+          response = await transcribeVoice(audioFile);
+          outputType = "Text";
+        } else {
+          throw new Error("Voice input file missing.");
+        }
+        break;
+
+      case "Image":
+        if (payload) {
+          const imageBuffer = fs.readFileSync(payload.filepath);
+          response = await processImage(imageBuffer);
+          outputType = "Text";
+        } else {
+          throw new Error("Image input file missing.");
+        }
+        break;
+
+      default:
+        return sendError(res, sessionId, "Unknown input type.");
+    }
+
+    apiLogs.push({sessionId: sessionId,timestamp,inputType,outputType,response});
+    res.status(200).json({ sessionId, outputType, response });
+  } catch (error) {
+    apiLogs.push({sessionId: sessionId,timestamp,inputType,outputType: "Error",error: String(error)});
+    sendError(res, sessionId, String(error), 500);
+  }
+}
\ No newline at end of file
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 977e4190..ef7f6bfa 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -2,6 +2,7 @@ import {
   Fragment,
   useContext,
   useEffect,
+  useRef,
   useState,
 } from "react";
 import Link from "next/link";
@@ -21,6 +22,7 @@ import {
   VideoCameraIcon,
   VideoCameraSlashIcon,
   WrenchScrewdriverIcon,
+  SignalIcon,
 } from "@heroicons/react/24/outline";
 import { IconBrain } from '@tabler/icons-react';
 
@@ -97,6 +99,9 @@ export default function Home() {
   const [webcamEnabled, setWebcamEnabled] = useState(false);
   const [showLanguageSelector, setShowLanguageSelector] = useState(false);
 
+  const [showStreamWindow, setShowStreamWindow] = useState(false);
+  const videoRef = useRef(null);
+
   useEffect(() => {
     amicaLife.checkSettingOff(!showSettings);
   }, [showSettings, amicaLife]);
@@ -111,9 +116,16 @@ export default function Home() {
     } else {
       document.body.style.backgroundImage = `url(${config("bg_url")})`;
     }
-
   }, []);
 
+  useEffect(() => {
+    if (viewer && videoRef.current && showStreamWindow) {
+      viewer.startStreaming(videoRef.current);
+    } else {
+      viewer.stopStreaming();
+    }
+  }, [viewer, videoRef, showStreamWindow]);
+
   function toggleTTSMute() {
     updateConfig('tts_muted', config('tts_muted') === 'true' ? 'false' : 'true')
     setMuted(config('tts_muted') === 'true')
@@ -183,6 +195,18 @@ export default function Home() {
       m_plus_2.variable,
       montserrat.variable,
     )}>
+      {showStreamWindow && 
+
+      <div className="fixed top-4 right-4 w-[200px] h-[150px] z-20">
+        <video
+          ref={videoRef} 
+          autoPlay
+          muted
+          playsInline
+          className="w-full h-full object-cover rounded-lg shadow-lg outline outline-2 outline-red-500"
+        />
+      </div> }
+
       { config("youtube_videoid") !== '' && (
         <div className="fixed video-container w-full h-full z-0">
           <iframe
@@ -355,14 +379,14 @@ export default function Home() {
               )}
             </div>
 
-            {/*<div className="flex flex-row items-center space-x-2">
+            {/* <div className="flex flex-row items-center space-x-2">
                 <CodeBracketSquareIcon
                   className="h-7 w-7 text-white opacity-50 hover:opacity-100 active:opacity-100 hover:cursor-pointer"
                   aria-hidden="true"
                   onClick={() => setShowDebug(true)}
                 />
                 <span className="text-white hidden">Debug</span> 
-            </div>*/}
+            </div> */}
 
             <div className="flex flex-row items-center space-x-2">
               <VerticalSwitchBox
@@ -371,6 +395,22 @@ export default function Home() {
                   onChange={toggleChatMode}
                 />
             </div>
+
+            <div className="flex flex-row items-center space-x-2">
+              { showStreamWindow ? (
+                <SignalIcon
+                  className="h-7 w-7 text-white opacity-100 hover:opacity-50 active:opacity-100 hover:cursor-pointer"
+                  aria-hidden="true"
+                  onClick={() => setShowStreamWindow(false)}
+                />
+              ) : (
+                <SignalIcon
+                  className="h-7 w-7 text-white opacity-50 hover:opacity-100 active:opacity-100 hover:cursor-pointer"
+                  aria-hidden="true"
+                  onClick={() => setShowStreamWindow(true)}
+                />
+              )}
+            </div>
             
           </div>
         </div>    
diff --git a/src/utils/askLlm.ts b/src/utils/askLlm.ts
index e2bb1da1..d86782ca 100644
--- a/src/utils/askLlm.ts
+++ b/src/utils/askLlm.ts
@@ -3,11 +3,10 @@ import { Chat } from "@/features/chat/chat";
 
 import { getEchoChatResponseStream } from "@/features/chat/echoChat";
 import { getOpenAiChatResponseStream } from "@/features/chat/openAiChat";
-import { getLlamaCppChatResponseStream } from "@/features/chat/llamaCppChat";
+import { getLlamaCppChatResponseStream, getLlavaCppChatResponse } from "@/features/chat/llamaCppChat";
 import { getWindowAiChatResponseStream } from "@/features/chat/windowAiChat";
-import { getOllamaChatResponseStream } from "@/features/chat/ollamaChat";
+import { getOllamaChatResponseStream, getOllamaVisionChatResponse } from "@/features/chat/ollamaChat";
 import { getKoboldAiChatResponseStream } from "@/features/chat/koboldAiChat";
-import { getOpenRouterChatResponseStream } from "@/features/chat/openRouterChat";
 
 import { config } from "@/utils/config";
 import { processResponse } from "@/utils/processResponse";
@@ -51,8 +50,6 @@ export async function askLLM(
         return getOllamaChatResponseStream(messages);
       case "koboldai":
         return getKoboldAiChatResponseStream(messages);
-      case "openrouter":
-        return getOpenRouterChatResponseStream(messages);
       default:
         return getEchoChatResponseStream(messages);
     }
@@ -63,15 +60,15 @@ export async function askLLM(
   } catch (e: any) {
     const errMsg = `Error: ${e.toString()}`;
     console.error(errMsg);
-    alert.error("Failed to get subconcious subroutine response", errMsg);
+    alert.error("Failed to get LLM response", errMsg);
     return errMsg;
   }
 
   const stream = streams[streams.length - 1];
   if (!stream) {
-    const errMsg = "Error: Null subconcious subroutine stream encountered.";
+    const errMsg = "Error: Null LLM stream encountered.";
     console.error(errMsg);
-    alert.error("Null subconcious subroutine stream encountered", errMsg);
+    alert.error("Null LLM stream encountered", errMsg);
     return errMsg;
   }
 
@@ -84,7 +81,7 @@ export async function askLLM(
   chat !== null ? currentStreamIdx = chat.currentStreamIdx : null;
   setChatProcessing(true);
 
-  console.time("Subconcious subroutine stream processing");
+  console.time("LLM stream processing");
   const reader = stream.getReader();
   readers.push(reader);
   let receivedMessage = "";
@@ -114,7 +111,7 @@ export async function askLLM(
 
       receivedMessage += value;
       receivedMessage = receivedMessage.trimStart();
-
+      
 
       if (chat !== null) {
         const proc = processResponse({
@@ -135,16 +132,16 @@ export async function askLLM(
               screenplay: aiTalks[0],
               streamIdx: currentStreamIdx,
             });
-
+  
             if (! firstSentenceEncountered) {
               console.timeEnd('performance_time_to_first_sentence');
               firstSentenceEncountered = true;
             }
-
+  
             return false; // normal processing
           }
         });
-
+  
         sentences = proc.sentences;
         aiTextLog = proc.aiTextLog;
         receivedMessage = proc.receivedMessage;
@@ -152,9 +149,9 @@ export async function askLLM(
         rolePlay = proc.rolePlay;
         if (proc.shouldBreak) {
           break;
-        }
+        }  
       }
-
+      
     }
   } catch (e: any) {
     const errMsg = e.toString();
@@ -163,7 +160,7 @@ export async function askLLM(
     if (!reader.closed) {
       reader.releaseLock();
     }
-    console.timeEnd("Subconcious subroutine stream processing");
+    console.timeEnd("LLM stream processing");
     if (currentStreamIdx === currentStreamIdx) {
       setChatProcessing(false);
     }
@@ -172,4 +169,41 @@ export async function askLLM(
   return result;
 }
 
+export async function askVisionLLM(
+  imageData: string,
+): Promise<string> {
+  try {
+    const visionBackend = config("vision_backend");
+
+    console.debug("vision_backend", visionBackend);
+
+    const messages: Message[] = [
+      { role: "system", content: config("vision_system_prompt") },
+      {
+        role: 'user',
+        content: "Describe the image as accurately as possible"
+      },
+    ];
+
+    let res = "";
+    if (visionBackend === "vision_llamacpp") {
+      res = await getLlavaCppChatResponse(messages, imageData);
+    } else if (visionBackend === "vision_ollama") {
+      res = await getOllamaVisionChatResponse(messages, imageData);
+    } else {
+      console.warn("vision_backend not supported", visionBackend);
+      return "vision_backend not supported";
+    }
+
+    let content =  `This is a picture I just took from my webcam (described between [[ and ]] ): [[${res}]] Please respond accordingly and as if it were just sent and as though you can see it.`
+    const result = await askLLM(config("system_prompt"),content,null);
+
+    return result;
+  } catch (e: any) {
+    console.error("getVisionResponse", e.toString());
+    // alert?.error("Failed to get vision response", e.toString());
+    return "Failed to get vision response";
+  }
+}
+
 export default askLLM;
diff --git a/src/utils/config.ts b/src/utils/config.ts
index 49beba60..4f89c4e2 100644
--- a/src/utils/config.ts
+++ b/src/utils/config.ts
@@ -1,4 +1,6 @@
-const defaults = {
+import { handleConfig, serverConfig } from "@/features/externalAPI/externalAPI";
+
+export const defaults = {
   // AllTalk TTS specific settings
   localXTTS_url: process.env.NEXT_PUBLIC_LOCALXTTS_URL ?? 'http://127.0.0.1:7851',
   alltalk_version: process.env.NEXT_PUBLIC_ALLTALK_VERSION ?? 'v2',
@@ -73,6 +75,13 @@ const defaults = {
   coqui_apikey: process.env.NEXT_PUBLIC_COQUI_APIKEY ?? "",
   coqui_voice_id: process.env.NEXT_PUBLIC_COQUI_VOICEID ?? "71c6c3eb-98ca-4a05-8d6b-f8c2b5f9f3a3",
   amica_life_enabled: process.env.NEXT_PUBLIC_AMICA_LIFE_ENABLED ?? 'true',
+  external_api_enabled: process.env.NEXT_PUBLIC_EXTERNAL_API_ENABLED ?? 'false',
+  x_api_key: process.env.NEXT_PUBLIC_X_API_KEY ?? '',
+  x_api_secret: process.env.NEXT_PUBLIC_X_API_SECRET ?? '',
+  x_access_token: process.env.NEXT_PUBLIC_X_ACCESS_TOKEN ?? '',
+  x_access_secret: process.env.NEXT_PUBLIC_X_ACCESS_SECRET ?? '',
+  x_bearer_token: process.env.NEXT_PUBLIC_X_BEARER_TOKEN ?? '',
+  telegram_bot_token: process.env.NEXT_PUBLIC_TELEGRAM_BOT_TOKEN ?? '',
   min_time_interval_sec: '10',
   max_time_interval_sec: '20',
   time_to_sleep_sec: '90',
@@ -98,13 +107,29 @@ Here are some examples to guide your responses:
 Remember, each message you provide should be coherent and reflect the complexity of your thoughts combined with your emotional unpredictability. Let’s engage in a conversation that's as intellectually stimulating as it is emotionally dynamic!`,
 };
 
-function prefixed(key: string) {
+export function prefixed(key: string) {
   return `chatvrm_${key}`;
 }
 
+// Ensure syncLocalStorage runs only on the server side and once
+if (typeof window !== "undefined") {
+  (async () => {
+    await handleConfig("init");
+  })();
+} else {
+  (async () => {
+    await handleConfig("fetch");
+  })();
+}
+
 export function config(key: string): string {
-  if (localStorage.hasOwnProperty(prefixed(key))) {
-    return (<any>localStorage).getItem(prefixed(key));
+  if (typeof localStorage !== "undefined" && localStorage.hasOwnProperty(prefixed(key))) {
+    return (<any>localStorage).getItem(prefixed(key))!;
+  }
+
+  // Fallback to serverConfig if localStorage is unavailable or missing
+  if (serverConfig && serverConfig.hasOwnProperty(key)) {
+    return serverConfig[key];
   }
 
   if (defaults.hasOwnProperty(key)) {
@@ -114,13 +139,21 @@ export function config(key: string): string {
   throw new Error(`config key not found: ${key}`);
 }
 
-export function updateConfig(key: string, value: string) {
-  if (defaults.hasOwnProperty(key)) {
-    localStorage.setItem(prefixed(key), value);
-    return;
-  }
+export async function updateConfig(key: string, value: string) {
+  try {
+    const localKey = prefixed(key);
 
-  throw new Error(`config key not found: ${key}`);
+    // Update localStorage if available
+    if (typeof localStorage !== "undefined") {
+      localStorage.setItem(localKey, value);
+    }
+
+    // Sync update to server config
+    await handleConfig("update",{ key, value });
+
+  } catch (e) {
+    console.error(`Error updating config for key "${key}": ${e}`);
+  }
 }
 
 export function defaultConfig(key: string): string {
@@ -131,8 +164,8 @@ export function defaultConfig(key: string): string {
   throw new Error(`config key not found: ${key}`);
 }
 
-export function resetConfig() {
-  Object.entries(defaults).forEach(([key, value]) => {
-    updateConfig(key, value);
-  });
+export async function resetConfig() {
+  for (const [key, value] of Object.entries(defaults)) {
+    await updateConfig(key, value);
+  }
 }