Spaces:

HGKo
/

vision_llm_agent

Running

App Files Files Community

sunheycho commited on 24 days ago

Commit

d7ccb89

1 Parent(s): df3dc5a

build(frontend): CRA build (Node 16) and sync to static; fix(SSE): add query-param auth fallback for EventSource; backend check_auth now accepts uid/uname; frontend EventSource passes uid/uname

Browse files

Files changed (35) hide show

api.py +7 -0
frontend/src/components/ProductComparison.js +5 -1
static/asset-manifest.json +4 -4
static/index.html +1 -1
static/precache-manifest.49a0bba942346b3badf09e0c8ff37ae6.js +0 -30
static/precache-manifest.653a7aee73b10eaaa2fae0610652f6fa.js +0 -30
static/precache-manifest.6c81b79ee3d0b098eec2157ddef3be2b.js +0 -30
static/precache-manifest.8e423b8cca32633cc698be25400e28de.js +0 -30
static/{precache-manifest.1c7268aa430373f290bea946575b07d5.js → precache-manifest.c57261209dc05acf2d5c885ce18ee579.js} +4 -4
static/service-worker.js +1 -1
static/static/asset-manifest.json +0 -24
static/static/css/main.59c2a54e.chunk.css +0 -2
static/static/css/main.59c2a54e.chunk.css.map +0 -1
static/static/index.html +0 -1
static/static/js/2.abf91741.chunk.js +0 -0
static/static/js/2.abf91741.chunk.js.LICENSE.txt +0 -58
static/static/js/2.abf91741.chunk.js.map +0 -0
static/static/js/3.9013e23f.chunk.js +0 -2
static/static/js/3.9013e23f.chunk.js.map +0 -1
static/static/js/main.3e9c0e32.chunk.js +0 -2
static/static/js/main.3e9c0e32.chunk.js.map +0 -0
static/static/js/main.7f0b632e.chunk.js.map +0 -0
static/static/js/main.7fd2b13c.chunk.js +0 -2
static/static/js/main.7fd2b13c.chunk.js.map +0 -0
static/static/js/{main.7f0b632e.chunk.js → main.94c74413.chunk.js} +2 -2
static/static/js/main.94c74413.chunk.js.map +0 -0
static/static/js/main.acde7694.chunk.js +0 -2
static/static/js/main.acde7694.chunk.js.map +0 -0
static/static/js/main.db88b5b1.chunk.js +0 -2
static/static/js/main.db88b5b1.chunk.js.map +0 -1
static/static/js/runtime-main.25710301.js +0 -2
static/static/js/runtime-main.25710301.js.map +0 -1
static/static/manifest.json +0 -15
static/static/precache-manifest.653a7aee73b10eaaa2fae0610652f6fa.js +0 -30
static/static/service-worker.js +0 -39

api.py CHANGED Viewed

@@ -232,6 +232,13 @@ def check_authentication():
         username = request.headers.get('X-Auth-Username')
         print(f"[DEBUG] Auth from headers: user_id={user_id}, username={username}")
     if not user_id or not username:
         return None, None

         username = request.headers.get('X-Auth-Username')
         print(f"[DEBUG] Auth from headers: user_id={user_id}, username={username}")
+    # Fallback to query params (for SSE/EventSource where custom headers aren't supported)
+    if not user_id or not username:
+        user_id = request.args.get('uid')
+        username = request.args.get('uname')
+        if user_id or username:
+            print(f"[DEBUG] Auth from query params: user_id={user_id}, username={username}")
     if not user_id or not username:
         return None, None

frontend/src/components/ProductComparison.js CHANGED Viewed

@@ -220,7 +220,11 @@ const ProductComparison = () => {
   // SSE 연결 함수
   const connectToSSE = (sessionId) => {
-    const eventSource = new EventSource(`/api/product/compare/stream/${sessionId}`);
     eventSource.onmessage = (event) => {
       try {

   // SSE 연결 함수
   const connectToSSE = (sessionId) => {
+    // EventSource cannot send custom headers; include auth via query params
+    const uid = window.localStorage.getItem('auth_user_id');
+    const uname = window.localStorage.getItem('auth_username');
+    const qs = uid && uname ? `?uid=${encodeURIComponent(uid)}&uname=${encodeURIComponent(uname)}` : '';
+    const eventSource = new EventSource(`/api/product/compare/stream/${sessionId}${qs}`);
     eventSource.onmessage = (event) => {
       try {

static/asset-manifest.json CHANGED Viewed

@@ -1,8 +1,8 @@
 {
   "files": {
     "main.css": "/static/css/main.3b4eede1.chunk.css",
-    "main.js": "/static/js/main.7f0b632e.chunk.js",
-    "main.js.map": "/static/js/main.7f0b632e.chunk.js.map",
     "runtime-main.js": "/static/js/runtime-main.1d79dee9.js",
     "runtime-main.js.map": "/static/js/runtime-main.1d79dee9.js.map",
     "static/js/2.e4d49f63.chunk.js": "/static/js/2.e4d49f63.chunk.js",
@@ -10,7 +10,7 @@
     "static/js/3.10abbce4.chunk.js": "/static/js/3.10abbce4.chunk.js",
     "static/js/3.10abbce4.chunk.js.map": "/static/js/3.10abbce4.chunk.js.map",
     "index.html": "/index.html",
-    "precache-manifest.49a0bba942346b3badf09e0c8ff37ae6.js": "/precache-manifest.49a0bba942346b3badf09e0c8ff37ae6.js",
     "service-worker.js": "/service-worker.js",
     "static/css/main.3b4eede1.chunk.css.map": "/static/css/main.3b4eede1.chunk.css.map",
     "static/js/2.e4d49f63.chunk.js.LICENSE.txt": "/static/js/2.e4d49f63.chunk.js.LICENSE.txt"
@@ -19,6 +19,6 @@
     "static/js/runtime-main.1d79dee9.js",
     "static/js/2.e4d49f63.chunk.js",
     "static/css/main.3b4eede1.chunk.css",
-    "static/js/main.7f0b632e.chunk.js"
   ]
 }

 {
   "files": {
     "main.css": "/static/css/main.3b4eede1.chunk.css",
+    "main.js": "/static/js/main.94c74413.chunk.js",
+    "main.js.map": "/static/js/main.94c74413.chunk.js.map",
     "runtime-main.js": "/static/js/runtime-main.1d79dee9.js",
     "runtime-main.js.map": "/static/js/runtime-main.1d79dee9.js.map",
     "static/js/2.e4d49f63.chunk.js": "/static/js/2.e4d49f63.chunk.js",
     "static/js/3.10abbce4.chunk.js": "/static/js/3.10abbce4.chunk.js",
     "static/js/3.10abbce4.chunk.js.map": "/static/js/3.10abbce4.chunk.js.map",
     "index.html": "/index.html",
+    "precache-manifest.c57261209dc05acf2d5c885ce18ee579.js": "/precache-manifest.c57261209dc05acf2d5c885ce18ee579.js",
     "service-worker.js": "/service-worker.js",
     "static/css/main.3b4eede1.chunk.css.map": "/static/css/main.3b4eede1.chunk.css.map",
     "static/js/2.e4d49f63.chunk.js.LICENSE.txt": "/static/js/2.e4d49f63.chunk.js.LICENSE.txt"
     "static/js/runtime-main.1d79dee9.js",
     "static/js/2.e4d49f63.chunk.js",
     "static/css/main.3b4eede1.chunk.css",
+    "static/js/main.94c74413.chunk.js"
   ]
 }

static/index.html CHANGED Viewed

@@ -1 +1 @@

- <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Multi-Model Object Detection Demo"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Vision Web App</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"/><link href="/static/css/main.3b4eede1.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,i,a=r[0],c=r[1],l=r[2],f=0,s=[];f<a.length;f++)i=a[f],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,l||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var c=t[a];0!==o[c]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return i.p+"static/js/"+({}[e]||e)+"."+{3:"10abbce4"}[e]+".chunk.js"}(e);var c=new Error;u=function(r){a.onerror=a.onload=null,clearTimeout(l);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var l=setTimeout((function(){u({type:"timeout",target:a})}),12e4);a.onerror=a.onload=u,document.head.appendChild(a)}return Promise.all(r)},i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/",i.oe=function(e){throw console.error(e),e};var a=this["webpackJsonpvision-web-app"]=this["webpackJsonpvision-web-app"]||[],c=a.push.bind(a);a.push=r,a=a.slice();for(var l=0;l<a.length;l++)r(a[l]);var p=c;t()}([])</script><script src="/static/js/2.e4d49f63.chunk.js"></script><script src="/static/js/main.~~7f0b632e~~.chunk.js"></script></body></html>

+ <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Multi-Model Object Detection Demo"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Vision Web App</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"/><link href="/static/css/main.3b4eede1.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,i,a=r[0],c=r[1],l=r[2],f=0,s=[];f<a.length;f++)i=a[f],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,l||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var c=t[a];0!==o[c]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return i.p+"static/js/"+({}[e]||e)+"."+{3:"10abbce4"}[e]+".chunk.js"}(e);var c=new Error;u=function(r){a.onerror=a.onload=null,clearTimeout(l);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var l=setTimeout((function(){u({type:"timeout",target:a})}),12e4);a.onerror=a.onload=u,document.head.appendChild(a)}return Promise.all(r)},i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/",i.oe=function(e){throw console.error(e),e};var a=this["webpackJsonpvision-web-app"]=this["webpackJsonpvision-web-app"]||[],c=a.push.bind(a);a.push=r,a=a.slice();for(var l=0;l<a.length;l++)r(a[l]);var p=c;t()}([])</script><script src="/static/js/2.e4d49f63.chunk.js"></script><script src="/static/js/main.94c74413.chunk.js"></script></body></html>

static/precache-manifest.49a0bba942346b3badf09e0c8ff37ae6.js DELETED Viewed

@@ -1,30 +0,0 @@
-self.__precacheManifest = (self.__precacheManifest || []).concat([
-  {
-    "revision": "72fdef4e3c985c76a08b639b81a92472",
-    "url": "/index.html"
-  },
-  {
-    "revision": "39e2fc6e6441b86df1ef",
-    "url": "/static/css/main.3b4eede1.chunk.css"
-  },
-  {
-    "revision": "8c82444e1d7d7382cb08",
-    "url": "/static/js/2.e4d49f63.chunk.js"
-  },
-  {
-    "revision": "89a1b2dcd30c03705b2bceeb141b76b6",
-    "url": "/static/js/2.e4d49f63.chunk.js.LICENSE.txt"
-  },
-  {
-    "revision": "3e950a8ed9ea38f208da",
-    "url": "/static/js/3.10abbce4.chunk.js"
-  },
-  {
-    "revision": "39e2fc6e6441b86df1ef",
-    "url": "/static/js/main.7f0b632e.chunk.js"
-  },
-  {
-    "revision": "154c4b0ed16fd7552969",
-    "url": "/static/js/runtime-main.1d79dee9.js"
-  }
-]);

static/precache-manifest.653a7aee73b10eaaa2fae0610652f6fa.js DELETED Viewed

@@ -1,30 +0,0 @@
-self.__precacheManifest = (self.__precacheManifest || []).concat([
-  {
-    "revision": "63e79b8c5a7091459c975e9ced1d4412",
-    "url": "/index.html"
-  },
-  {
-    "revision": "d435db4fd542a4ef6aa8",
-    "url": "/static/css/main.59c2a54e.chunk.css"
-  },
-  {
-    "revision": "a3aa56e81892b1b7fdee",
-    "url": "/static/js/2.abf91741.chunk.js"
-  },
-  {
-    "revision": "89a1b2dcd30c03705b2bceeb141b76b6",
-    "url": "/static/js/2.abf91741.chunk.js.LICENSE.txt"
-  },
-  {
-    "revision": "70d68b45d511e1e11f23",
-    "url": "/static/js/3.9013e23f.chunk.js"
-  },
-  {
-    "revision": "d435db4fd542a4ef6aa8",
-    "url": "/static/js/main.db88b5b1.chunk.js"
-  },
-  {
-    "revision": "d8c310b0ac7ffa6d8151",
-    "url": "/static/js/runtime-main.25710301.js"
-  }
-]);

static/precache-manifest.6c81b79ee3d0b098eec2157ddef3be2b.js DELETED Viewed

@@ -1,30 +0,0 @@
-self.__precacheManifest = (self.__precacheManifest || []).concat([
-  {
-    "revision": "bbb36010f0040b79c203295da54a1c3b",
-    "url": "/index.html"
-  },
-  {
-    "revision": "f7e4eae0b4827cd78d54",
-    "url": "/static/css/main.3b4eede1.chunk.css"
-  },
-  {
-    "revision": "8c82444e1d7d7382cb08",
-    "url": "/static/js/2.e4d49f63.chunk.js"
-  },
-  {
-    "revision": "89a1b2dcd30c03705b2bceeb141b76b6",
-    "url": "/static/js/2.e4d49f63.chunk.js.LICENSE.txt"
-  },
-  {
-    "revision": "3e950a8ed9ea38f208da",
-    "url": "/static/js/3.10abbce4.chunk.js"
-  },
-  {
-    "revision": "f7e4eae0b4827cd78d54",
-    "url": "/static/js/main.3e9c0e32.chunk.js"
-  },
-  {
-    "revision": "154c4b0ed16fd7552969",
-    "url": "/static/js/runtime-main.1d79dee9.js"
-  }
-]);

static/precache-manifest.8e423b8cca32633cc698be25400e28de.js DELETED Viewed

@@ -1,30 +0,0 @@
-self.__precacheManifest = (self.__precacheManifest || []).concat([
-  {
-    "revision": "192d582c55b5c300c921830c08cd0bd6",
-    "url": "/index.html"
-  },
-  {
-    "revision": "c90dd9731b92da2b9287",
-    "url": "/static/css/main.3b4eede1.chunk.css"
-  },
-  {
-    "revision": "8c82444e1d7d7382cb08",
-    "url": "/static/js/2.e4d49f63.chunk.js"
-  },
-  {
-    "revision": "89a1b2dcd30c03705b2bceeb141b76b6",
-    "url": "/static/js/2.e4d49f63.chunk.js.LICENSE.txt"
-  },
-  {
-    "revision": "3e950a8ed9ea38f208da",
-    "url": "/static/js/3.10abbce4.chunk.js"
-  },
-  {
-    "revision": "c90dd9731b92da2b9287",
-    "url": "/static/js/main.acde7694.chunk.js"
-  },
-  {
-    "revision": "154c4b0ed16fd7552969",
-    "url": "/static/js/runtime-main.1d79dee9.js"
-  }
-]);

static/{precache-manifest.1c7268aa430373f290bea946575b07d5.js → precache-manifest.c57261209dc05acf2d5c885ce18ee579.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 self.__precacheManifest = (self.__precacheManifest || []).concat([
   {
-    "revision": "6d3f2e82abbfb9305604907a27067ac8",
     "url": "/index.html"
   },
   {
-    "revision": "16539bb2eb1bee3f18d9",
     "url": "/static/css/main.3b4eede1.chunk.css"
   },
   {
@@ -20,8 +20,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/static/js/3.10abbce4.chunk.js"
   },
   {
-    "revision": "16539bb2eb1bee3f18d9",
-    "url": "/static/js/main.7fd2b13c.chunk.js"
   },
   {
     "revision": "154c4b0ed16fd7552969",

 self.__precacheManifest = (self.__precacheManifest || []).concat([
   {
+    "revision": "1379b82506d10dc14684ebdadaba0646",
     "url": "/index.html"
   },
   {
+    "revision": "3a472476b8c171351ef0",
     "url": "/static/css/main.3b4eede1.chunk.css"
   },
   {
     "url": "/static/js/3.10abbce4.chunk.js"
   },
   {
+    "revision": "3a472476b8c171351ef0",
+    "url": "/static/js/main.94c74413.chunk.js"
   },
   {
     "revision": "154c4b0ed16fd7552969",

static/service-worker.js CHANGED Viewed

@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
 importScripts(
-  "/precache-manifest.49a0bba942346b3badf09e0c8ff37ae6.js"
 );
 self.addEventListener('message', (event) => {

 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
 importScripts(
+  "/precache-manifest.c57261209dc05acf2d5c885ce18ee579.js"
 );
 self.addEventListener('message', (event) => {

static/static/asset-manifest.json DELETED Viewed

@@ -1,24 +0,0 @@
-{
-  "files": {
-    "main.css": "/static/css/main.59c2a54e.chunk.css",
-    "main.js": "/static/js/main.db88b5b1.chunk.js",
-    "main.js.map": "/static/js/main.db88b5b1.chunk.js.map",
-    "runtime-main.js": "/static/js/runtime-main.25710301.js",
-    "runtime-main.js.map": "/static/js/runtime-main.25710301.js.map",
-    "static/js/2.abf91741.chunk.js": "/static/js/2.abf91741.chunk.js",
-    "static/js/2.abf91741.chunk.js.map": "/static/js/2.abf91741.chunk.js.map",
-    "static/js/3.9013e23f.chunk.js": "/static/js/3.9013e23f.chunk.js",
-    "static/js/3.9013e23f.chunk.js.map": "/static/js/3.9013e23f.chunk.js.map",
-    "index.html": "/index.html",
-    "precache-manifest.653a7aee73b10eaaa2fae0610652f6fa.js": "/precache-manifest.653a7aee73b10eaaa2fae0610652f6fa.js",
-    "service-worker.js": "/service-worker.js",
-    "static/css/main.59c2a54e.chunk.css.map": "/static/css/main.59c2a54e.chunk.css.map",
-    "static/js/2.abf91741.chunk.js.LICENSE.txt": "/static/js/2.abf91741.chunk.js.LICENSE.txt"
-  },
-  "entrypoints": [
-    "static/js/runtime-main.25710301.js",
-    "static/js/2.abf91741.chunk.js",
-    "static/css/main.59c2a54e.chunk.css",
-    "static/js/main.db88b5b1.chunk.js"
-  ]
-}

static/static/css/main.59c2a54e.chunk.css DELETED Viewed

	@@ -1,2 +0,0 @@
1	- body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.preview-image{max-width:100%;max-height:300px;margin-top:16px}.result-image{max-width:100%;border:1px solid #ddd;border-radius:4px;padding:4px}.detection-list{margin-top:16px;text-align:left}.model-card{cursor:pointer;transition:all .3s}.model-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.model-card.selected{border:2px solid #3f51b5;background-color:#e8eaf6}.model-card.disabled{opacity:.6;cursor:not-allowed}.performance-info{margin-top:16px;font-size:.9rem;color:#666}
2	- /# sourceMappingURL=main.59c2a54e.chunk.css.map /

static/static/css/main.59c2a54e.chunk.css.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["index.css","App.css"],"names":[],"mappings":"AAAA,KACE,QAAS,CACT,mJAEY,CACZ,kCAAmC,CACnC,iCAAkC,CAClC,wBACF,CAEA,KACE,yEAEF,CCbA,KACE,iBACF,CAEA,eACE,cAAe,CACf,gBAAiB,CACjB,eACF,CAEA,cACE,cAAe,CACf,qBAAsB,CACtB,iBAAkB,CAClB,WACF,CAEA,gBACE,eAAgB,CAChB,eACF,CAEA,YACE,cAAe,CACf,kBACF,CAEA,kBACE,0BAA2B,CAC3B,qCACF,CAEA,qBACE,wBAAyB,CACzB,wBACF,CAEA,qBACE,UAAY,CACZ,kBACF,CAEA,kBACE,eAAgB,CAChB,eAAiB,CACjB,UACF","file":"main.59c2a54e.chunk.css","sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: #f5f5f5;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n",".App {\n text-align: center;\n}\n\n.preview-image {\n max-width: 100%;\n max-height: 300px;\n margin-top: 16px;\n}\n\n.result-image {\n max-width: 100%;\n border: 1px solid #ddd;\n border-radius: 4px;\n padding: 4px;\n}\n\n.detection-list {\n margin-top: 16px;\n text-align: left;\n}\n\n.model-card {\n cursor: pointer;\n transition: all 0.3s;\n}\n\n.model-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n}\n\n.model-card.selected {\n border: 2px solid #3f51b5;\n background-color: #e8eaf6;\n}\n\n.model-card.disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n.performance-info {\n margin-top: 16px;\n font-size: 0.9rem;\n color: #666;\n}\n"]}

static/static/index.html DELETED Viewed

@@ -1 +0,0 @@

- <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Multi-Model Object Detection Demo"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Vision Web App</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"/><link href="/static/css/main.59c2a54e.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,i,a=r[0],c=r[1],l=r[2],p=0,s=[];p<a.length;p++)i=a[p],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,l||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var c=t[a];0!==o[c]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return i.p+"static/js/"+({}[e]||e)+"."+{3:"9013e23f"}[e]+".chunk.js"}(e);var c=new Error;u=function(r){a.onerror=a.onload=null,clearTimeout(l);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var l=setTimeout((function(){u({type:"timeout",target:a})}),12e4);a.onerror=a.onload=u,document.head.appendChild(a)}return Promise.all(r)},i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/",i.oe=function(e){throw console.error(e),e};var a=this["webpackJsonpvision-web-app"]=this["webpackJsonpvision-web-app"]||[],c=a.push.bind(a);a.push=r,a=a.slice();for(var l=0;l<a.length;l++)r(a[l]);var f=c;t()}([])</script><script src="/static/js/2.abf91741.chunk.js"></script><script src="/static/js/main.db88b5b1.chunk.js"></script></body></html>

static/static/js/2.abf91741.chunk.js DELETED Viewed

The diff for this file is too large to render. See raw diff

static/static/js/2.abf91741.chunk.js.LICENSE.txt DELETED Viewed

@@ -1,58 +0,0 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-/**
- * A better abstraction over CSS.
- *
- * @copyright Oleg Isonen (Slobodskoi) / Isonen 2014-present
- * @website https://github.com/cssinjs/jss
- * @license MIT
- */
-/** @license React v0.19.1
- * scheduler.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v16.14.0
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v16.14.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v17.0.2
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */

static/static/js/2.abf91741.chunk.js.map DELETED Viewed

The diff for this file is too large to render. See raw diff

static/static/js/3.9013e23f.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (this["webpackJsonpvision-web-app"]=this["webpackJsonpvision-web-app"]\|\|[]).push([[3],{170:function(t,n,e){"use strict";e.r(n),e.d(n,"getCLS",(function(){return l})),e.d(n,"getFCP",(function(){return g})),e.d(n,"getFID",(function(){return h})),e.d(n,"getLCP",(function(){return y})),e.d(n,"getTTFB",(function(){return F}));var i,a,r=function(){return"".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)},o=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1;return{name:t,value:n,delta:0,entries:[],id:r(),isFinal:!1}},u=function(t,n){try{if(PerformanceObserver.supportedEntryTypes.includes(t)){var e=new PerformanceObserver((function(t){return t.getEntries().map(n)}));return e.observe({type:t,buffered:!0}),e}}catch(t){}},s=!1,c=!1,p=function(t){s=!t.persisted},d=function(){addEventListener("pagehide",p),addEventListener("beforeunload",(function(){}))},f=function(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];c\|\|(d(),c=!0),addEventListener("visibilitychange",(function(n){var e=n.timeStamp;"hidden"===document.visibilityState&&t({timeStamp:e,isUnloading:s})}),{capture:!0,once:n})},v=function(t,n,e,i){var a;return function(){e&&n.isFinal&&e.disconnect(),n.value>=0&&(i\|\|n.isFinal\|\|"hidden"===document.visibilityState)&&(n.delta=n.value-(a\|\|0),(n.delta\|\|n.isFinal\|\|void 0===a)&&(t(n),a=n.value))}},l=function(t){var n,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=o("CLS",0),a=function(t){t.hadRecentInput\|\|(i.value+=t.value,i.entries.push(t),n())},r=u("layout-shift",a);r&&(n=v(t,i,r,e),f((function(t){var e=t.isUnloading;r.takeRecords().map(a),e&&(i.isFinal=!0),n()})))},m=function(){return void 0===i&&(i="hidden"===document.visibilityState?0:1/0,f((function(t){var n=t.timeStamp;return i=n}),!0)),{get timeStamp(){return i}}},g=function(t){var n,e=o("FCP"),i=m(),a=u("paint",(function(t){"first-contentful-paint"===t.name&&t.startTime<i.timeStamp&&(e.value=t.startTime,e.isFinal=!0,e.entries.push(t),n())}));a&&(n=v(t,e,a))},h=function(t){var n=o("FID"),e=m(),i=function(t){t.startTime<e.timeStamp&&(n.value=t.processingStart-t.startTime,n.entries.push(t),n.isFinal=!0,r())},a=u("first-input",i),r=v(t,n,a);a?f((function(){a.takeRecords().map(i),a.disconnect()}),!0):window.perfMetrics&&window.perfMetrics.onFirstInputDelay&&window.perfMetrics.onFirstInputDelay((function(t,i){i.timeStamp<e.timeStamp&&(n.value=t,n.isFinal=!0,n.entries=[{entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+t}],r())}))},S=function(){return a\|\|(a=new Promise((function(t){return["scroll","keydown","pointerdown"].map((function(n){addEventListener(n,t,{once:!0,passive:!0,capture:!0})}))}))),a},y=function(t){var n,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=o("LCP"),a=m(),r=function(t){var e=t.startTime;e<a.timeStamp?(i.value=e,i.entries.push(t)):i.isFinal=!0,n()},s=u("largest-contentful-paint",r);if(s){n=v(t,i,s,e);var c=function(){i.isFinal\|\|(s.takeRecords().map(r),i.isFinal=!0,n())};S().then(c),f(c,!0)}},F=function(t){var n,e=o("TTFB");n=function(){try{var n=performance.getEntriesByType("navigation")[0]\|\|function(){var t=performance.timing,n={entryType:"navigation",startTime:0};for(var e in t)"navigationStart"!==e&&"toJSON"!==e&&(n[e]=Math.max(t[e]-t.navigationStart,0));return n}();e.value=e.delta=n.responseStart,e.entries=[n],e.isFinal=!0,t(e)}catch(t){}},"complete"===document.readyState?setTimeout(n,0):addEventListener("pageshow",n)}}}]);
2	- //# sourceMappingURL=3.9013e23f.chunk.js.map

static/static/js/3.9013e23f.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../node_modules/web-vitals/dist/web-vitals.es5.min.js"],"names":["v","t","n","e","concat","Date","now","Math","floor","random","i","arguments","length","name","value","delta","entries","id","isFinal","a","PerformanceObserver","supportedEntryTypes","includes","getEntries","map","observe","type","buffered","r","o","s","persisted","u","addEventListener","c","timeStamp","document","visibilityState","isUnloading","capture","once","l","disconnect","p","hadRecentInput","push","takeRecords","d","startTime","f","processingStart","window","perfMetrics","onFirstInputDelay","entryType","target","cancelable","m","Promise","passive","g","then","h","performance","getEntriesByType","timing","max","navigationStart","responseStart","readyState","setTimeout"],"mappings":"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","file":"static/js/3.9013e23f.chunk.js","sourcesContent":["var t,n,e=function(){return\"\".concat(Date.now(),\"-\").concat(Math.floor(8999999999999*Math.random())+1e12)},i=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1;return{name:t,value:n,delta:0,entries:[],id:e(),isFinal:!1}},a=function(t,n){try{if(PerformanceObserver.supportedEntryTypes.includes(t)){var e=new PerformanceObserver((function(t){return t.getEntries().map(n)}));return e.observe({type:t,buffered:!0}),e}}catch(t){}},r=!1,o=!1,s=function(t){r=!t.persisted},u=function(){addEventListener(\"pagehide\",s),addEventListener(\"beforeunload\",(function(){}))},c=function(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];o||(u(),o=!0),addEventListener(\"visibilitychange\",(function(n){var e=n.timeStamp;\"hidden\"===document.visibilityState&&t({timeStamp:e,isUnloading:r})}),{capture:!0,once:n})},l=function(t,n,e,i){var a;return function(){e&&n.isFinal&&e.disconnect(),n.value>=0&&(i||n.isFinal||\"hidden\"===document.visibilityState)&&(n.delta=n.value-(a||0),(n.delta||n.isFinal||void 0===a)&&(t(n),a=n.value))}},p=function(t){var n,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=i(\"CLS\",0),o=function(t){t.hadRecentInput||(r.value+=t.value,r.entries.push(t),n())},s=a(\"layout-shift\",o);s&&(n=l(t,r,s,e),c((function(t){var e=t.isUnloading;s.takeRecords().map(o),e&&(r.isFinal=!0),n()})))},d=function(){return void 0===t&&(t=\"hidden\"===document.visibilityState?0:1/0,c((function(n){var e=n.timeStamp;return t=e}),!0)),{get timeStamp(){return t}}},v=function(t){var n,e=i(\"FCP\"),r=d(),o=a(\"paint\",(function(t){\"first-contentful-paint\"===t.name&&t.startTime<r.timeStamp&&(e.value=t.startTime,e.isFinal=!0,e.entries.push(t),n())}));o&&(n=l(t,e,o))},f=function(t){var n=i(\"FID\"),e=d(),r=function(t){t.startTime<e.timeStamp&&(n.value=t.processingStart-t.startTime,n.entries.push(t),n.isFinal=!0,s())},o=a(\"first-input\",r),s=l(t,n,o);o?c((function(){o.takeRecords().map(r),o.disconnect()}),!0):window.perfMetrics&&window.perfMetrics.onFirstInputDelay&&window.perfMetrics.onFirstInputDelay((function(t,i){i.timeStamp<e.timeStamp&&(n.value=t,n.isFinal=!0,n.entries=[{entryType:\"first-input\",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+t}],s())}))},m=function(){return n||(n=new Promise((function(t){return[\"scroll\",\"keydown\",\"pointerdown\"].map((function(n){addEventListener(n,t,{once:!0,passive:!0,capture:!0})}))}))),n},g=function(t){var n,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=i(\"LCP\"),o=d(),s=function(t){var e=t.startTime;e<o.timeStamp?(r.value=e,r.entries.push(t)):r.isFinal=!0,n()},u=a(\"largest-contentful-paint\",s);if(u){n=l(t,r,u,e);var p=function(){r.isFinal||(u.takeRecords().map(s),r.isFinal=!0,n())};m().then(p),c(p,!0)}},h=function(t){var n,e=i(\"TTFB\");n=function(){try{var n=performance.getEntriesByType(\"navigation\")[0]||function(){var t=performance.timing,n={entryType:\"navigation\",startTime:0};for(var e in t)\"navigationStart\"!==e&&\"toJSON\"!==e&&(n[e]=Math.max(t[e]-t.navigationStart,0));return n}();e.value=e.delta=n.responseStart,e.entries=[n],e.isFinal=!0,t(e)}catch(t){}},\"complete\"===document.readyState?setTimeout(n,0):addEventListener(\"pageshow\",n)};export{p as getCLS,v as getFCP,f as getFID,g as getLCP,h as getTTFB};\n"],"sourceRoot":""}

static/static/js/main.3e9c0e32.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (this["webpackJsonpvision-web-app"]=this["webpackJsonpvision-web-app"]\|\|[]).push([[0],{104:function(e,a,t){},105:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),l=t(11),o=t.n(l),c=(t(99),t(79)),i=t(165),s=t(169),m=t(166),d=t(167),u=t(49),g=t(171),p=t(161),E=t(168),y=t(142),b=t(83),f=t(147),h=t(140),v=t(141),x=t(65),S=t.n(x),C=t(76),j=t.n(C),w=t(137);const P=Object(w.a)(e=>({paper:{padding:e.spacing(2),display:"flex",flexDirection:"column",alignItems:"center",height:"100%",minHeight:300,transition:"all 0.3s ease"},dragActive:{border:"2px dashed #3f51b5",backgroundColor:"rgba(63, 81, 181, 0.05)"},dragInactive:{border:"2px dashed #ccc",backgroundColor:"white"},uploadBox:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",cursor:"pointer"},uploadIcon:{fontSize:60,color:"#3f51b5",marginBottom:e.spacing(2)},supportText:{marginTop:e.spacing(2)},previewBox:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",height:"100%",position:"relative"},imageContainer:{position:"relative",width:"100%",height:"45vh",[e.breakpoints.down("sm")]:{height:"35vh"},display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",marginTop:e.spacing(2)},deleteButton:{position:"absolute",top:0,right:0,backgroundColor:"rgba(255, 255, 255, 0.7)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.9)"}}}));var I=e=>{let{onImageUpload:a}=e;const t=P(),[l,o]=Object(n.useState)(null),[c,i]=Object(n.useState)(!1),m=Object(n.useRef)(null),d=e=>{e.preventDefault(),e.stopPropagation(),"dragenter"===e.type\|\|"dragover"===e.type?i(!0):"dragleave"===e.type&&i(!1)},g=e=>{e.type.startsWith("image/")?(o(URL.createObjectURL(e)),a(e)):alert("Please upload an image file")};return r.a.createElement(b.a,{className:"".concat(t.paper," ").concat(c?t.dragActive:t.dragInactive),onDragEnter:d,onDragLeave:d,onDragOver:d,onDrop:e=>{e.preventDefault(),e.stopPropagation(),i(!1),e.dataTransfer.files&&e.dataTransfer.files[0]&&g(e.dataTransfer.files[0])}},r.a.createElement("input",{ref:m,type:"file",accept:"image/",onChange:e=>{e.preventDefault(),e.target.files&&e.target.files[0]&&g(e.target.files[0])},style:{display:"none"}}),l?r.a.createElement(s.a,{className:t.previewBox},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Preview"),r.a.createElement(s.a,{className:t.imageContainer},r.a.createElement("img",{src:l,alt:"Preview",className:"preview-image",style:{maxWidth:"100%",maxHeight:"100%",width:"auto",height:"auto",objectFit:"contain",display:"block"}}),r.a.createElement(v.a,{"aria-label":"delete",className:t.deleteButton,onClick:()=>{o(null),a(null),m.current.value=""}},r.a.createElement(j.a,null)))):r.a.createElement(s.a,{className:t.uploadBox,onClick:()=>{m.current.click()}},r.a.createElement(S.a,{className:t.uploadIcon}),r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Drag & Drop an image here"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},"or"),r.a.createElement(h.a,{variant:"contained",color:"primary",component:"span",startIcon:r.a.createElement(S.a,null)},"Browse Files"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",className:t.supportText},"Supported formats: JPG, PNG, GIF")))},N=t(143),T=t(144),O=t(176),B=t(145),A=t(66),k=t.n(A),D=t(77),R=t.n(D),F=t(78),L=t.n(F);const z=Object(w.a)(e=>({card:{height:"100%",display:"flex",flexDirection:"column"},selectedCard:{border:"2px solid #3f51b5"},unavailableCard:{opacity:.6},cardContent:{flexGrow:1},chipContainer:{marginBottom:e.spacing(1.5)},successChip:{backgroundColor:"#34C759",color:"#fff"},errorChip:{backgroundColor:"#FF3B3F",color:"#fff"},modelType:{marginTop:e.spacing(1)},processButton:{marginTop:e.spacing(3),textAlign:"center"}}));var _=e=>{let{onModelSelect:a,onProcess:t,isProcessing:n,modelsStatus:l,selectedModel:o,imageSelected:c}=e;const i=z(),m=[{id:"yolo",name:"YOLOv8",description:"Fast and accurate object detection",icon:r.a.createElement(k.a,null),available:l.yolo},{id:"detr",name:"DETR",description:"DEtection TRansformer for object detection",icon:r.a.createElement(k.a,null),available:l.detr},{id:"vit",name:"ViT",description:"Vision Transformer for image classification",icon:r.a.createElement(R.a,null),available:l.vit}],d=e=>{m.find(a=>a.id===e).available&&a(e)};return r.a.createElement(s.a,{sx:{p:2,height:"100%"}},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Select Model"),r.a.createElement(y.a,{container:!0,spacing:2},m.map(e=>r.a.createElement(y.a,{item:!0,xs:12,sm:4,key:e.id},r.a.createElement(N.a,{className:"\n ".concat(i.card," \n ").concat(o===e.id?i.selectedCard:""," \n ").concat(e.available?"":i.unavailableCard,"\n "),onClick:()=>d(e.id)},r.a.createElement(T.a,{className:i.cardContent},r.a.createElement(s.a,{sx:{mb:2,color:"primary"}},e.icon),r.a.createElement(u.a,{variant:"h5",component:"div",gutterBottom:!0},e.name),r.a.createElement("div",{className:i.chipContainer},e.available?r.a.createElement(O.a,{label:"Available",className:i.successChip,size:"small"}):r.a.createElement(O.a,{label:"Not Available",className:i.errorChip,size:"small"})),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},e.description)),r.a.createElement(B.a,null,r.a.createElement(h.a,{size:"small",onClick:()=>d(e.id),disabled:!e.available,color:o===e.id?"primary":"default",variant:o===e.id?"contained":"outlined",fullWidth:!0},o===e.id?"Selected":"Select")))))),r.a.createElement("div",{className:i.processButton},r.a.createElement(h.a,{variant:"contained",color:"primary",size:"large",startIcon:r.a.createElement(L.a,null),onClick:t,disabled:!o\|\|!c\|\|n},n?"Processing...":"Process Image")))},W=t(157),M=t(154),V=t(107),U=t(158),H=t(146),J=t(174),G=t(175),Y=t(149),q=t(150),K=t(151),Q=t(177),X=t(170),Z=t(155),$=t(179),ee=t(156),ae=t(173);const te=Object(w.a)(e=>({root:{marginTop:e.spacing(2),marginBottom:e.spacing(2),padding:e.spacing(2),backgroundColor:"#f5f5f5",borderRadius:e.shape.borderRadius},button:{marginRight:e.spacing(2)},searchDialog:{minWidth:"500px"},formControl:{marginBottom:e.spacing(2),minWidth:"100%"},searchResults:{marginTop:e.spacing(2)},resultCard:{marginBottom:e.spacing(2)},resultImage:{height:140,objectFit:"contain"},chip:{margin:e.spacing(.5)},similarityChip:{backgroundColor:e.palette.primary.main,color:"white"}}));var ne=e=>{let{results:a}=e;const t=te(),[l,o]=Object(n.useState)(!1),[c,i]=Object(n.useState)(!1),[m,d]=Object(n.useState)(null),[g,p]=Object(n.useState)(!1),[E,b]=Object(n.useState)("image"),[v,x]=Object(n.useState)(""),[S,C]=Object(n.useState)([]),[j,w]=Object(n.useState)(!1),[P,I]=Object(n.useState)(null),{model:B,data:A}=a,k=()=>{p(!1)},D=()=>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const a=16Math.random()\|0;return("x"===e?a:3&a\|8).toString(16)}));return r.a.createElement(s.a,{className:t.root},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Vector Database Actions"),r.a.createElement(s.a,{display:"flex",alignItems:"center",mb:2},r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:async()=>{o(!0),d(null);try{let e;if(e="vit"===B?await fetch("/api/add-to-collection",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:A.image,metadata:{model:"vit",classifications:A.classifications}})}):await fetch("/api/add-detected-objects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:A.image,objects:A.detections,imageId:D()})}),!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const a=await e.json();if(a.error)throw new Error(a.error);i(!0),setTimeout(()=>i(!1),5e3)}catch(e){console.error("Error saving to vector DB:",e),d("Error saving to vector DB: ".concat(e.message))}finally{o(!1)}},disabled:l,className:t.button},l?r.a.createElement(r.a.Fragment,null,r.a.createElement(f.a,{size:20,color:"inherit",style:{marginRight:8}}),"Saving..."):"Save to Vector DB"),r.a.createElement(h.a,{variant:"outlined",color:"primary",onClick:()=>{p(!0),C([]),I(null)},className:t.button},"Search Similar")),m&&r.a.createElement(ae.a,{severity:"error",style:{marginTop:8}},m),r.a.createElement(J.a,{open:c,autoHideDuration:5e3,onClose:()=>i(!1)},r.a.createElement(ae.a,{severity:"success"},"vit"===B?"Image and classifications successfully saved to vector DB!":"Detected objects successfully saved to vector DB!")),r.a.createElement(G.a,{open:g,onClose:k,maxWidth:"md",fullWidth:!0},r.a.createElement(Y.a,null,"Search Vector Database"),r.a.createElement(q.a,null,r.a.createElement(K.a,{className:t.formControl},r.a.createElement(Q.a,{id:"search-type-label"},"Search Type"),r.a.createElement(X.a,{labelId:"search-type-label",id:"search-type",value:E,onChange:e=>{b(e.target.value),C([]),I(null)}},r.a.createElement(Z.a,{value:"image"},"Search by Current Image"),r.a.createElement(Z.a,{value:"class"},"Search by Class Name"))),"class"===E&&r.a.createElement(K.a,{className:t.formControl},r.a.createElement($.a,{label:"Class Name",value:v,onChange:e=>{x(e.target.value)},placeholder:"e.g. person, car, dog...",fullWidth:!0})),P&&r.a.createElement(ae.a,{severity:"error",style:{marginBottom:16}},P),r.a.createElement(s.a,{className:t.searchResults},j?r.a.createElement(s.a,{display:"flex",justifyContent:"center",alignItems:"center",p:4},r.a.createElement(f.a,null),r.a.createElement(u.a,{variant:"body1",style:{marginLeft:16}},"Searching...")):r.a.createElement(r.a.Fragment,null,console.log("Search dialog render - searchResults:",S),S.length>0?(console.log("Rendering search results:",S),console.log("Search results length:",S.length),0===S.length?(console.log("No results to render"),r.a.createElement(u.a,{variant:"body1"},"No results found.")):r.a.createElement(y.a,{container:!0,spacing:2},S.map((e,a)=>{const n=100(1-e.distance);return r.a.createElement(y.a,{item:!0,xs:12,sm:6,key:a},r.a.createElement(N.a,{className:t.resultCard},e.metadata&&e.metadata.image_data?r.a.createElement(H.a,{className:t.resultImage,component:"img",height:"200",image:"data:image/jpeg;base64,".concat(e.metadata.image_data),alt:e.metadata&&e.metadata.class?e.metadata.class:"Object"}):r.a.createElement(s.a,{className:t.resultImage,style:{backgroundColor:"#f0f0f0",display:"flex",alignItems:"center",justifyContent:"center",height:200}},r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},e.metadata&&e.metadata.class?e.metadata.class:"Object"," Image")),r.a.createElement(T.a,null,r.a.createElement(s.a,{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},r.a.createElement(u.a,{variant:"subtitle1"},"Result #",a+1),r.a.createElement(O.a,{label:"Similarity: ".concat(n.toFixed(2),"%"),className:t.similarityChip,size:"small"})),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Class:")," ",e.metadata.class\|\|"N/A"),e.metadata.confidence&&r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Confidence:")," ",(100e.metadata.confidence).toFixed(2),"%"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Object ID:")," ",e.id))))}))):r.a.createElement(u.a,{variant:"body1"},"No results found. Please try another search.")))),r.a.createElement(ee.a,null,r.a.createElement(h.a,{onClick:k,color:"default"},"Close"),r.a.createElement(h.a,{onClick:async()=>{w(!0),I(null);try{let e={};if("image"===E)e={searchType:"image",image:A.image,n_results:5};else{if(!v.trim())throw new Error("Please enter a class name");e={searchType:"class",class_name:v.trim(),n_results:5}}const a=await fetch("/api/search-similar-objects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!a.ok)throw new Error("HTTP error! Status: ".concat(a.status));const t=await a.json();if(t.error)throw new Error(t.error);if(console.log("Search API response:",t),!t.success\|\|!Array.isArray(t.results))throw console.error("Unexpected API response format:",t),new Error("Unexpected API response format");console.log("Setting search results array:",t.results),console.log("Results array length:",t.results.length),console.log("First result item:",t.results[0]),C(t.results)}catch(e){console.error("Error searching vector DB:",e),I("Error searching vector DB: ".concat(e.message))}finally{w(!1)}},color:"primary",variant:"contained",disabled:j\|\|"class"===E&&!v.trim()},"Search"))))};const re=Object(w.a)(e=>({paper:{padding:e.spacing(2)},marginBottom:{marginBottom:e.spacing(2)},resultImage:{maxWidth:"100%",maxHeight:"400px",objectFit:"contain"},dividerMargin:{margin:"".concat(e.spacing(2),"px 0")},chipContainer:{display:"flex",gap:e.spacing(1),flexWrap:"wrap"}}));var le=e=>{let{results:a}=e;const t=re();if(!a)return null;const{model:n,data:l}=a;if(l.error)return r.a.createElement(b.a,{sx:{p:2,bgcolor:"#ffebee"}},r.a.createElement(u.a,{color:"error"},l.error));const o=()=>l.performance?r.a.createElement(s.a,{className:"performance-info"},r.a.createElement(W.a,{className:t.dividerMargin}),r.a.createElement(u.a,{variant:"body2"},"Inference time: ",(e=>{if(void 0===e\|\|null===e\|\|isNaN(e))return"-";const a=Number(e);return a<1e3?"".concat(a.toFixed(2)," ms"):"".concat((a/1e3).toFixed(2)," s")})(l.performance.inference_time)," on ",l.performance.device)):null;return"yolo"===n\|\|"detr"===n?r.a.createElement(b.a,{className:t.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"yolo"===n?"YOLOv8":"DETR"," Detection Results"),r.a.createElement(y.a,{container:!0,spacing:3},r.a.createElement(y.a,{item:!0,xs:12,md:6},l.image&&r.a.createElement(s.a,{className:t.marginBottom},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Detection Result"),r.a.createElement("img",{src:"data:image/png;base64,".concat(l.image),alt:"Detection Result",className:t.resultImage}))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(s.a,{className:t.marginBottom},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Detected Objects:"),l.detections&&l.detections.length>0?r.a.createElement(M.a,null,l.detections.map((e,a)=>r.a.createElement(r.a.Fragment,{key:a},r.a.createElement(V.a,null,r.a.createElement(U.a,{primary:r.a.createElement(s.a,{style:{display:"flex",alignItems:"center"}},r.a.createElement(u.a,{variant:"body1",component:"span"},e.class),r.a.createElement(O.a,{label:"".concat((100e.confidence).toFixed(0),"%"),size:"small",color:"primary",style:{marginLeft:8}})),secondary:"Bounding Box: [".concat(e.bbox.join(", "),"]")})),a<l.detections.length-1&&r.a.createElement(W.a,null)))):r.a.createElement(u.a,{variant:"body1"},"No objects detected")))),o(),r.a.createElement(ne,{results:a})):"vit"===n?r.a.createElement(b.a,{className:t.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"ViT Classification Results"),r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Top Predictions:"),l.top_predictions&&l.top_predictions.length>0?r.a.createElement(M.a,null,l.top_predictions.map((e,a)=>r.a.createElement(r.a.Fragment,{key:a},r.a.createElement(V.a,null,r.a.createElement(U.a,{primary:r.a.createElement(s.a,{style:{display:"flex",alignItems:"center"}},r.a.createElement(u.a,{variant:"body1",component:"span"},e.rank,". ",e.class),r.a.createElement(O.a,{label:"".concat((100e.probability).toFixed(1),"%"),size:"small",color:0===a?"primary":"default",style:{marginLeft:8}}))})),a<l.top_predictions.length-1&&r.a.createElement(W.a,null)))):r.a.createElement(u.a,{variant:"body1"},"No classifications available"),o(),r.a.createElement(ne,{results:a})):null};const oe=Object(w.a)(e=>({paper:{padding:e.spacing(2),marginTop:e.spacing(2)},marginBottom:{marginBottom:e.spacing(2)},dividerMargin:{margin:"".concat(e.spacing(2),"px 0")},responseBox:{padding:e.spacing(2),backgroundColor:"#f5f5f5",borderRadius:e.shape.borderRadius,marginTop:e.spacing(2),whiteSpace:"pre-wrap"},buttonProgress:{marginLeft:e.spacing(1)}}));var ce=e=>{let{visionResults:a,model:t}=e;const l=oe(),[o,c]=Object(n.useState)(""),[i,m]=Object(n.useState)(!1),[d,g]=Object(n.useState)(null),[p,E]=Object(n.useState)(null);return a?r.a.createElement(b.a,{className:l.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Ask AI about the ","vit"===t?"Classification":"Detection"," Results"),r.a.createElement(u.a,{variant:"body2",className:l.marginBottom},"Ask a question about the detected objects or classifications to get an AI-powered analysis."),r.a.createElement($.a,{fullWidth:!0,label:"Your question about the image",variant:"outlined",value:o,onChange:e=>c(e.target.value),disabled:i,className:l.marginBottom,placeholder:"vit"===t?"E.g., What category does this image belong to?":"E.g., How many people are in this image?"}),r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:async()=>{if(o.trim()){m(!0),E(null);try{const e=await fetch("/api/analyze",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({visionResults:a,userQuery:o})});if(!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const t=await e.json();t.error?E(t.error):g(t)}catch(e){console.error("Error analyzing with LLM:",e),E("Error analyzing with LLM: ".concat(e.message))}finally{m(!1)}}},disabled:i\|\|!o.trim()},"Analyze with AI",i&&r.a.createElement(f.a,{size:24,className:l.buttonProgress})),p&&r.a.createElement(s.a,{mt:2},r.a.createElement(u.a,{color:"error"},p)),d&&r.a.createElement(r.a.Fragment,null,r.a.createElement(W.a,{className:l.dividerMargin}),r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"AI Analysis:"),r.a.createElement(s.a,{className:l.responseBox},r.a.createElement(u.a,{variant:"body1"},d.response)),d.performance&&r.a.createElement(s.a,{mt:1},r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},"Analysis time: ",(e=>{if(void 0===e\|\|null===e\|\|isNaN(e))return"-";const a=Number(e);return a<1e3?"".concat(a.toFixed(2)," ms"):"".concat((a/1e3).toFixed(2)," s")})(d.performance.inference_time)," on ",d.performance.device)))):null};var ie=function(e){let{imageBase64:a}=e;const[t,l]=Object(n.useState)(""),[o,c]=Object(n.useState)(""),[i,s]=Object(n.useState)(""),[m,d]=Object(n.useState)(!1),[g,p]=Object(n.useState)(""),[E,f]=Object(n.useState)("image"),[v,x]=Object(n.useState)(""),[S,C]=Object(n.useState)(""),[j,w]=Object(n.useState)(5);return r.a.createElement(b.a,{style:{padding:16}},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Vision RAG (LangChain)"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},"If OPENAI_API_KEY is set on the server, API Key is optional. Select a search type and send a question to get answers based on context retrieved from the vector DB."),r.a.createElement(y.a,{container:!0,spacing:2},r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(K.a,{fullWidth:!0,variant:"outlined",size:"small"},r.a.createElement(Q.a,{id:"search-type-label"},"Search Type"),r.a.createElement(X.a,{labelId:"search-type-label",value:E,onChange:e=>f(e.target.value),label:"Search Type"},r.a.createElement(Z.a,{value:"image"},"image (current upload)"),r.a.createElement(Z.a,{value:"object"},"object (objectId)"),r.a.createElement(Z.a,{value:"class"},"class (class_name)")))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"OpenAI API Key (optional)",value:t,onChange:e=>l(e.target.value),fullWidth:!0,variant:"outlined",size:"small",type:"password",placeholder:"sk-..."})),"object"===E&&r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"objectId",value:v,onChange:e=>x(e.target.value),fullWidth:!0,variant:"outlined",size:"small"})),"class"===E&&r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"class_name",value:S,onChange:e=>C(e.target.value),fullWidth:!0,variant:"outlined",size:"small",placeholder:"e.g. person, car, dog"})),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"n_results",value:j,onChange:e=>w(e.target.value),fullWidth:!0,variant:"outlined",size:"small",type:"number",inputProps:{min:1,max:50}})),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement($.a,{label:"User Question",value:o,onChange:e=>c(e.target.value),fullWidth:!0,multiline:!0,rows:4,variant:"outlined",placeholder:"image"===E?"Answer based on the uploaded image":"Answer using the retrieved object context"})),g&&r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(u.a,{color:"error"},g)),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement("div",{style:{display:"flex",gap:8}},r.a.createElement(h.a,{color:"primary",variant:"contained",onClick:async()=>{p(""),s("");const e=(o\|\|"").trim();if(!e)return void p("Please enter a question.");const n={userQuery:e,searchType:E,n_results:Number(j)\|\|5};if(t&&(n.api_key=t),"image"===E){if(!a)return void p("Image is required. Please upload an image first.");n.image=a}else if("object"===E){if(!v.trim())return void p("Please enter an objectId.");n.objectId=v.trim()}else if("class"===E){if(!S.trim())return void p("Please enter a class_name.");n.class_name=S.trim()}d(!0);try{const e=await fetch("/api/vision-rag/query",{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify(n)});if(!e.ok){let a=await e.text();try{a=JSON.stringify(JSON.parse(a),null,2)}catch(r){}throw new Error(a)}const a=await e.json(),t="Model: ".concat(a.model\|\|"-"," \| Latency: ").concat(a.latency_sec\|\|"-","s");let l="";a.retrieved&&a.retrieved.length>0&&(l="\n\nSearch Results:\n",a.retrieved.forEach((e,a)=>{l+="".concat(a+1,". ID: ").concat(e.id\|\|"-","\n"),e.meta&&(l+=" Class: ".concat(e.meta.class\|\|"-","\n"),l+=" Confidence: ".concat(e.meta.confidence\|\|"-","\n")),l+=" Similarity: ".concat(e.distance?e.distance.toFixed(4):"-","\n")})),s((a.answer\|\|"(No response)")+l+"\n\n---\n"+t)}catch(l){p("Error: "+l.message)}finally{d(!1)}},disabled:m},m?"Sending...":"Send Question"),r.a.createElement(h.a,{variant:"outlined",onClick:()=>{c(""),s(""),p("")}},"Clear"))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(W.a,{style:{margin:"12px 0"}}),r.a.createElement(u.a,{variant:"subtitle2",color:"textSecondary"},"Response"),r.a.createElement("pre",{style:{whiteSpace:"pre-wrap",fontFamily:"ui-monospace, monospace"}},i))))},se=(t(80),t(159)),me=t(160),de=t(162),ue=t(163),ge=t(164);const pe=Object(w.a)(e=>({root:{marginTop:e.spacing(3),marginBottom:e.spacing(3)},imageContainer:{position:"relative",minHeight:"360px",display:"flex",justifyContent:"center",alignItems:"center",border:"2px dashed #ccc",borderRadius:"8px",margin:e.spacing(1),padding:e.spacing(1),backgroundColor:"#fafafa",overflow:"hidden"},progressLog:{marginTop:e.spacing(2),height:"200px",overflowY:"auto",backgroundColor:"#f8f9fa",padding:e.spacing(1),borderRadius:"4px",fontFamily:"monospace",fontSize:"0.9rem"},logEntry:{margin:"4px 0",padding:"2px 5px",borderLeft:"3px solid #ccc"},logEntryAgent:{borderLeft:"3px solid #2196f3"},logEntrySystem:{borderLeft:"3px solid #4caf50"},logEntryError:{borderLeft:"3px solid #f44336"},logTime:{color:"#666",fontSize:"0.8rem",marginRight:e.spacing(1)},imagePreview:{width:"100%",height:"auto",maxHeight:"60vh",objectFit:"contain"},uploadIcon:{fontSize:"3rem",color:"#aaa"},uploadInput:{display:"none"},deleteButton:{position:"absolute",top:"8px",right:"8px",backgroundColor:"rgba(255, 255, 255, 0.8)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.9)"}},tabPanel:{padding:e.spacing(2)},resultCard:{marginTop:e.spacing(2),marginBottom:e.spacing(2)},comparisonTable:{width:"100%",borderCollapse:"collapse","& th, & td":{border:"1px solid #ddd",padding:"8px",textAlign:"left"},"& th":{backgroundColor:"#f2f2f2"},"& tr:nth-child(even)":{backgroundColor:"#f9f9f9"}},loadingContainer:{display:"flex",flexDirection:"column",alignItems:"center",padding:e.spacing(4)},highlight:{backgroundColor:"#e3f2fd",padding:e.spacing(1),borderRadius:"4px",fontWeight:"bold"}}));var Ee=()=>{const e=pe(),[a,t]=Object(n.useState)([null,null]),[l,o]=Object(n.useState)([null,null]),[c,i]=Object(n.useState)(!1),[m,d]=Object(n.useState)(null),[E,x]=Object(n.useState)(null),[S,C]=Object(n.useState)(0),[j,w]=Object(n.useState)([]),P=Object(n.useRef)(null),I=function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"info";const t=new Date,n=t.toLocaleTimeString(),r={time:n,message:e,type:a};w(e=>[...e,r])};Object(n.useEffect)(()=>{P.current&&P.current.scrollIntoView({behavior:"smooth"})},[j]);const O=e=>{const a=new EventSource("/api/product/compare/stream/".concat(e));return a.onmessage=e=>{try{const t=JSON.parse(e.data);t.message&&I(t.message,t.agent\|\|"info"),t.final_result&&(d(t.final_result),i(!1),a.close())}catch(t){I("Event processing error: ".concat(t.message),"error")}},a.onerror=e=>{I("Server connection lost. Please try again in a moment.","error"),a.close(),i(!1)},a},B=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(a[0]\|\|a[1]){i(!0),x(null),w([]),I("Starting product analysis...","system");try{const t=new FormData;a[0]&&(t.append("image1",a[0]),I("Product A image uploaded.","info")),a[1]&&(t.append("image2",a[1]),I("Product B image uploaded.","info"));const n=["info","compare","value","recommend"],r=e\|\|n[S];t.append("analysisType",r),I("Analysis type: ".concat("info"===r?"Product Information":"compare"===r?"Performance Comparison":"value"===r?"Value Analysis":"Purchase Recommendation"),"system"),I("Initializing analysis session...","system");for(let[e,a]of t.entries())console.log("FormData:",e,a);const l=await fetch("/api/product/compare/start",{method:"POST",body:t,credentials:"include"});if(console.log("Response status:",l.status),console.log("Response headers:",l.headers),!l.ok){const e=await l.text();throw console.error("Error response:",e),new Error("HTTP error! Status: ".concat(l.status," - ").concat(e))}const o=(await l.json()).session_id;if(!o)throw new Error("Failed to receive session ID");I("Analysis session started. (Session ID: ".concat(o.substring(0,8),"...)"),"system"),I("Agents are collaborating to analyze products. Please wait a moment...","system");const c=O(o);return()=>{c.close()}}catch(t){console.error("\uc81c\ud488 \ubd84\uc11d \uc624\ub958:",t),I("Error occurred: ".concat(t.message),"error"),x("Error during analysis: ".concat(t.message)),i(!1)}}else x("Please upload at least one product image for analysis")};return r.a.createElement(b.a,{className:e.root},r.a.createElement(s.a,{p:3},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Product Comparison Analysis"),r.a.createElement(u.a,{variant:"body1",paragraph:!0},"Upload product images to receive detailed information and comparison analysis. You can analyze various products including cars, smartphones, laptops, and more."),r.a.createElement(y.a,{container:!0,spacing:3},[0,1].map(n=>r.a.createElement(y.a,{item:!0,xs:12,md:6,key:n},r.a.createElement(s.a,{className:e.imageContainer},l[n]?r.a.createElement(r.a.Fragment,null,r.a.createElement("img",{src:l[n],alt:"Product ".concat(n+1),className:e.imagePreview}),r.a.createElement(v.a,{className:e.deleteButton,onClick:()=>(e=>{const n=[...a],r=[...l];n[e]=null,r[e]=null,t(n),o(r),d(null)})(n)},r.a.createElement(se.a,null))):r.a.createElement(r.a.Fragment,null,r.a.createElement("input",{accept:"image/",className:e.uploadInput,id:"upload-image-".concat(n),type:"file",onChange:e=>((e,n)=>{const r=e.target.files[0];if(r){const e=new FileReader;e.onload=e=>{const a=[...l];a[n]=e.target.result,o(a)},e.readAsDataURL(r);const c=[...a];c[n]=r,t(c),d(null),x(null)}})(e,n)}),r.a.createElement("label",{htmlFor:"upload-image-".concat(n)},r.a.createElement(s.a,{display:"flex",flexDirection:"column",alignItems:"center"},r.a.createElement(me.a,{className:e.uploadIcon}),r.a.createElement(u.a,{variant:"body2",style:{marginTop:"8px"}},"Upload ",0===n?"Product A":"Product B"," Image"))))))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement("input",{accept:"image/",className:e.uploadInput,id:"upload-both-images",type:"file",multiple:!0,onChange:e=>{const n=Array.from(e.target.files\|\|[]);if(!n.length)return;const r=[...a],c=[...l];n.slice(0,2).forEach((e,a)=>{const t=a;r[t]=e;const n=new FileReader;n.onload=e=>{c[t]=e.target.result,o([...c])},n.readAsDataURL(e)}),t(r),d(null),x(null)}}),r.a.createElement("label",{htmlFor:"upload-both-images"},r.a.createElement(h.a,{variant:"text",color:"default",component:"span"},"Or select two files at once"))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(b.a,null,r.a.createElement(g.a,{value:S,onChange:(e,a)=>{C(a)},indicatorColor:"primary",textColor:"primary",centered:!0},r.a.createElement(p.a,{icon:r.a.createElement(de.a,null),label:"Product Info"}),r.a.createElement(p.a,{icon:r.a.createElement(ue.a,null),label:"Performance",disabled:!a[0]\|\|!a[1]}),r.a.createElement(p.a,{icon:r.a.createElement(ge.a,null),label:"Value Analysis"}),r.a.createElement(p.a,{label:"Recommendations"})),r.a.createElement(s.a,{p:2,display:"flex",justifyContent:"center",gridGap:12},r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:()=>B(null),disabled:c\|\|!a[0]&&!a[1],startIcon:c?r.a.createElement(f.a,{size:24}):null},c?"Analyzing...":"Start Analysis"),r.a.createElement(h.a,{variant:"outlined",color:"secondary",onClick:()=>B("compare"),disabled:c\|\|!a[0]\|\|!a[1],startIcon:r.a.createElement(ue.a,null)},"Compare Products")),E&&r.a.createElement(s.a,{p:2,bgcolor:"#ffebee",borderRadius:"4px",mb:2},r.a.createElement(u.a,{color:"error"},E)))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(b.a,null,r.a.createElement(s.a,{p:2},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Analysis Progress"),r.a.createElement(s.a,{className:e.progressLog},0===j.length?r.a.createElement(u.a,{variant:"body2",color:"textSecondary",style:{padding:"10px"}},"Progress details will appear here when analysis starts."):j.map((a,t)=>r.a.createElement(s.a,{key:t,className:"".concat(e.logEntry," ").concat("agent"===a.type?e.logEntryAgent:"system"===a.type?e.logEntrySystem:"error"===a.type?e.logEntryError:"")},r.a.createElement("span",{className:e.logTime},"[",a.time,"]"),a.message)),r.a.createElement("div",{ref:P}))))),r.a.createElement(y.a,{item:!0,xs:12},c?r.a.createElement(s.a,{className:e.loadingContainer},r.a.createElement(f.a,null),r.a.createElement(u.a,{variant:"h6",style:{marginTop:"16px"}},"Analyzing Products..."),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},"Product recognition, information retrieval, and comparison analysis in progress.")):(()=>{if(!m)return null;switch(S){case 0:return r.a.createElement(N.a,{className:e.resultCard},r.a.createElement(T.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Product Information"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.productInfo&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"subtitle1"},r.a.createElement("strong",null,"Product Name:")," ",m.productInfo.name),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Brand:")," ",m.productInfo.brand),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Category:")," ",m.productInfo.category),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Key Specifications"),r.a.createElement("ul",null,m.productInfo.specs.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},r.a.createElement("strong",null,e.name,":")," ",e.value)))),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Pros"),r.a.createElement("ul",null,m.productInfo.pros.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},e)))),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Cons"),r.a.createElement("ul",null,m.productInfo.cons.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},e)))))));case 1:return r.a.createElement(N.a,{className:e.resultCard},r.a.createElement(T.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Product Comparison Analysis"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.comparison&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Product Specification Comparison"),r.a.createElement("table",{className:e.comparisonTable},r.a.createElement("thead",null,r.a.createElement("tr",null,r.a.createElement("th",null,"Feature"),r.a.createElement("th",null,"Product A"),r.a.createElement("th",null,"Product B"),r.a.createElement("th",null,"Comparison"))),r.a.createElement("tbody",null,m.comparison.specs.map((a,t)=>r.a.createElement("tr",{key:t},r.a.createElement("td",null,r.a.createElement("strong",null,a.name)),r.a.createElement("td",null,a.valueA),r.a.createElement("td",null,a.valueB),r.a.createElement("td",null,r.a.createElement("span",{className:"A"===a.winner?e.highlight:""},a.comparison)))))),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Overall Comparison"),r.a.createElement(u.a,{variant:"body1"},m.comparison.summary))));case 2:return r.a.createElement(N.a,{className:e.resultCard},r.a.createElement(T.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Price-to-Value Analysis"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.valueAnalysis&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"subtitle1"},"Price Information"),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Product A:")," ",m.valueAnalysis.priceA),m.valueAnalysis.priceB&&r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Product B:")," ",m.valueAnalysis.priceB),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Value Analysis"),r.a.createElement(u.a,{variant:"body1"},m.valueAnalysis.analysis),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Price-to-Performance Score"),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Product A:")," ",m.valueAnalysis.valueScoreA,"/10"),m.valueAnalysis.valueScoreB&&r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Product B:")," ",m.valueAnalysis.valueScoreB,"/10"))));case 3:return r.a.createElement(N.a,{className:e.resultCard},r.a.createElement(T.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Purchase Recommendations"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.recommendation&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"subtitle1",className:e.highlight},"Recommended Product: ",m.recommendation.recommendedProduct),r.a.createElement(u.a,{variant:"body1",style:{marginTop:"16px"}},m.recommendation.reason),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Alternative Products"),r.a.createElement("ul",null,m.recommendation.alternatives.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},r.a.createElement("strong",null,e.name),": ",e.reason)))),m.recommendation.buyingTips&&r.a.createElement(r.a.Fragment,null,r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Buying Tips"),r.a.createElement("ul",null,m.recommendation.buyingTips.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},e))))))));default:return null}})()))))};t(104);const ye=Object(c.a)({palette:{primary:{main:"#3f51b5"},secondary:{main:"#f50057"}},typography:{fontFamily:"Roboto, Arial, sans-serif"}});var be=function(){const[e,a]=Object(n.useState)(null),[t,l]=Object(n.useState)(""),[o,c]=Object(n.useState)(""),[h,v]=Object(n.useState)(!1),[x,S]=Object(n.useState)(null),[C,j]=Object(n.useState)(null),[w,P]=Object(n.useState)({yolo:!1,detr:!1,vit:!1}),[N,T]=Object(n.useState)(0);return Object(n.useEffect)(()=>{fetch("/api/status").then(e=>e.json()).then(e=>{P(e.models)}).catch(e=>{console.error("Error checking API status:",e),j("Error connecting to the backend API. Please make sure the server is running.")})},[]),r.a.createElement(i.a,{theme:ye},r.a.createElement(s.a,{style:{flexGrow:1}},r.a.createElement(m.a,{position:"static"},r.a.createElement(d.a,null,r.a.createElement(u.a,{variant:"h6",style:{flexGrow:1}},"Vision LLM Multi-Agent System")),r.a.createElement(g.a,{value:N,onChange:(e,a)=>T(a),indicatorColor:"secondary",textColor:"inherit",centered:!0},r.a.createElement(p.a,{label:"Object Detection"}),r.a.createElement(p.a,{label:"Product Comparison"}))),r.a.createElement(E.a,{maxWidth:"lg",style:{marginTop:ye.spacing(4),marginBottom:ye.spacing(4)}},0===N?r.a.createElement(y.a,{container:!0,spacing:3},r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(b.a,{style:{padding:ye.spacing(2)}},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Upload an image to see how each model performs!"),r.a.createElement(u.a,{variant:"body1",paragraph:!0},"This demo showcases three different object detection and image classification models:"),r.a.createElement(u.a,{variant:"body1",component:"div"},r.a.createElement("ul",null,r.a.createElement("li",null,r.a.createElement("strong",null,"YOLOv8"),": Fast and accurate object detection"),r.a.createElement("li",null,r.a.createElement("strong",null,"DETR"),": DEtection TRansformer for object detection"),r.a.createElement("li",null,r.a.createElement("strong",null,"ViT"),": Vision Transformer for image classification"))))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(I,{onImageUpload:e=>{if(a(e),S(null),j(null),e instanceof File){const a=new FileReader;a.onload=()=>{const e=a.result;l("string"===typeof e?e:"")},a.onerror=()=>l(""),a.readAsDataURL(e)}else l("")}})),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(_,{onModelSelect:e=>{c(e),S(null),j(null)},onProcess:async()=>{if(!e\|\|!o)return void j("Please select both an image and a model");v(!0),j(null);const a=new FormData;a.append("image",e);let t="";switch(o){case"yolo":t="/api/detect/yolo";break;case"detr":t="/api/detect/detr";break;case"vit":t="/api/classify/vit";break;default:return j("Invalid model selection"),void v(!1)}try{const e=await fetch(t,{method:"POST",body:a});if(!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const n=await e.json();S({model:o,data:n})}catch(n){console.error("Error processing image:",n),j("Error processing image: ".concat(n.message))}finally{v(!1)}},isProcessing:h,modelsStatus:w,selectedModel:o,imageSelected:!!e})),C&&r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(b.a,{style:{padding:ye.spacing(2),backgroundColor:"#ffebee"}},r.a.createElement(u.a,{color:"error"},C))),h&&r.a.createElement(y.a,{item:!0,xs:12,style:{textAlign:"center",margin:"".concat(ye.spacing(4),"px 0")}},r.a.createElement(f.a,null),r.a.createElement(u.a,{variant:"h6",style:{marginTop:ye.spacing(2)}},"Processing image...")),x&&r.a.createElement(r.a.Fragment,null,r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(le,{results:x})),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(ce,{visionResults:x.data,model:x.model}))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(ie,{imageBase64:t}))):r.a.createElement(Ee,null))))};var fe=e=>{e&&e instanceof Function&&t.e(3).then(t.bind(null,181)).then(a=>{let{getCLS:t,getFID:n,getFCP:r,getLCP:l,getTTFB:o}=a;t(e),n(e),r(e),l(e),o(e)})};o.a.render(r.a.createElement(r.a.StrictMode,null,r.a.createElement(be,null)),document.getElementById("root")),fe()},94:function(e,a,t){e.exports=t(105)},99:function(e,a,t){}},[[94,1,2]]]);
2	- //# sourceMappingURL=main.3e9c0e32.chunk.js.map

static/static/js/main.3e9c0e32.chunk.js.map DELETED Viewed

The diff for this file is too large to render. See raw diff

static/static/js/main.7f0b632e.chunk.js.map DELETED Viewed

The diff for this file is too large to render. See raw diff

static/static/js/main.7fd2b13c.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (this["webpackJsonpvision-web-app"]=this["webpackJsonpvision-web-app"]\|\|[]).push([[0],{104:function(e,a,t){},105:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),l=t(11),o=t.n(l),c=(t(99),t(79)),i=t(165),s=t(169),m=t(166),d=t(167),u=t(49),g=t(171),p=t(161),E=t(168),y=t(142),b=t(83),f=t(147),h=t(140),v=t(141),x=t(65),S=t.n(x),C=t(76),j=t.n(C),w=t(137);const P=Object(w.a)(e=>({paper:{padding:e.spacing(2),display:"flex",flexDirection:"column",alignItems:"center",height:"100%",minHeight:300,transition:"all 0.3s ease"},dragActive:{border:"2px dashed #3f51b5",backgroundColor:"rgba(63, 81, 181, 0.05)"},dragInactive:{border:"2px dashed #ccc",backgroundColor:"white"},uploadBox:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",cursor:"pointer"},uploadIcon:{fontSize:60,color:"#3f51b5",marginBottom:e.spacing(2)},supportText:{marginTop:e.spacing(2)},previewBox:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",height:"100%",position:"relative"},imageContainer:{position:"relative",width:"100%",height:"45vh",[e.breakpoints.down("sm")]:{height:"35vh"},display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",marginTop:e.spacing(2)},deleteButton:{position:"absolute",top:0,right:0,backgroundColor:"rgba(255, 255, 255, 0.7)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.9)"}}}));var I=e=>{let{onImageUpload:a}=e;const t=P(),[l,o]=Object(n.useState)(null),[c,i]=Object(n.useState)(!1),m=Object(n.useRef)(null),d=e=>{e.preventDefault(),e.stopPropagation(),"dragenter"===e.type\|\|"dragover"===e.type?i(!0):"dragleave"===e.type&&i(!1)},g=e=>{e.type.startsWith("image/")?(o(URL.createObjectURL(e)),a(e)):alert("Please upload an image file")};return r.a.createElement(b.a,{className:"".concat(t.paper," ").concat(c?t.dragActive:t.dragInactive),onDragEnter:d,onDragLeave:d,onDragOver:d,onDrop:e=>{e.preventDefault(),e.stopPropagation(),i(!1),e.dataTransfer.files&&e.dataTransfer.files[0]&&g(e.dataTransfer.files[0])}},r.a.createElement("input",{ref:m,type:"file",accept:"image/",onChange:e=>{e.preventDefault(),e.target.files&&e.target.files[0]&&g(e.target.files[0])},style:{display:"none"}}),l?r.a.createElement(s.a,{className:t.previewBox},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Preview"),r.a.createElement(s.a,{className:t.imageContainer},r.a.createElement("img",{src:l,alt:"Preview",className:"preview-image",style:{maxWidth:"100%",maxHeight:"100%",width:"auto",height:"auto",objectFit:"contain",display:"block"}}),r.a.createElement(v.a,{"aria-label":"delete",className:t.deleteButton,onClick:()=>{o(null),a(null),m.current.value=""}},r.a.createElement(j.a,null)))):r.a.createElement(s.a,{className:t.uploadBox,onClick:()=>{m.current.click()}},r.a.createElement(S.a,{className:t.uploadIcon}),r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Drag & Drop an image here"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},"or"),r.a.createElement(h.a,{variant:"contained",color:"primary",component:"span",startIcon:r.a.createElement(S.a,null)},"Browse Files"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",className:t.supportText},"Supported formats: JPG, PNG, GIF")))},N=t(143),T=t(144),O=t(176),B=t(145),A=t(66),k=t.n(A),D=t(77),R=t.n(D),F=t(78),L=t.n(F);const z=Object(w.a)(e=>({card:{height:"100%",display:"flex",flexDirection:"column"},selectedCard:{border:"2px solid #3f51b5"},unavailableCard:{opacity:.6},cardContent:{flexGrow:1},chipContainer:{marginBottom:e.spacing(1.5)},successChip:{backgroundColor:"#34C759",color:"#fff"},errorChip:{backgroundColor:"#FF3B3F",color:"#fff"},modelType:{marginTop:e.spacing(1)},processButton:{marginTop:e.spacing(3),textAlign:"center"}}));var _=e=>{let{onModelSelect:a,onProcess:t,isProcessing:n,modelsStatus:l,selectedModel:o,imageSelected:c}=e;const i=z(),m=[{id:"yolo",name:"YOLOv8",description:"Fast and accurate object detection",icon:r.a.createElement(k.a,null),available:l.yolo},{id:"detr",name:"DETR",description:"DEtection TRansformer for object detection",icon:r.a.createElement(k.a,null),available:l.detr},{id:"vit",name:"ViT",description:"Vision Transformer for image classification",icon:r.a.createElement(R.a,null),available:l.vit}],d=e=>{m.find(a=>a.id===e).available&&a(e)};return r.a.createElement(s.a,{sx:{p:2,height:"100%"}},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Select Model"),r.a.createElement(y.a,{container:!0,spacing:2},m.map(e=>r.a.createElement(y.a,{item:!0,xs:12,sm:4,key:e.id},r.a.createElement(N.a,{className:"\n ".concat(i.card," \n ").concat(o===e.id?i.selectedCard:""," \n ").concat(e.available?"":i.unavailableCard,"\n "),onClick:()=>d(e.id)},r.a.createElement(T.a,{className:i.cardContent},r.a.createElement(s.a,{sx:{mb:2,color:"primary"}},e.icon),r.a.createElement(u.a,{variant:"h5",component:"div",gutterBottom:!0},e.name),r.a.createElement("div",{className:i.chipContainer},e.available?r.a.createElement(O.a,{label:"Available",className:i.successChip,size:"small"}):r.a.createElement(O.a,{label:"Not Available",className:i.errorChip,size:"small"})),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},e.description)),r.a.createElement(B.a,null,r.a.createElement(h.a,{size:"small",onClick:()=>d(e.id),disabled:!e.available,color:o===e.id?"primary":"default",variant:o===e.id?"contained":"outlined",fullWidth:!0},o===e.id?"Selected":"Select")))))),r.a.createElement("div",{className:i.processButton},r.a.createElement(h.a,{variant:"contained",color:"primary",size:"large",startIcon:r.a.createElement(L.a,null),onClick:t,disabled:!o\|\|!c\|\|n},n?"Processing...":"Process Image")))},W=t(157),M=t(154),V=t(107),U=t(158),H=t(146),J=t(174),G=t(175),Y=t(149),q=t(150),K=t(151),Q=t(177),X=t(170),Z=t(155),$=t(179),ee=t(156),ae=t(173);const te=Object(w.a)(e=>({root:{marginTop:e.spacing(2),marginBottom:e.spacing(2),padding:e.spacing(2),backgroundColor:"#f5f5f5",borderRadius:e.shape.borderRadius},button:{marginRight:e.spacing(2)},searchDialog:{minWidth:"500px"},formControl:{marginBottom:e.spacing(2),minWidth:"100%"},searchResults:{marginTop:e.spacing(2)},resultCard:{marginBottom:e.spacing(2)},resultImage:{height:140,objectFit:"contain"},chip:{margin:e.spacing(.5)},similarityChip:{backgroundColor:e.palette.primary.main,color:"white"}}));var ne=e=>{let{results:a}=e;const t=te(),[l,o]=Object(n.useState)(!1),[c,i]=Object(n.useState)(!1),[m,d]=Object(n.useState)(null),[g,p]=Object(n.useState)(!1),[E,b]=Object(n.useState)("image"),[v,x]=Object(n.useState)(""),[S,C]=Object(n.useState)([]),[j,w]=Object(n.useState)(!1),[P,I]=Object(n.useState)(null),{model:B,data:A}=a,k=()=>{p(!1)},D=()=>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const a=16Math.random()\|0;return("x"===e?a:3&a\|8).toString(16)}));return r.a.createElement(s.a,{className:t.root},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Vector Database Actions"),r.a.createElement(s.a,{display:"flex",alignItems:"center",mb:2},r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:async()=>{o(!0),d(null);try{let e;if(e="vit"===B?await fetch("/api/add-to-collection",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:A.image,metadata:{model:"vit",classifications:A.classifications}})}):await fetch("/api/add-detected-objects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:A.image,objects:A.detections,imageId:D()})}),!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const a=await e.json();if(a.error)throw new Error(a.error);i(!0),setTimeout(()=>i(!1),5e3)}catch(e){console.error("Error saving to vector DB:",e),d("Error saving to vector DB: ".concat(e.message))}finally{o(!1)}},disabled:l,className:t.button},l?r.a.createElement(r.a.Fragment,null,r.a.createElement(f.a,{size:20,color:"inherit",style:{marginRight:8}}),"Saving..."):"Save to Vector DB"),r.a.createElement(h.a,{variant:"outlined",color:"primary",onClick:()=>{p(!0),C([]),I(null)},className:t.button},"Search Similar")),m&&r.a.createElement(ae.a,{severity:"error",style:{marginTop:8}},m),r.a.createElement(J.a,{open:c,autoHideDuration:5e3,onClose:()=>i(!1)},r.a.createElement(ae.a,{severity:"success"},"vit"===B?"Image and classifications successfully saved to vector DB!":"Detected objects successfully saved to vector DB!")),r.a.createElement(G.a,{open:g,onClose:k,maxWidth:"md",fullWidth:!0},r.a.createElement(Y.a,null,"Search Vector Database"),r.a.createElement(q.a,null,r.a.createElement(K.a,{className:t.formControl},r.a.createElement(Q.a,{id:"search-type-label"},"Search Type"),r.a.createElement(X.a,{labelId:"search-type-label",id:"search-type",value:E,onChange:e=>{b(e.target.value),C([]),I(null)}},r.a.createElement(Z.a,{value:"image"},"Search by Current Image"),r.a.createElement(Z.a,{value:"class"},"Search by Class Name"))),"class"===E&&r.a.createElement(K.a,{className:t.formControl},r.a.createElement($.a,{label:"Class Name",value:v,onChange:e=>{x(e.target.value)},placeholder:"e.g. person, car, dog...",fullWidth:!0})),P&&r.a.createElement(ae.a,{severity:"error",style:{marginBottom:16}},P),r.a.createElement(s.a,{className:t.searchResults},j?r.a.createElement(s.a,{display:"flex",justifyContent:"center",alignItems:"center",p:4},r.a.createElement(f.a,null),r.a.createElement(u.a,{variant:"body1",style:{marginLeft:16}},"Searching...")):r.a.createElement(r.a.Fragment,null,console.log("Search dialog render - searchResults:",S),S.length>0?(console.log("Rendering search results:",S),console.log("Search results length:",S.length),0===S.length?(console.log("No results to render"),r.a.createElement(u.a,{variant:"body1"},"No results found.")):r.a.createElement(y.a,{container:!0,spacing:2},S.map((e,a)=>{const n=100(1-e.distance);return r.a.createElement(y.a,{item:!0,xs:12,sm:6,key:a},r.a.createElement(N.a,{className:t.resultCard},e.metadata&&e.metadata.image_data?r.a.createElement(H.a,{className:t.resultImage,component:"img",height:"200",image:"data:image/jpeg;base64,".concat(e.metadata.image_data),alt:e.metadata&&e.metadata.class?e.metadata.class:"Object"}):r.a.createElement(s.a,{className:t.resultImage,style:{backgroundColor:"#f0f0f0",display:"flex",alignItems:"center",justifyContent:"center",height:200}},r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},e.metadata&&e.metadata.class?e.metadata.class:"Object"," Image")),r.a.createElement(T.a,null,r.a.createElement(s.a,{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},r.a.createElement(u.a,{variant:"subtitle1"},"Result #",a+1),r.a.createElement(O.a,{label:"Similarity: ".concat(n.toFixed(2),"%"),className:t.similarityChip,size:"small"})),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Class:")," ",e.metadata.class\|\|"N/A"),e.metadata.confidence&&r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Confidence:")," ",(100e.metadata.confidence).toFixed(2),"%"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Object ID:")," ",e.id))))}))):r.a.createElement(u.a,{variant:"body1"},"No results found. Please try another search.")))),r.a.createElement(ee.a,null,r.a.createElement(h.a,{onClick:k,color:"default"},"Close"),r.a.createElement(h.a,{onClick:async()=>{w(!0),I(null);try{let e={};if("image"===E)e={searchType:"image",image:A.image,n_results:5};else{if(!v.trim())throw new Error("Please enter a class name");e={searchType:"class",class_name:v.trim(),n_results:5}}const a=await fetch("/api/search-similar-objects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!a.ok)throw new Error("HTTP error! Status: ".concat(a.status));const t=await a.json();if(t.error)throw new Error(t.error);if(console.log("Search API response:",t),!t.success\|\|!Array.isArray(t.results))throw console.error("Unexpected API response format:",t),new Error("Unexpected API response format");console.log("Setting search results array:",t.results),console.log("Results array length:",t.results.length),console.log("First result item:",t.results[0]),C(t.results)}catch(e){console.error("Error searching vector DB:",e),I("Error searching vector DB: ".concat(e.message))}finally{w(!1)}},color:"primary",variant:"contained",disabled:j\|\|"class"===E&&!v.trim()},"Search"))))};const re=Object(w.a)(e=>({paper:{padding:e.spacing(2)},marginBottom:{marginBottom:e.spacing(2)},resultImage:{maxWidth:"100%",maxHeight:"400px",objectFit:"contain"},dividerMargin:{margin:"".concat(e.spacing(2),"px 0")},chipContainer:{display:"flex",gap:e.spacing(1),flexWrap:"wrap"}}));var le=e=>{let{results:a}=e;const t=re();if(!a)return null;const{model:n,data:l}=a;if(l.error)return r.a.createElement(b.a,{sx:{p:2,bgcolor:"#ffebee"}},r.a.createElement(u.a,{color:"error"},l.error));const o=()=>l.performance?r.a.createElement(s.a,{className:"performance-info"},r.a.createElement(W.a,{className:t.dividerMargin}),r.a.createElement(u.a,{variant:"body2"},"Inference time: ",(e=>{if(void 0===e\|\|null===e\|\|isNaN(e))return"-";const a=Number(e);return a<1e3?"".concat(a.toFixed(2)," ms"):"".concat((a/1e3).toFixed(2)," s")})(l.performance.inference_time)," on ",l.performance.device)):null;return"yolo"===n\|\|"detr"===n?r.a.createElement(b.a,{className:t.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"yolo"===n?"YOLOv8":"DETR"," Detection Results"),r.a.createElement(y.a,{container:!0,spacing:3},r.a.createElement(y.a,{item:!0,xs:12,md:6},l.image&&r.a.createElement(s.a,{className:t.marginBottom},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Detection Result"),r.a.createElement("img",{src:"data:image/png;base64,".concat(l.image),alt:"Detection Result",className:t.resultImage}))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(s.a,{className:t.marginBottom},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Detected Objects:"),l.detections&&l.detections.length>0?r.a.createElement(M.a,null,l.detections.map((e,a)=>r.a.createElement(r.a.Fragment,{key:a},r.a.createElement(V.a,null,r.a.createElement(U.a,{primary:r.a.createElement(s.a,{style:{display:"flex",alignItems:"center"}},r.a.createElement(u.a,{variant:"body1",component:"span"},e.class),r.a.createElement(O.a,{label:"".concat((100e.confidence).toFixed(0),"%"),size:"small",color:"primary",style:{marginLeft:8}})),secondary:"Bounding Box: [".concat(e.bbox.join(", "),"]")})),a<l.detections.length-1&&r.a.createElement(W.a,null)))):r.a.createElement(u.a,{variant:"body1"},"No objects detected")))),o(),r.a.createElement(ne,{results:a})):"vit"===n?r.a.createElement(b.a,{className:t.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"ViT Classification Results"),r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Top Predictions:"),l.top_predictions&&l.top_predictions.length>0?r.a.createElement(M.a,null,l.top_predictions.map((e,a)=>r.a.createElement(r.a.Fragment,{key:a},r.a.createElement(V.a,null,r.a.createElement(U.a,{primary:r.a.createElement(s.a,{style:{display:"flex",alignItems:"center"}},r.a.createElement(u.a,{variant:"body1",component:"span"},e.rank,". ",e.class),r.a.createElement(O.a,{label:"".concat((100e.probability).toFixed(1),"%"),size:"small",color:0===a?"primary":"default",style:{marginLeft:8}}))})),a<l.top_predictions.length-1&&r.a.createElement(W.a,null)))):r.a.createElement(u.a,{variant:"body1"},"No classifications available"),o(),r.a.createElement(ne,{results:a})):null};const oe=Object(w.a)(e=>({paper:{padding:e.spacing(2),marginTop:e.spacing(2)},marginBottom:{marginBottom:e.spacing(2)},dividerMargin:{margin:"".concat(e.spacing(2),"px 0")},responseBox:{padding:e.spacing(2),backgroundColor:"#f5f5f5",borderRadius:e.shape.borderRadius,marginTop:e.spacing(2),whiteSpace:"pre-wrap"},buttonProgress:{marginLeft:e.spacing(1)}}));var ce=e=>{let{visionResults:a,model:t}=e;const l=oe(),[o,c]=Object(n.useState)(""),[i,m]=Object(n.useState)(!1),[d,g]=Object(n.useState)(null),[p,E]=Object(n.useState)(null);return a?r.a.createElement(b.a,{className:l.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Ask AI about the ","vit"===t?"Classification":"Detection"," Results"),r.a.createElement(u.a,{variant:"body2",className:l.marginBottom},"Ask a question about the detected objects or classifications to get an AI-powered analysis."),r.a.createElement($.a,{fullWidth:!0,label:"Your question about the image",variant:"outlined",value:o,onChange:e=>c(e.target.value),disabled:i,className:l.marginBottom,placeholder:"vit"===t?"E.g., What category does this image belong to?":"E.g., How many people are in this image?"}),r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:async()=>{if(o.trim()){m(!0),E(null);try{const e=await fetch("/api/analyze",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({visionResults:a,userQuery:o})});if(!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const t=await e.json();t.error?E(t.error):g(t)}catch(e){console.error("Error analyzing with LLM:",e),E("Error analyzing with LLM: ".concat(e.message))}finally{m(!1)}}},disabled:i\|\|!o.trim()},"Analyze with AI",i&&r.a.createElement(f.a,{size:24,className:l.buttonProgress})),p&&r.a.createElement(s.a,{mt:2},r.a.createElement(u.a,{color:"error"},p)),d&&r.a.createElement(r.a.Fragment,null,r.a.createElement(W.a,{className:l.dividerMargin}),r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"AI Analysis:"),r.a.createElement(s.a,{className:l.responseBox},r.a.createElement(u.a,{variant:"body1"},d.response)),d.performance&&r.a.createElement(s.a,{mt:1},r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},"Analysis time: ",(e=>{if(void 0===e\|\|null===e\|\|isNaN(e))return"-";const a=Number(e);return a<1e3?"".concat(a.toFixed(2)," ms"):"".concat((a/1e3).toFixed(2)," s")})(d.performance.inference_time)," on ",d.performance.device)))):null};var ie=function(e){let{imageBase64:a}=e;const[t,l]=Object(n.useState)(""),[o,c]=Object(n.useState)(""),[i,s]=Object(n.useState)(""),[m,d]=Object(n.useState)(!1),[g,p]=Object(n.useState)(""),[E,f]=Object(n.useState)("image"),[v,x]=Object(n.useState)(""),[S,C]=Object(n.useState)(""),[j,w]=Object(n.useState)(5);return r.a.createElement(b.a,{style:{padding:16}},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Vision RAG (LangChain)"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},"If OPENAI_API_KEY is set on the server, API Key is optional. Select a search type and send a question to get answers based on context retrieved from the vector DB."),r.a.createElement(y.a,{container:!0,spacing:2},r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(K.a,{fullWidth:!0,variant:"outlined",size:"small"},r.a.createElement(Q.a,{id:"search-type-label"},"Search Type"),r.a.createElement(X.a,{labelId:"search-type-label",value:E,onChange:e=>f(e.target.value),label:"Search Type"},r.a.createElement(Z.a,{value:"image"},"image (current upload)"),r.a.createElement(Z.a,{value:"object"},"object (objectId)"),r.a.createElement(Z.a,{value:"class"},"class (class_name)")))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"OpenAI API Key (optional)",value:t,onChange:e=>l(e.target.value),fullWidth:!0,variant:"outlined",size:"small",type:"password",placeholder:"sk-..."})),"object"===E&&r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"objectId",value:v,onChange:e=>x(e.target.value),fullWidth:!0,variant:"outlined",size:"small"})),"class"===E&&r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"class_name",value:S,onChange:e=>C(e.target.value),fullWidth:!0,variant:"outlined",size:"small",placeholder:"e.g. person, car, dog"})),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"n_results",value:j,onChange:e=>w(e.target.value),fullWidth:!0,variant:"outlined",size:"small",type:"number",inputProps:{min:1,max:50}})),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement($.a,{label:"User Question",value:o,onChange:e=>c(e.target.value),fullWidth:!0,multiline:!0,rows:4,variant:"outlined",placeholder:"image"===E?"Answer based on the uploaded image":"Answer using the retrieved object context"})),g&&r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(u.a,{color:"error"},g)),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement("div",{style:{display:"flex",gap:8}},r.a.createElement(h.a,{color:"primary",variant:"contained",onClick:async()=>{p(""),s("");const e=(o\|\|"").trim();if(!e)return void p("Please enter a question.");const n={userQuery:e,searchType:E,n_results:Number(j)\|\|5};if(t&&(n.api_key=t),"image"===E){if(!a)return void p("Image is required. Please upload an image first.");n.image=a}else if("object"===E){if(!v.trim())return void p("Please enter an objectId.");n.objectId=v.trim()}else if("class"===E){if(!S.trim())return void p("Please enter a class_name.");n.class_name=S.trim()}d(!0);try{const e=await fetch("/api/vision-rag/query",{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify(n)});if(!e.ok){let a=await e.text();try{a=JSON.stringify(JSON.parse(a),null,2)}catch(r){}throw new Error(a)}const a=await e.json(),t="Model: ".concat(a.model\|\|"-"," \| Latency: ").concat(a.latency_sec\|\|"-","s");let l="";a.retrieved&&a.retrieved.length>0&&(l="\n\nSearch Results:\n",a.retrieved.forEach((e,a)=>{l+="".concat(a+1,". ID: ").concat(e.id\|\|"-","\n"),e.meta&&(l+=" Class: ".concat(e.meta.class\|\|"-","\n"),l+=" Confidence: ".concat(e.meta.confidence\|\|"-","\n")),l+=" Similarity: ".concat(e.distance?e.distance.toFixed(4):"-","\n")})),s((a.answer\|\|"(No response)")+l+"\n\n---\n"+t)}catch(l){p("Error: "+l.message)}finally{d(!1)}},disabled:m},m?"Sending...":"Send Question"),r.a.createElement(h.a,{variant:"outlined",onClick:()=>{c(""),s(""),p("")}},"Clear"))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(W.a,{style:{margin:"12px 0"}}),r.a.createElement(u.a,{variant:"subtitle2",color:"textSecondary"},"Response"),r.a.createElement("pre",{style:{whiteSpace:"pre-wrap",fontFamily:"ui-monospace, monospace"}},i))))},se=(t(80),t(159)),me=t(160),de=t(162),ue=t(163),ge=t(164);const pe=Object(w.a)(e=>({root:{marginTop:e.spacing(3),marginBottom:e.spacing(3)},imageContainer:{position:"relative",minHeight:"360px",display:"flex",justifyContent:"center",alignItems:"center",border:"2px dashed #ccc",borderRadius:"8px",margin:e.spacing(1),padding:e.spacing(1),backgroundColor:"#fafafa",overflow:"hidden"},progressLog:{marginTop:e.spacing(2),height:"200px",overflowY:"auto",backgroundColor:"#f8f9fa",padding:e.spacing(1),borderRadius:"4px",fontFamily:"monospace",fontSize:"0.9rem"},logEntry:{margin:"4px 0",padding:"2px 5px",borderLeft:"3px solid #ccc"},logEntryAgent:{borderLeft:"3px solid #2196f3"},logEntrySystem:{borderLeft:"3px solid #4caf50"},logEntryError:{borderLeft:"3px solid #f44336"},logTime:{color:"#666",fontSize:"0.8rem",marginRight:e.spacing(1)},imagePreview:{width:"100%",height:"auto",maxHeight:"60vh",objectFit:"contain"},uploadIcon:{fontSize:"3rem",color:"#aaa"},uploadInput:{display:"none"},deleteButton:{position:"absolute",top:"8px",right:"8px",backgroundColor:"rgba(255, 255, 255, 0.8)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.9)"}},tabPanel:{padding:e.spacing(2)},resultCard:{marginTop:e.spacing(2),marginBottom:e.spacing(2)},comparisonTable:{width:"100%",borderCollapse:"collapse","& th, & td":{border:"1px solid #ddd",padding:"8px",textAlign:"left"},"& th":{backgroundColor:"#f2f2f2"},"& tr:nth-child(even)":{backgroundColor:"#f9f9f9"}},loadingContainer:{display:"flex",flexDirection:"column",alignItems:"center",padding:e.spacing(4)},highlight:{backgroundColor:"#e3f2fd",padding:e.spacing(1),borderRadius:"4px",fontWeight:"bold"}}));var Ee=()=>{const e=pe(),[a,t]=Object(n.useState)([null,null]),[l,o]=Object(n.useState)([null,null]),[c,i]=Object(n.useState)(!1),[m,d]=Object(n.useState)(null),[E,x]=Object(n.useState)(null),[S,C]=Object(n.useState)(0),[j,w]=Object(n.useState)([]),P=Object(n.useRef)(null),I=function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"info";const t=new Date,n=t.toLocaleTimeString(),r={time:n,message:e,type:a};w(e=>[...e,r])};Object(n.useEffect)(()=>{P.current&&P.current.scrollIntoView({behavior:"smooth"})},[j]);const O=e=>{const a=new EventSource("/api/product/compare/stream/".concat(e));return a.onmessage=e=>{try{const t=JSON.parse(e.data);t.message&&I(t.message,t.agent\|\|"info"),t.final_result&&(d(t.final_result),i(!1),a.close())}catch(t){I("Event processing error: ".concat(t.message),"error")}},a.onerror=e=>{I("Server connection lost. Please try again in a moment.","error"),a.close(),i(!1)},a},B=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(a[0]\|\|a[1]){i(!0),x(null),w([]),I("Starting product analysis...","system");try{const t=new FormData;a[0]&&(t.append("image1",a[0]),I("Product A image uploaded.","info")),a[1]&&(t.append("image2",a[1]),I("Product B image uploaded.","info"));const n=["info","compare","value","recommend"],r=e\|\|n[S];t.append("analysisType",r),I("Analysis type: ".concat("info"===r?"Product Information":"compare"===r?"Performance Comparison":"value"===r?"Value Analysis":"Purchase Recommendation"),"system"),I("Initializing analysis session...","system");const l=await fetch("/api/product/compare/start",{method:"POST",body:t});if(!l.ok)throw new Error("HTTP error! Status: ".concat(l.status));const o=(await l.json()).session_id;if(!o)throw new Error("Failed to receive session ID");I("Analysis session started. (Session ID: ".concat(o.substring(0,8),"...)"),"system"),I("Agents are collaborating to analyze products. Please wait a moment...","system");const c=O(o);return()=>{c.close()}}catch(t){console.error("\uc81c\ud488 \ubd84\uc11d \uc624\ub958:",t),I("Error occurred: ".concat(t.message),"error"),x("Error during analysis: ".concat(t.message)),i(!1)}}else x("Please upload at least one product image for analysis")};return r.a.createElement(b.a,{className:e.root},r.a.createElement(s.a,{p:3},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Product Comparison Analysis"),r.a.createElement(u.a,{variant:"body1",paragraph:!0},"Upload product images to receive detailed information and comparison analysis. You can analyze various products including cars, smartphones, laptops, and more."),r.a.createElement(y.a,{container:!0,spacing:3},[0,1].map(n=>r.a.createElement(y.a,{item:!0,xs:12,md:6,key:n},r.a.createElement(s.a,{className:e.imageContainer},l[n]?r.a.createElement(r.a.Fragment,null,r.a.createElement("img",{src:l[n],alt:"Product ".concat(n+1),className:e.imagePreview}),r.a.createElement(v.a,{className:e.deleteButton,onClick:()=>(e=>{const n=[...a],r=[...l];n[e]=null,r[e]=null,t(n),o(r),d(null)})(n)},r.a.createElement(se.a,null))):r.a.createElement(r.a.Fragment,null,r.a.createElement("input",{accept:"image/",className:e.uploadInput,id:"upload-image-".concat(n),type:"file",onChange:e=>((e,n)=>{const r=e.target.files[0];if(r){const e=new FileReader;e.onload=e=>{const a=[...l];a[n]=e.target.result,o(a)},e.readAsDataURL(r);const c=[...a];c[n]=r,t(c),d(null),x(null)}})(e,n)}),r.a.createElement("label",{htmlFor:"upload-image-".concat(n)},r.a.createElement(s.a,{display:"flex",flexDirection:"column",alignItems:"center"},r.a.createElement(me.a,{className:e.uploadIcon}),r.a.createElement(u.a,{variant:"body2",style:{marginTop:"8px"}},"Upload ",0===n?"Product A":"Product B"," Image"))))))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement("input",{accept:"image/",className:e.uploadInput,id:"upload-both-images",type:"file",multiple:!0,onChange:e=>{const n=Array.from(e.target.files\|\|[]);if(!n.length)return;const r=[...a],c=[...l];n.slice(0,2).forEach((e,a)=>{const t=a;r[t]=e;const n=new FileReader;n.onload=e=>{c[t]=e.target.result,o([...c])},n.readAsDataURL(e)}),t(r),d(null),x(null)}}),r.a.createElement("label",{htmlFor:"upload-both-images"},r.a.createElement(h.a,{variant:"text",color:"default",component:"span"},"Or select two files at once"))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(b.a,null,r.a.createElement(g.a,{value:S,onChange:(e,a)=>{C(a)},indicatorColor:"primary",textColor:"primary",centered:!0},r.a.createElement(p.a,{icon:r.a.createElement(de.a,null),label:"Product Info"}),r.a.createElement(p.a,{icon:r.a.createElement(ue.a,null),label:"Performance",disabled:!a[0]\|\|!a[1]}),r.a.createElement(p.a,{icon:r.a.createElement(ge.a,null),label:"Value Analysis"}),r.a.createElement(p.a,{label:"Recommendations"})),r.a.createElement(s.a,{p:2,display:"flex",justifyContent:"center",gridGap:12},r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:()=>B(null),disabled:c\|\|!a[0]&&!a[1],startIcon:c?r.a.createElement(f.a,{size:24}):null},c?"Analyzing...":"Start Analysis"),r.a.createElement(h.a,{variant:"outlined",color:"secondary",onClick:()=>B("compare"),disabled:c\|\|!a[0]\|\|!a[1],startIcon:r.a.createElement(ue.a,null)},"Compare Products")),E&&r.a.createElement(s.a,{p:2,bgcolor:"#ffebee",borderRadius:"4px",mb:2},r.a.createElement(u.a,{color:"error"},E)))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(b.a,null,r.a.createElement(s.a,{p:2},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Analysis Progress"),r.a.createElement(s.a,{className:e.progressLog},0===j.length?r.a.createElement(u.a,{variant:"body2",color:"textSecondary",style:{padding:"10px"}},"Progress details will appear here when analysis starts."):j.map((a,t)=>r.a.createElement(s.a,{key:t,className:"".concat(e.logEntry," ").concat("agent"===a.type?e.logEntryAgent:"system"===a.type?e.logEntrySystem:"error"===a.type?e.logEntryError:"")},r.a.createElement("span",{className:e.logTime},"[",a.time,"]"),a.message)),r.a.createElement("div",{ref:P}))))),r.a.createElement(y.a,{item:!0,xs:12},c?r.a.createElement(s.a,{className:e.loadingContainer},r.a.createElement(f.a,null),r.a.createElement(u.a,{variant:"h6",style:{marginTop:"16px"}},"Analyzing Products..."),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},"Product recognition, information retrieval, and comparison analysis in progress.")):(()=>{if(!m)return null;switch(S){case 0:return r.a.createElement(N.a,{className:e.resultCard},r.a.createElement(T.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Product Information"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.productInfo&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"subtitle1"},r.a.createElement("strong",null,"Product Name:")," ",m.productInfo.name),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Brand:")," ",m.productInfo.brand),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Category:")," ",m.productInfo.category),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Key Specifications"),r.a.createElement("ul",null,m.productInfo.specs.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},r.a.createElement("strong",null,e.name,":")," ",e.value)))),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Pros"),r.a.createElement("ul",null,m.productInfo.pros.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},e)))),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Cons"),r.a.createElement("ul",null,m.productInfo.cons.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},e)))))));case 1:return r.a.createElement(N.a,{className:e.resultCard},r.a.createElement(T.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Product Comparison Analysis"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.comparison&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Product Specification Comparison"),r.a.createElement("table",{className:e.comparisonTable},r.a.createElement("thead",null,r.a.createElement("tr",null,r.a.createElement("th",null,"Feature"),r.a.createElement("th",null,"Product A"),r.a.createElement("th",null,"Product B"),r.a.createElement("th",null,"Comparison"))),r.a.createElement("tbody",null,m.comparison.specs.map((a,t)=>r.a.createElement("tr",{key:t},r.a.createElement("td",null,r.a.createElement("strong",null,a.name)),r.a.createElement("td",null,a.valueA),r.a.createElement("td",null,a.valueB),r.a.createElement("td",null,r.a.createElement("span",{className:"A"===a.winner?e.highlight:""},a.comparison)))))),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Overall Comparison"),r.a.createElement(u.a,{variant:"body1"},m.comparison.summary))));case 2:return r.a.createElement(N.a,{className:e.resultCard},r.a.createElement(T.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Price-to-Value Analysis"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.valueAnalysis&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"subtitle1"},"Price Information"),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Product A:")," ",m.valueAnalysis.priceA),m.valueAnalysis.priceB&&r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Product B:")," ",m.valueAnalysis.priceB),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Value Analysis"),r.a.createElement(u.a,{variant:"body1"},m.valueAnalysis.analysis),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Price-to-Performance Score"),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Product A:")," ",m.valueAnalysis.valueScoreA,"/10"),m.valueAnalysis.valueScoreB&&r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Product B:")," ",m.valueAnalysis.valueScoreB,"/10"))));case 3:return r.a.createElement(N.a,{className:e.resultCard},r.a.createElement(T.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Purchase Recommendations"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.recommendation&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"subtitle1",className:e.highlight},"Recommended Product: ",m.recommendation.recommendedProduct),r.a.createElement(u.a,{variant:"body1",style:{marginTop:"16px"}},m.recommendation.reason),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Alternative Products"),r.a.createElement("ul",null,m.recommendation.alternatives.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},r.a.createElement("strong",null,e.name),": ",e.reason)))),m.recommendation.buyingTips&&r.a.createElement(r.a.Fragment,null,r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Buying Tips"),r.a.createElement("ul",null,m.recommendation.buyingTips.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},e))))))));default:return null}})()))))};t(104);const ye=Object(c.a)({palette:{primary:{main:"#3f51b5"},secondary:{main:"#f50057"}},typography:{fontFamily:"Roboto, Arial, sans-serif"}});var be=function(){const[e,a]=Object(n.useState)(null),[t,l]=Object(n.useState)(""),[o,c]=Object(n.useState)(""),[h,v]=Object(n.useState)(!1),[x,S]=Object(n.useState)(null),[C,j]=Object(n.useState)(null),[w,P]=Object(n.useState)({yolo:!1,detr:!1,vit:!1}),[N,T]=Object(n.useState)(0);return Object(n.useEffect)(()=>{fetch("/api/status").then(e=>e.json()).then(e=>{P(e.models)}).catch(e=>{console.error("Error checking API status:",e),j("Error connecting to the backend API. Please make sure the server is running.")})},[]),r.a.createElement(i.a,{theme:ye},r.a.createElement(s.a,{style:{flexGrow:1}},r.a.createElement(m.a,{position:"static"},r.a.createElement(d.a,null,r.a.createElement(u.a,{variant:"h6",style:{flexGrow:1}},"Vision LLM Multi-Agent System")),r.a.createElement(g.a,{value:N,onChange:(e,a)=>T(a),indicatorColor:"secondary",textColor:"inherit",centered:!0},r.a.createElement(p.a,{label:"Object Detection"}),r.a.createElement(p.a,{label:"Product Comparison"}))),r.a.createElement(E.a,{maxWidth:"lg",style:{marginTop:ye.spacing(4),marginBottom:ye.spacing(4)}},0===N?r.a.createElement(y.a,{container:!0,spacing:3},r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(b.a,{style:{padding:ye.spacing(2)}},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Upload an image to see how each model performs!"),r.a.createElement(u.a,{variant:"body1",paragraph:!0},"This demo showcases three different object detection and image classification models:"),r.a.createElement(u.a,{variant:"body1",component:"div"},r.a.createElement("ul",null,r.a.createElement("li",null,r.a.createElement("strong",null,"YOLOv8"),": Fast and accurate object detection"),r.a.createElement("li",null,r.a.createElement("strong",null,"DETR"),": DEtection TRansformer for object detection"),r.a.createElement("li",null,r.a.createElement("strong",null,"ViT"),": Vision Transformer for image classification"))))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(I,{onImageUpload:e=>{if(a(e),S(null),j(null),e instanceof File){const a=new FileReader;a.onload=()=>{const e=a.result;l("string"===typeof e?e:"")},a.onerror=()=>l(""),a.readAsDataURL(e)}else l("")}})),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(_,{onModelSelect:e=>{c(e),S(null),j(null)},onProcess:async()=>{if(!e\|\|!o)return void j("Please select both an image and a model");v(!0),j(null);const a=new FormData;a.append("image",e);let t="";switch(o){case"yolo":t="/api/detect/yolo";break;case"detr":t="/api/detect/detr";break;case"vit":t="/api/classify/vit";break;default:return j("Invalid model selection"),void v(!1)}try{const e=await fetch(t,{method:"POST",body:a});if(!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const n=await e.json();S({model:o,data:n})}catch(n){console.error("Error processing image:",n),j("Error processing image: ".concat(n.message))}finally{v(!1)}},isProcessing:h,modelsStatus:w,selectedModel:o,imageSelected:!!e})),C&&r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(b.a,{style:{padding:ye.spacing(2),backgroundColor:"#ffebee"}},r.a.createElement(u.a,{color:"error"},C))),h&&r.a.createElement(y.a,{item:!0,xs:12,style:{textAlign:"center",margin:"".concat(ye.spacing(4),"px 0")}},r.a.createElement(f.a,null),r.a.createElement(u.a,{variant:"h6",style:{marginTop:ye.spacing(2)}},"Processing image...")),x&&r.a.createElement(r.a.Fragment,null,r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(le,{results:x})),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(ce,{visionResults:x.data,model:x.model}))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(ie,{imageBase64:t}))):r.a.createElement(Ee,null))))};var fe=e=>{e&&e instanceof Function&&t.e(3).then(t.bind(null,181)).then(a=>{let{getCLS:t,getFID:n,getFCP:r,getLCP:l,getTTFB:o}=a;t(e),n(e),r(e),l(e),o(e)})};o.a.render(r.a.createElement(r.a.StrictMode,null,r.a.createElement(be,null)),document.getElementById("root")),fe()},94:function(e,a,t){e.exports=t(105)},99:function(e,a,t){}},[[94,1,2]]]);
2	- //# sourceMappingURL=main.7fd2b13c.chunk.js.map

static/static/js/main.7fd2b13c.chunk.js.map DELETED Viewed

The diff for this file is too large to render. See raw diff

static/static/js/{main.7f0b632e.chunk.js → main.94c74413.chunk.js} RENAMED Viewed

	@@ -1,2 +1,2 @@
1	- (this["webpackJsonpvision-web-app"]=this["webpackJsonpvision-web-app"]\|\|[]).push([[0],{104:function(e,a,t){},105:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),l=t(11),o=t.n(l),c=(t(99),t(79)),i=t(165),s=t(169),m=t(166),d=t(167),u=t(49),g=t(171),p=t(161),E=t(168),y=t(142),f=t(83),b=t(147),h=t(140),v=t(141),x=t(65),S=t.n(x),C=t(76),j=t.n(C),w=t(137);const O=Object(w.a)(e=>({paper:{padding:e.spacing(2),display:"flex",flexDirection:"column",alignItems:"center",height:"100%",minHeight:300,transition:"all 0.3s ease"},dragActive:{border:"2px dashed #3f51b5",backgroundColor:"rgba(63, 81, 181, 0.05)"},dragInactive:{border:"2px dashed #ccc",backgroundColor:"white"},uploadBox:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",cursor:"pointer"},uploadIcon:{fontSize:60,color:"#3f51b5",marginBottom:e.spacing(2)},supportText:{marginTop:e.spacing(2)},previewBox:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",height:"100%",position:"relative"},imageContainer:{position:"relative",width:"100%",height:"45vh",[e.breakpoints.down("sm")]:{height:"35vh"},display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",marginTop:e.spacing(2)},deleteButton:{position:"absolute",top:0,right:0,backgroundColor:"rgba(255, 255, 255, 0.7)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.9)"}}}));var N=e=>{let{onImageUpload:a}=e;const t=O(),[l,o]=Object(n.useState)(null),[c,i]=Object(n.useState)(!1),m=Object(n.useRef)(null),d=e=>{e.preventDefault(),e.stopPropagation(),"dragenter"===e.type\|\|"dragover"===e.type?i(!0):"dragleave"===e.type&&i(!1)},g=e=>{e.type.startsWith("image/")?(o(URL.createObjectURL(e)),a(e)):alert("Please upload an image file")};return r.a.createElement(f.a,{className:"".concat(t.paper," ").concat(c?t.dragActive:t.dragInactive),onDragEnter:d,onDragLeave:d,onDragOver:d,onDrop:e=>{e.preventDefault(),e.stopPropagation(),i(!1),e.dataTransfer.files&&e.dataTransfer.files[0]&&g(e.dataTransfer.files[0])}},r.a.createElement("input",{ref:m,type:"file",accept:"image/",onChange:e=>{e.preventDefault(),e.target.files&&e.target.files[0]&&g(e.target.files[0])},style:{display:"none"}}),l?r.a.createElement(s.a,{className:t.previewBox},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Preview"),r.a.createElement(s.a,{className:t.imageContainer},r.a.createElement("img",{src:l,alt:"Preview",className:"preview-image",style:{maxWidth:"100%",maxHeight:"100%",width:"auto",height:"auto",objectFit:"contain",display:"block"}}),r.a.createElement(v.a,{"aria-label":"delete",className:t.deleteButton,onClick:()=>{o(null),a(null),m.current.value=""}},r.a.createElement(j.a,null)))):r.a.createElement(s.a,{className:t.uploadBox,onClick:()=>{m.current.click()}},r.a.createElement(S.a,{className:t.uploadIcon}),r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Drag & Drop an image here"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},"or"),r.a.createElement(h.a,{variant:"contained",color:"primary",component:"span",startIcon:r.a.createElement(S.a,null)},"Browse Files"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",className:t.supportText},"Supported formats: JPG, PNG, GIF")))},I=t(143),P=t(144),B=t(176),T=t(145),k=t(66),A=t.n(k),D=t(77),R=t.n(D),F=t(78),L=t.n(F);const _=Object(w.a)(e=>({card:{height:"100%",display:"flex",flexDirection:"column"},selectedCard:{border:"2px solid #3f51b5"},unavailableCard:{opacity:.6},cardContent:{flexGrow:1},chipContainer:{marginBottom:e.spacing(1.5)},successChip:{backgroundColor:"#34C759",color:"#fff"},errorChip:{backgroundColor:"#FF3B3F",color:"#fff"},modelType:{marginTop:e.spacing(1)},processButton:{marginTop:e.spacing(3),textAlign:"center"}}));var z=e=>{let{onModelSelect:a,onProcess:t,isProcessing:n,modelsStatus:l,selectedModel:o,imageSelected:c}=e;const i=_(),m=[{id:"yolo",name:"YOLOv8",description:"Fast and accurate object detection",icon:r.a.createElement(A.a,null),available:l.yolo},{id:"detr",name:"DETR",description:"DEtection TRansformer for object detection",icon:r.a.createElement(A.a,null),available:l.detr},{id:"vit",name:"ViT",description:"Vision Transformer for image classification",icon:r.a.createElement(R.a,null),available:l.vit}],d=e=>{m.find(a=>a.id===e).available&&a(e)};return r.a.createElement(s.a,{sx:{p:2,height:"100%"}},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Select Model"),r.a.createElement(y.a,{container:!0,spacing:2},m.map(e=>r.a.createElement(y.a,{item:!0,xs:12,sm:4,key:e.id},r.a.createElement(I.a,{className:"\n ".concat(i.card," \n ").concat(o===e.id?i.selectedCard:""," \n ").concat(e.available?"":i.unavailableCard,"\n "),onClick:()=>d(e.id)},r.a.createElement(P.a,{className:i.cardContent},r.a.createElement(s.a,{sx:{mb:2,color:"primary"}},e.icon),r.a.createElement(u.a,{variant:"h5",component:"div",gutterBottom:!0},e.name),r.a.createElement("div",{className:i.chipContainer},e.available?r.a.createElement(B.a,{label:"Available",className:i.successChip,size:"small"}):r.a.createElement(B.a,{label:"Not Available",className:i.errorChip,size:"small"})),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},e.description)),r.a.createElement(T.a,null,r.a.createElement(h.a,{size:"small",onClick:()=>d(e.id),disabled:!e.available,color:o===e.id?"primary":"default",variant:o===e.id?"contained":"outlined",fullWidth:!0},o===e.id?"Selected":"Select")))))),r.a.createElement("div",{className:i.processButton},r.a.createElement(h.a,{variant:"contained",color:"primary",size:"large",startIcon:r.a.createElement(L.a,null),onClick:t,disabled:!o\|\|!c\|\|n},n?"Processing...":"Process Image")))},W=t(157),M=t(154),J=t(107),U=t(158),V=t(146),H=t(174),G=t(175),Y=t(149),q=t(150),K=t(151),Q=t(177),X=t(170),Z=t(155),$=t(179),ee=t(156),ae=t(173);const te=Object(w.a)(e=>({root:{marginTop:e.spacing(2),marginBottom:e.spacing(2),padding:e.spacing(2),backgroundColor:"#f5f5f5",borderRadius:e.shape.borderRadius},button:{marginRight:e.spacing(2)},searchDialog:{minWidth:"500px"},formControl:{marginBottom:e.spacing(2),minWidth:"100%"},searchResults:{marginTop:e.spacing(2)},resultCard:{marginBottom:e.spacing(2)},resultImage:{height:140,objectFit:"contain"},chip:{margin:e.spacing(.5)},similarityChip:{backgroundColor:e.palette.primary.main,color:"white"}}));var ne=e=>{let{results:a}=e;const t=te(),[l,o]=Object(n.useState)(!1),[c,i]=Object(n.useState)(!1),[m,d]=Object(n.useState)(null),[g,p]=Object(n.useState)(!1),[E,f]=Object(n.useState)("image"),[v,x]=Object(n.useState)(""),[S,C]=Object(n.useState)([]),[j,w]=Object(n.useState)(!1),[O,N]=Object(n.useState)(null),{model:T,data:k}=a,A=()=>{p(!1)},D=()=>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const a=16Math.random()\|0;return("x"===e?a:3&a\|8).toString(16)}));return r.a.createElement(s.a,{className:t.root},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Vector Database Actions"),r.a.createElement(s.a,{display:"flex",alignItems:"center",mb:2},r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:async()=>{o(!0),d(null);try{let e;if(e="vit"===T?await fetch("/api/add-to-collection",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:k.image,metadata:{model:"vit",classifications:k.classifications}})}):await fetch("/api/add-detected-objects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:k.image,objects:k.detections,imageId:D()})}),!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const a=await e.json();if(a.error)throw new Error(a.error);i(!0),setTimeout(()=>i(!1),5e3)}catch(e){console.error("Error saving to vector DB:",e),d("Error saving to vector DB: ".concat(e.message))}finally{o(!1)}},disabled:l,className:t.button},l?r.a.createElement(r.a.Fragment,null,r.a.createElement(b.a,{size:20,color:"inherit",style:{marginRight:8}}),"Saving..."):"Save to Vector DB"),r.a.createElement(h.a,{variant:"outlined",color:"primary",onClick:()=>{p(!0),C([]),N(null)},className:t.button},"Search Similar")),m&&r.a.createElement(ae.a,{severity:"error",style:{marginTop:8}},m),r.a.createElement(H.a,{open:c,autoHideDuration:5e3,onClose:()=>i(!1)},r.a.createElement(ae.a,{severity:"success"},"vit"===T?"Image and classifications successfully saved to vector DB!":"Detected objects successfully saved to vector DB!")),r.a.createElement(G.a,{open:g,onClose:A,maxWidth:"md",fullWidth:!0},r.a.createElement(Y.a,null,"Search Vector Database"),r.a.createElement(q.a,null,r.a.createElement(K.a,{className:t.formControl},r.a.createElement(Q.a,{id:"search-type-label"},"Search Type"),r.a.createElement(X.a,{labelId:"search-type-label",id:"search-type",value:E,onChange:e=>{f(e.target.value),C([]),N(null)}},r.a.createElement(Z.a,{value:"image"},"Search by Current Image"),r.a.createElement(Z.a,{value:"class"},"Search by Class Name"))),"class"===E&&r.a.createElement(K.a,{className:t.formControl},r.a.createElement($.a,{label:"Class Name",value:v,onChange:e=>{x(e.target.value)},placeholder:"e.g. person, car, dog...",fullWidth:!0})),O&&r.a.createElement(ae.a,{severity:"error",style:{marginBottom:16}},O),r.a.createElement(s.a,{className:t.searchResults},j?r.a.createElement(s.a,{display:"flex",justifyContent:"center",alignItems:"center",p:4},r.a.createElement(b.a,null),r.a.createElement(u.a,{variant:"body1",style:{marginLeft:16}},"Searching...")):r.a.createElement(r.a.Fragment,null,console.log("Search dialog render - searchResults:",S),S.length>0?(console.log("Rendering search results:",S),console.log("Search results length:",S.length),0===S.length?(console.log("No results to render"),r.a.createElement(u.a,{variant:"body1"},"No results found.")):r.a.createElement(y.a,{container:!0,spacing:2},S.map((e,a)=>{const n=100(1-e.distance);return r.a.createElement(y.a,{item:!0,xs:12,sm:6,key:a},r.a.createElement(I.a,{className:t.resultCard},e.metadata&&e.metadata.image_data?r.a.createElement(V.a,{className:t.resultImage,component:"img",height:"200",image:"data:image/jpeg;base64,".concat(e.metadata.image_data),alt:e.metadata&&e.metadata.class?e.metadata.class:"Object"}):r.a.createElement(s.a,{className:t.resultImage,style:{backgroundColor:"#f0f0f0",display:"flex",alignItems:"center",justifyContent:"center",height:200}},r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},e.metadata&&e.metadata.class?e.metadata.class:"Object"," Image")),r.a.createElement(P.a,null,r.a.createElement(s.a,{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},r.a.createElement(u.a,{variant:"subtitle1"},"Result #",a+1),r.a.createElement(B.a,{label:"Similarity: ".concat(n.toFixed(2),"%"),className:t.similarityChip,size:"small"})),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Class:")," ",e.metadata.class\|\|"N/A"),e.metadata.confidence&&r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Confidence:")," ",(100e.metadata.confidence).toFixed(2),"%"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Object ID:")," ",e.id))))}))):r.a.createElement(u.a,{variant:"body1"},"No results found. Please try another search.")))),r.a.createElement(ee.a,null,r.a.createElement(h.a,{onClick:A,color:"default"},"Close"),r.a.createElement(h.a,{onClick:async()=>{w(!0),N(null);try{let e={};if("image"===E)e={searchType:"image",image:k.image,n_results:5};else{if(!v.trim())throw new Error("Please enter a class name");e={searchType:"class",class_name:v.trim(),n_results:5}}const a=await fetch("/api/search-similar-objects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!a.ok)throw new Error("HTTP error! Status: ".concat(a.status));const t=await a.json();if(t.error)throw new Error(t.error);if(console.log("Search API response:",t),!t.success\|\|!Array.isArray(t.results))throw console.error("Unexpected API response format:",t),new Error("Unexpected API response format");console.log("Setting search results array:",t.results),console.log("Results array length:",t.results.length),console.log("First result item:",t.results[0]),C(t.results)}catch(e){console.error("Error searching vector DB:",e),N("Error searching vector DB: ".concat(e.message))}finally{w(!1)}},color:"primary",variant:"contained",disabled:j\|\|"class"===E&&!v.trim()},"Search"))))};const re=Object(w.a)(e=>({paper:{padding:e.spacing(2)},marginBottom:{marginBottom:e.spacing(2)},resultImage:{maxWidth:"100%",maxHeight:"400px",objectFit:"contain"},dividerMargin:{margin:"".concat(e.spacing(2),"px 0")},chipContainer:{display:"flex",gap:e.spacing(1),flexWrap:"wrap"}}));var le=e=>{let{results:a}=e;const t=re();if(!a)return null;const{model:n,data:l}=a;if(l.error)return r.a.createElement(f.a,{sx:{p:2,bgcolor:"#ffebee"}},r.a.createElement(u.a,{color:"error"},l.error));const o=()=>l.performance?r.a.createElement(s.a,{className:"performance-info"},r.a.createElement(W.a,{className:t.dividerMargin}),r.a.createElement(u.a,{variant:"body2"},"Inference time: ",(e=>{if(void 0===e\|\|null===e\|\|isNaN(e))return"-";const a=Number(e);return a<1e3?"".concat(a.toFixed(2)," ms"):"".concat((a/1e3).toFixed(2)," s")})(l.performance.inference_time)," on ",l.performance.device)):null;return"yolo"===n\|\|"detr"===n?r.a.createElement(f.a,{className:t.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"yolo"===n?"YOLOv8":"DETR"," Detection Results"),r.a.createElement(y.a,{container:!0,spacing:3},r.a.createElement(y.a,{item:!0,xs:12,md:6},l.image&&r.a.createElement(s.a,{className:t.marginBottom},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Detection Result"),r.a.createElement("img",{src:"data:image/png;base64,".concat(l.image),alt:"Detection Result",className:t.resultImage}))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(s.a,{className:t.marginBottom},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Detected Objects:"),l.detections&&l.detections.length>0?r.a.createElement(M.a,null,l.detections.map((e,a)=>r.a.createElement(r.a.Fragment,{key:a},r.a.createElement(J.a,null,r.a.createElement(U.a,{primary:r.a.createElement(s.a,{style:{display:"flex",alignItems:"center"}},r.a.createElement(u.a,{variant:"body1",component:"span"},e.class),r.a.createElement(B.a,{label:"".concat((100e.confidence).toFixed(0),"%"),size:"small",color:"primary",style:{marginLeft:8}})),secondary:"Bounding Box: [".concat(e.bbox.join(", "),"]")})),a<l.detections.length-1&&r.a.createElement(W.a,null)))):r.a.createElement(u.a,{variant:"body1"},"No objects detected")))),o(),r.a.createElement(ne,{results:a})):"vit"===n?r.a.createElement(f.a,{className:t.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"ViT Classification Results"),r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Top Predictions:"),l.top_predictions&&l.top_predictions.length>0?r.a.createElement(M.a,null,l.top_predictions.map((e,a)=>r.a.createElement(r.a.Fragment,{key:a},r.a.createElement(J.a,null,r.a.createElement(U.a,{primary:r.a.createElement(s.a,{style:{display:"flex",alignItems:"center"}},r.a.createElement(u.a,{variant:"body1",component:"span"},e.rank,". ",e.class),r.a.createElement(B.a,{label:"".concat((100e.probability).toFixed(1),"%"),size:"small",color:0===a?"primary":"default",style:{marginLeft:8}}))})),a<l.top_predictions.length-1&&r.a.createElement(W.a,null)))):r.a.createElement(u.a,{variant:"body1"},"No classifications available"),o(),r.a.createElement(ne,{results:a})):null};const oe=Object(w.a)(e=>({paper:{padding:e.spacing(2),marginTop:e.spacing(2)},marginBottom:{marginBottom:e.spacing(2)},dividerMargin:{margin:"".concat(e.spacing(2),"px 0")},responseBox:{padding:e.spacing(2),backgroundColor:"#f5f5f5",borderRadius:e.shape.borderRadius,marginTop:e.spacing(2),whiteSpace:"pre-wrap"},buttonProgress:{marginLeft:e.spacing(1)}}));var ce=e=>{let{visionResults:a,model:t}=e;const l=oe(),[o,c]=Object(n.useState)(""),[i,m]=Object(n.useState)(!1),[d,g]=Object(n.useState)(null),[p,E]=Object(n.useState)(null);return a?r.a.createElement(f.a,{className:l.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Ask AI about the ","vit"===t?"Classification":"Detection"," Results"),r.a.createElement(u.a,{variant:"body2",className:l.marginBottom},"Ask a question about the detected objects or classifications to get an AI-powered analysis."),r.a.createElement($.a,{fullWidth:!0,label:"Your question about the image",variant:"outlined",value:o,onChange:e=>c(e.target.value),disabled:i,className:l.marginBottom,placeholder:"vit"===t?"E.g., What category does this image belong to?":"E.g., How many people are in this image?"}),r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:async()=>{if(o.trim()){m(!0),E(null);try{const e=await fetch("/api/analyze",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({visionResults:a,userQuery:o})});if(!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const t=await e.json();t.error?E(t.error):g(t)}catch(e){console.error("Error analyzing with LLM:",e),E("Error analyzing with LLM: ".concat(e.message))}finally{m(!1)}}},disabled:i\|\|!o.trim()},"Analyze with AI",i&&r.a.createElement(b.a,{size:24,className:l.buttonProgress})),p&&r.a.createElement(s.a,{mt:2},r.a.createElement(u.a,{color:"error"},p)),d&&r.a.createElement(r.a.Fragment,null,r.a.createElement(W.a,{className:l.dividerMargin}),r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"AI Analysis:"),r.a.createElement(s.a,{className:l.responseBox},r.a.createElement(u.a,{variant:"body1"},d.response)),d.performance&&r.a.createElement(s.a,{mt:1},r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},"Analysis time: ",(e=>{if(void 0===e\|\|null===e\|\|isNaN(e))return"-";const a=Number(e);return a<1e3?"".concat(a.toFixed(2)," ms"):"".concat((a/1e3).toFixed(2)," s")})(d.performance.inference_time)," on ",d.performance.device)))):null};var ie=function(e){let{imageBase64:a}=e;const[t,l]=Object(n.useState)(""),[o,c]=Object(n.useState)(""),[i,s]=Object(n.useState)(""),[m,d]=Object(n.useState)(!1),[g,p]=Object(n.useState)(""),[E,b]=Object(n.useState)("image"),[v,x]=Object(n.useState)(""),[S,C]=Object(n.useState)(""),[j,w]=Object(n.useState)(5);return r.a.createElement(f.a,{style:{padding:16}},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Vision RAG (LangChain)"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},"If OPENAI_API_KEY is set on the server, API Key is optional. Select a search type and send a question to get answers based on context retrieved from the vector DB."),r.a.createElement(y.a,{container:!0,spacing:2},r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(K.a,{fullWidth:!0,variant:"outlined",size:"small"},r.a.createElement(Q.a,{id:"search-type-label"},"Search Type"),r.a.createElement(X.a,{labelId:"search-type-label",value:E,onChange:e=>b(e.target.value),label:"Search Type"},r.a.createElement(Z.a,{value:"image"},"image (current upload)"),r.a.createElement(Z.a,{value:"object"},"object (objectId)"),r.a.createElement(Z.a,{value:"class"},"class (class_name)")))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"OpenAI API Key (optional)",value:t,onChange:e=>l(e.target.value),fullWidth:!0,variant:"outlined",size:"small",type:"password",placeholder:"sk-..."})),"object"===E&&r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"objectId",value:v,onChange:e=>x(e.target.value),fullWidth:!0,variant:"outlined",size:"small"})),"class"===E&&r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"class_name",value:S,onChange:e=>C(e.target.value),fullWidth:!0,variant:"outlined",size:"small",placeholder:"e.g. person, car, dog"})),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"n_results",value:j,onChange:e=>w(e.target.value),fullWidth:!0,variant:"outlined",size:"small",type:"number",inputProps:{min:1,max:50}})),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement($.a,{label:"User Question",value:o,onChange:e=>c(e.target.value),fullWidth:!0,multiline:!0,rows:4,variant:"outlined",placeholder:"image"===E?"Answer based on the uploaded image":"Answer using the retrieved object context"})),g&&r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(u.a,{color:"error"},g)),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement("div",{style:{display:"flex",gap:8}},r.a.createElement(h.a,{color:"primary",variant:"contained",onClick:async()=>{p(""),s("");const e=(o\|\|"").trim();if(!e)return void p("Please enter a question.");const n={userQuery:e,searchType:E,n_results:Number(j)\|\|5};if(t&&(n.api_key=t),"image"===E){if(!a)return void p("Image is required. Please upload an image first.");n.image=a}else if("object"===E){if(!v.trim())return void p("Please enter an objectId.");n.objectId=v.trim()}else if("class"===E){if(!S.trim())return void p("Please enter a class_name.");n.class_name=S.trim()}d(!0);try{const e=await fetch("/api/vision-rag/query",{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify(n)});if(!e.ok){let a=await e.text();try{a=JSON.stringify(JSON.parse(a),null,2)}catch(r){}throw new Error(a)}const a=await e.json(),t="Model: ".concat(a.model\|\|"-"," \| Latency: ").concat(a.latency_sec\|\|"-","s");let l="";a.retrieved&&a.retrieved.length>0&&(l="\n\nSearch Results:\n",a.retrieved.forEach((e,a)=>{l+="".concat(a+1,". ID: ").concat(e.id\|\|"-","\n"),e.meta&&(l+=" Class: ".concat(e.meta.class\|\|"-","\n"),l+=" Confidence: ".concat(e.meta.confidence\|\|"-","\n")),l+=" Similarity: ".concat(e.distance?e.distance.toFixed(4):"-","\n")})),s((a.answer\|\|"(No response)")+l+"\n\n---\n"+t)}catch(l){p("Error: "+l.message)}finally{d(!1)}},disabled:m},m?"Sending...":"Send Question"),r.a.createElement(h.a,{variant:"outlined",onClick:()=>{c(""),s(""),p("")}},"Clear"))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(W.a,{style:{margin:"12px 0"}}),r.a.createElement(u.a,{variant:"subtitle2",color:"textSecondary"},"Response"),r.a.createElement("pre",{style:{whiteSpace:"pre-wrap",fontFamily:"ui-monospace, monospace"}},i))))},se=(t(80),t(159)),me=t(160),de=t(162),ue=t(163),ge=t(164);const pe=Object(w.a)(e=>({root:{marginTop:e.spacing(3),marginBottom:e.spacing(3)},imageContainer:{position:"relative",minHeight:"360px",display:"flex",justifyContent:"center",alignItems:"center",border:"2px dashed #ccc",borderRadius:"8px",margin:e.spacing(1),padding:e.spacing(1),backgroundColor:"#fafafa",overflow:"hidden"},progressLog:{marginTop:e.spacing(2),height:"200px",overflowY:"auto",backgroundColor:"#f8f9fa",padding:e.spacing(1),borderRadius:"4px",fontFamily:"monospace",fontSize:"0.9rem"},logEntry:{margin:"4px 0",padding:"2px 5px",borderLeft:"3px solid #ccc"},logEntryAgent:{borderLeft:"3px solid #2196f3"},logEntrySystem:{borderLeft:"3px solid #4caf50"},logEntryError:{borderLeft:"3px solid #f44336"},logTime:{color:"#666",fontSize:"0.8rem",marginRight:e.spacing(1)},imagePreview:{width:"100%",height:"auto",maxHeight:"60vh",objectFit:"contain"},uploadIcon:{fontSize:"3rem",color:"#aaa"},uploadInput:{display:"none"},deleteButton:{position:"absolute",top:"8px",right:"8px",backgroundColor:"rgba(255, 255, 255, 0.8)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.9)"}},tabPanel:{padding:e.spacing(2)},resultCard:{marginTop:e.spacing(2),marginBottom:e.spacing(2)},comparisonTable:{width:"100%",borderCollapse:"collapse","& th, & td":{border:"1px solid #ddd",padding:"8px",textAlign:"left"},"& th":{backgroundColor:"#f2f2f2"},"& tr:nth-child(even)":{backgroundColor:"#f9f9f9"}},loadingContainer:{display:"flex",flexDirection:"column",alignItems:"center",padding:e.spacing(4)},highlight:{backgroundColor:"#e3f2fd",padding:e.spacing(1),borderRadius:"4px",fontWeight:"bold"}}));var Ee=()=>{const e=pe(),[a,t]=Object(n.useState)([null,null]),[l,o]=Object(n.useState)([null,null]),[c,i]=Object(n.useState)(!1),[m,d]=Object(n.useState)(null),[E,x]=Object(n.useState)(null),[S,C]=Object(n.useState)(0),[j,w]=Object(n.useState)([]),O=Object(n.useRef)(null),N=function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"info";const t=new Date,n=t.toLocaleTimeString(),r={time:n,message:e,type:a};w(e=>[...e,r])};Object(n.useEffect)(()=>{O.current&&O.current.scrollIntoView({behavior:"smooth"})},[j]);const B=e=>{const a=new EventSource("/api/product/compare/stream/".concat(e));return a.onmessage=e=>{try{const t=JSON.parse(e.data);console.log("React SSE received:",t),t.message?N(t.message,t.agent\|\|"info"):t.status?N("Status: ".concat(t.status),"system"):t.final_result?(console.log("Final result received:",t.final_result),d(t.final_result),i(!1),a.close()):t.error&&(N("Error: ".concat(t.error),"error"),i(!1),a.close())}catch(t){console.error("SSE parsing error:",t),N("Event processing error: ".concat(t.message),"error")}},a.onerror=e=>{N("Server connection lost. Please try again in a moment.","error"),a.close(),i(!1)},a},T=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(a[0]\|\|a[1]){i(!0),x(null),w([]),N("Starting product analysis...","system");try{const t=new FormData;a[0]&&(t.append("image1",a[0]),N("Product A image uploaded.","info")),a[1]&&(t.append("image2",a[1]),N("Product B image uploaded.","info"));const n=["info","compare","value","recommend"],r=e\|\|n[S];t.append("analysisType",r),N("Analysis type: ".concat("info"===r?"Product Information":"compare"===r?"Performance Comparison":"value"===r?"Value Analysis":"Purchase Recommendation"),"system"),N("Initializing analysis session...","system");for(let[e,a]of t.entries())console.log("FormData:",e,a);const l=await fetch("/api/product/compare/start",{method:"POST",body:t,credentials:"include"});if(console.log("Response status:",l.status),console.log("Response headers:",l.headers),!l.ok){const e=await l.text();throw console.error("Error response:",e),new Error("HTTP error! Status: ".concat(l.status," - ").concat(e))}const o=(await l.json()).session_id;if(!o)throw new Error("Failed to receive session ID");N("Analysis session started. (Session ID: ".concat(o.substring(0,8),"...)"),"system"),N("Agents are collaborating to analyze products. Please wait a moment...","system");const c=B(o);return()=>{c.close()}}catch(t){console.error("\uc81c\ud488 \ubd84\uc11d \uc624\ub958:",t),N("Error occurred: ".concat(t.message),"error"),x("Error during analysis: ".concat(t.message)),i(!1)}}else x("Please upload at least one product image for analysis")};return r.a.createElement(f.a,{className:e.root},r.a.createElement(s.a,{p:3},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Product Comparison Analysis"),r.a.createElement(u.a,{variant:"body1",paragraph:!0},"Upload product images to receive detailed information and comparison analysis. You can analyze various products including cars, smartphones, laptops, and more."),r.a.createElement(y.a,{container:!0,spacing:3},[0,1].map(n=>r.a.createElement(y.a,{item:!0,xs:12,md:6,key:n},r.a.createElement(s.a,{className:e.imageContainer},l[n]?r.a.createElement(r.a.Fragment,null,r.a.createElement("img",{src:l[n],alt:"Product ".concat(n+1),className:e.imagePreview}),r.a.createElement(v.a,{className:e.deleteButton,onClick:()=>(e=>{const n=[...a],r=[...l];n[e]=null,r[e]=null,t(n),o(r),d(null)})(n)},r.a.createElement(se.a,null))):r.a.createElement(r.a.Fragment,null,r.a.createElement("input",{accept:"image/",className:e.uploadInput,id:"upload-image-".concat(n),type:"file",onChange:e=>((e,n)=>{const r=e.target.files[0];if(r){const e=new FileReader;e.onload=e=>{const a=[...l];a[n]=e.target.result,o(a)},e.readAsDataURL(r);const c=[...a];c[n]=r,t(c),d(null),x(null)}})(e,n)}),r.a.createElement("label",{htmlFor:"upload-image-".concat(n)},r.a.createElement(s.a,{display:"flex",flexDirection:"column",alignItems:"center"},r.a.createElement(me.a,{className:e.uploadIcon}),r.a.createElement(u.a,{variant:"body2",style:{marginTop:"8px"}},"Upload ",0===n?"Product A":"Product B"," Image"))))))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement("input",{accept:"image/",className:e.uploadInput,id:"upload-both-images",type:"file",multiple:!0,onChange:e=>{const n=Array.from(e.target.files\|\|[]);if(!n.length)return;const r=[...a],c=[...l];n.slice(0,2).forEach((e,a)=>{const t=a;r[t]=e;const n=new FileReader;n.onload=e=>{c[t]=e.target.result,o([...c])},n.readAsDataURL(e)}),t(r),d(null),x(null)}}),r.a.createElement("label",{htmlFor:"upload-both-images"},r.a.createElement(h.a,{variant:"text",color:"default",component:"span"},"Or select two files at once"))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(f.a,null,r.a.createElement(g.a,{value:S,onChange:(e,a)=>{C(a)},indicatorColor:"primary",textColor:"primary",centered:!0},r.a.createElement(p.a,{icon:r.a.createElement(de.a,null),label:"Product Info"}),r.a.createElement(p.a,{icon:r.a.createElement(ue.a,null),label:"Performance",disabled:!a[0]\|\|!a[1]}),r.a.createElement(p.a,{icon:r.a.createElement(ge.a,null),label:"Value Analysis"}),r.a.createElement(p.a,{label:"Recommendations"})),r.a.createElement(s.a,{p:2,display:"flex",justifyContent:"center",gridGap:12},r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:()=>T(null),disabled:c\|\|!a[0]&&!a[1],startIcon:c?r.a.createElement(b.a,{size:24}):null},c?"Analyzing...":"Start Analysis"),r.a.createElement(h.a,{variant:"outlined",color:"secondary",onClick:()=>T("compare"),disabled:c\|\|!a[0]\|\|!a[1],startIcon:r.a.createElement(ue.a,null)},"Compare Products")),E&&r.a.createElement(s.a,{p:2,bgcolor:"#ffebee",borderRadius:"4px",mb:2},r.a.createElement(u.a,{color:"error"},E)))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(f.a,null,r.a.createElement(s.a,{p:2},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Analysis Progress"),r.a.createElement(s.a,{className:e.progressLog},0===j.length?r.a.createElement(u.a,{variant:"body2",color:"textSecondary",style:{padding:"10px"}},"Progress details will appear here when analysis starts."):j.map((a,t)=>r.a.createElement(s.a,{key:t,className:"".concat(e.logEntry," ").concat("agent"===a.type?e.logEntryAgent:"system"===a.type?e.logEntrySystem:"error"===a.type?e.logEntryError:"")},r.a.createElement("span",{className:e.logTime},"[",a.time,"]"),a.message)),r.a.createElement("div",{ref:O}))))),r.a.createElement(y.a,{item:!0,xs:12},c?r.a.createElement(s.a,{className:e.loadingContainer},r.a.createElement(b.a,null),r.a.createElement(u.a,{variant:"h6",style:{marginTop:"16px"}},"Analyzing Products..."),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},"Product recognition, information retrieval, and comparison analysis in progress.")):(()=>{if(!m)return null;switch(S){case 0:return r.a.createElement(I.a,{className:e.resultCard},r.a.createElement(P.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Product Information"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.productInfo&&r.a.createElement("div",null,Object.entries(m.productInfo).map((e,a)=>{let[t,n]=e;return r.a.createElement("div",{key:t,style:{marginBottom:"24px"}},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},r.a.createElement("strong",null,"Product ",a+1," (",t,")")),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Type:")," ",n.product_type\|\|"Unknown"),n.key_features&&n.key_features.length>0&&r.a.createElement("div",{style:{marginTop:"12px"}},r.a.createElement(u.a,{variant:"subtitle2"},"Key Features:"),r.a.createElement("ul",null,n.key_features.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},e))))),m.specifications&&m.specifications[t]&&r.a.createElement("div",{style:{marginTop:"12px"}},r.a.createElement(u.a,{variant:"subtitle2"},"Specifications:"),r.a.createElement("ul",null,Object.entries(m.specifications[t].specifications\|\|{}).map(e=>{let[a,t]=e;return r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},r.a.createElement("strong",null,a.replace("_"," "),":")," ",Array.isArray(t)?t.join(", "):t))}))))}))));case 1:return r.a.createElement(I.a,{className:e.resultCard},r.a.createElement(P.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Product Comparison Analysis"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.comparison&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"body1",style:{whiteSpace:"pre-line",marginBottom:"16px"}},"string"===typeof m.comparison?m.comparison:JSON.stringify(m.comparison,null,2)))));case 2:return r.a.createElement(I.a,{className:e.resultCard},r.a.createElement(P.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Price-to-Value Analysis"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.valueAnalysis&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"body1",style:{whiteSpace:"pre-line",marginBottom:"16px"}},"string"===typeof m.valueAnalysis?m.valueAnalysis:JSON.stringify(m.valueAnalysis,null,2)))));case 3:return r.a.createElement(I.a,{className:e.resultCard},r.a.createElement(P.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Purchase Recommendations"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.recommendation&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"body1",style:{whiteSpace:"pre-line",marginBottom:"16px"}},"string"===typeof m.recommendation?m.recommendation:JSON.stringify(m.recommendation,null,2))),!m.recommendation&&!m.valueAnalysis&&!m.comparison&&!m.productInfo&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"body1",style:{whiteSpace:"pre-line",marginBottom:"16px"}},JSON.stringify(m,null,2)))));default:return null}})()))))};t(104);const ye=Object(c.a)({palette:{primary:{main:"#3f51b5"},secondary:{main:"#f50057"}},typography:{fontFamily:"Roboto, Arial, sans-serif"}});var fe=function(){const[e,a]=Object(n.useState)(null),[t,l]=Object(n.useState)(""),[o,c]=Object(n.useState)(""),[h,v]=Object(n.useState)(!1),[x,S]=Object(n.useState)(null),[C,j]=Object(n.useState)(null),[w,O]=Object(n.useState)({yolo:!1,detr:!1,vit:!1}),[I,P]=Object(n.useState)(0);return Object(n.useEffect)(()=>{fetch("/api/status").then(e=>e.json()).then(e=>{O(e.models)}).catch(e=>{console.error("Error checking API status:",e),j("Error connecting to the backend API. Please make sure the server is running.")})},[]),r.a.createElement(i.a,{theme:ye},r.a.createElement(s.a,{style:{flexGrow:1}},r.a.createElement(m.a,{position:"static"},r.a.createElement(d.a,null,r.a.createElement(u.a,{variant:"h6",style:{flexGrow:1}},"Vision LLM Multi-Agent System")),r.a.createElement(g.a,{value:I,onChange:(e,a)=>P(a),indicatorColor:"secondary",textColor:"inherit",centered:!0},r.a.createElement(p.a,{label:"Object Detection"}),r.a.createElement(p.a,{label:"Product Comparison"}))),r.a.createElement(E.a,{maxWidth:"lg",style:{marginTop:ye.spacing(4),marginBottom:ye.spacing(4)}},0===I?r.a.createElement(y.a,{container:!0,spacing:3},r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(f.a,{style:{padding:ye.spacing(2)}},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Upload an image to see how each model performs!"),r.a.createElement(u.a,{variant:"body1",paragraph:!0},"This demo showcases three different object detection and image classification models:"),r.a.createElement(u.a,{variant:"body1",component:"div"},r.a.createElement("ul",null,r.a.createElement("li",null,r.a.createElement("strong",null,"YOLOv8"),": Fast and accurate object detection"),r.a.createElement("li",null,r.a.createElement("strong",null,"DETR"),": DEtection TRansformer for object detection"),r.a.createElement("li",null,r.a.createElement("strong",null,"ViT"),": Vision Transformer for image classification"))))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(N,{onImageUpload:e=>{if(a(e),S(null),j(null),e instanceof File){const a=new FileReader;a.onload=()=>{const e=a.result;l("string"===typeof e?e:"")},a.onerror=()=>l(""),a.readAsDataURL(e)}else l("")}})),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(z,{onModelSelect:e=>{c(e),S(null),j(null)},onProcess:async()=>{if(!e\|\|!o)return void j("Please select both an image and a model");v(!0),j(null);const a=new FormData;a.append("image",e);let t="";switch(o){case"yolo":t="/api/detect/yolo";break;case"detr":t="/api/detect/detr";break;case"vit":t="/api/classify/vit";break;default:return j("Invalid model selection"),void v(!1)}try{const e=await fetch(t,{method:"POST",body:a});if(!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const n=await e.json();S({model:o,data:n})}catch(n){console.error("Error processing image:",n),j("Error processing image: ".concat(n.message))}finally{v(!1)}},isProcessing:h,modelsStatus:w,selectedModel:o,imageSelected:!!e})),C&&r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(f.a,{style:{padding:ye.spacing(2),backgroundColor:"#ffebee"}},r.a.createElement(u.a,{color:"error"},C))),h&&r.a.createElement(y.a,{item:!0,xs:12,style:{textAlign:"center",margin:"".concat(ye.spacing(4),"px 0")}},r.a.createElement(b.a,null),r.a.createElement(u.a,{variant:"h6",style:{marginTop:ye.spacing(2)}},"Processing image...")),x&&r.a.createElement(r.a.Fragment,null,r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(le,{results:x})),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(ce,{visionResults:x.data,model:x.model}))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(ie,{imageBase64:t}))):r.a.createElement(Ee,null))))};var be=e=>{e&&e instanceof Function&&t.e(3).then(t.bind(null,181)).then(a=>{let{getCLS:t,getFID:n,getFCP:r,getLCP:l,getTTFB:o}=a;t(e),n(e),r(e),l(e),o(e)})};o.a.render(r.a.createElement(r.a.StrictMode,null,r.a.createElement(fe,null)),document.getElementById("root")),be()},94:function(e,a,t){e.exports=t(105)},99:function(e,a,t){}},[[94,1,2]]]);
2	- //# sourceMappingURL=main.~~7f0b632e~~.chunk.js.map


1	+ (this["webpackJsonpvision-web-app"]=this["webpackJsonpvision-web-app"]\|\|[]).push([[0],{104:function(e,a,t){},105:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),l=t(11),o=t.n(l),c=(t(99),t(79)),i=t(165),s=t(169),m=t(166),d=t(167),u=t(49),g=t(171),p=t(161),E=t(168),y=t(142),f=t(83),b=t(147),h=t(140),v=t(141),x=t(65),S=t.n(x),C=t(76),w=t.n(C),j=t(137);const O=Object(j.a)(e=>({paper:{padding:e.spacing(2),display:"flex",flexDirection:"column",alignItems:"center",height:"100%",minHeight:300,transition:"all 0.3s ease"},dragActive:{border:"2px dashed #3f51b5",backgroundColor:"rgba(63, 81, 181, 0.05)"},dragInactive:{border:"2px dashed #ccc",backgroundColor:"white"},uploadBox:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",cursor:"pointer"},uploadIcon:{fontSize:60,color:"#3f51b5",marginBottom:e.spacing(2)},supportText:{marginTop:e.spacing(2)},previewBox:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",height:"100%",position:"relative"},imageContainer:{position:"relative",width:"100%",height:"45vh",[e.breakpoints.down("sm")]:{height:"35vh"},display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",marginTop:e.spacing(2)},deleteButton:{position:"absolute",top:0,right:0,backgroundColor:"rgba(255, 255, 255, 0.7)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.9)"}}}));var N=e=>{let{onImageUpload:a}=e;const t=O(),[l,o]=Object(n.useState)(null),[c,i]=Object(n.useState)(!1),m=Object(n.useRef)(null),d=e=>{e.preventDefault(),e.stopPropagation(),"dragenter"===e.type\|\|"dragover"===e.type?i(!0):"dragleave"===e.type&&i(!1)},g=e=>{e.type.startsWith("image/")?(o(URL.createObjectURL(e)),a(e)):alert("Please upload an image file")};return r.a.createElement(f.a,{className:"".concat(t.paper," ").concat(c?t.dragActive:t.dragInactive),onDragEnter:d,onDragLeave:d,onDragOver:d,onDrop:e=>{e.preventDefault(),e.stopPropagation(),i(!1),e.dataTransfer.files&&e.dataTransfer.files[0]&&g(e.dataTransfer.files[0])}},r.a.createElement("input",{ref:m,type:"file",accept:"image/",onChange:e=>{e.preventDefault(),e.target.files&&e.target.files[0]&&g(e.target.files[0])},style:{display:"none"}}),l?r.a.createElement(s.a,{className:t.previewBox},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Preview"),r.a.createElement(s.a,{className:t.imageContainer},r.a.createElement("img",{src:l,alt:"Preview",className:"preview-image",style:{maxWidth:"100%",maxHeight:"100%",width:"auto",height:"auto",objectFit:"contain",display:"block"}}),r.a.createElement(v.a,{"aria-label":"delete",className:t.deleteButton,onClick:()=>{o(null),a(null),m.current.value=""}},r.a.createElement(w.a,null)))):r.a.createElement(s.a,{className:t.uploadBox,onClick:()=>{m.current.click()}},r.a.createElement(S.a,{className:t.uploadIcon}),r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Drag & Drop an image here"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},"or"),r.a.createElement(h.a,{variant:"contained",color:"primary",component:"span",startIcon:r.a.createElement(S.a,null)},"Browse Files"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",className:t.supportText},"Supported formats: JPG, PNG, GIF")))},I=t(143),P=t(144),B=t(176),T=t(145),k=t(66),A=t.n(k),R=t(77),D=t.n(R),F=t(78),_=t.n(F);const L=Object(j.a)(e=>({card:{height:"100%",display:"flex",flexDirection:"column"},selectedCard:{border:"2px solid #3f51b5"},unavailableCard:{opacity:.6},cardContent:{flexGrow:1},chipContainer:{marginBottom:e.spacing(1.5)},successChip:{backgroundColor:"#34C759",color:"#fff"},errorChip:{backgroundColor:"#FF3B3F",color:"#fff"},modelType:{marginTop:e.spacing(1)},processButton:{marginTop:e.spacing(3),textAlign:"center"}}));var z=e=>{let{onModelSelect:a,onProcess:t,isProcessing:n,modelsStatus:l,selectedModel:o,imageSelected:c}=e;const i=L(),m=[{id:"yolo",name:"YOLOv8",description:"Fast and accurate object detection",icon:r.a.createElement(A.a,null),available:l.yolo},{id:"detr",name:"DETR",description:"DEtection TRansformer for object detection",icon:r.a.createElement(A.a,null),available:l.detr},{id:"vit",name:"ViT",description:"Vision Transformer for image classification",icon:r.a.createElement(D.a,null),available:l.vit}],d=e=>{m.find(a=>a.id===e).available&&a(e)};return r.a.createElement(s.a,{sx:{p:2,height:"100%"}},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Select Model"),r.a.createElement(y.a,{container:!0,spacing:2},m.map(e=>r.a.createElement(y.a,{item:!0,xs:12,sm:4,key:e.id},r.a.createElement(I.a,{className:"\n ".concat(i.card," \n ").concat(o===e.id?i.selectedCard:""," \n ").concat(e.available?"":i.unavailableCard,"\n "),onClick:()=>d(e.id)},r.a.createElement(P.a,{className:i.cardContent},r.a.createElement(s.a,{sx:{mb:2,color:"primary"}},e.icon),r.a.createElement(u.a,{variant:"h5",component:"div",gutterBottom:!0},e.name),r.a.createElement("div",{className:i.chipContainer},e.available?r.a.createElement(B.a,{label:"Available",className:i.successChip,size:"small"}):r.a.createElement(B.a,{label:"Not Available",className:i.errorChip,size:"small"})),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},e.description)),r.a.createElement(T.a,null,r.a.createElement(h.a,{size:"small",onClick:()=>d(e.id),disabled:!e.available,color:o===e.id?"primary":"default",variant:o===e.id?"contained":"outlined",fullWidth:!0},o===e.id?"Selected":"Select")))))),r.a.createElement("div",{className:i.processButton},r.a.createElement(h.a,{variant:"contained",color:"primary",size:"large",startIcon:r.a.createElement(_.a,null),onClick:t,disabled:!o\|\|!c\|\|n},n?"Processing...":"Process Image")))},W=t(157),M=t(154),U=t(107),J=t(158),V=t(146),H=t(174),G=t(175),Y=t(149),q=t(150),K=t(151),Q=t(177),X=t(170),Z=t(155),$=t(179),ee=t(156),ae=t(173);const te=Object(j.a)(e=>({root:{marginTop:e.spacing(2),marginBottom:e.spacing(2),padding:e.spacing(2),backgroundColor:"#f5f5f5",borderRadius:e.shape.borderRadius},button:{marginRight:e.spacing(2)},searchDialog:{minWidth:"500px"},formControl:{marginBottom:e.spacing(2),minWidth:"100%"},searchResults:{marginTop:e.spacing(2)},resultCard:{marginBottom:e.spacing(2)},resultImage:{height:140,objectFit:"contain"},chip:{margin:e.spacing(.5)},similarityChip:{backgroundColor:e.palette.primary.main,color:"white"}}));var ne=e=>{let{results:a}=e;const t=te(),[l,o]=Object(n.useState)(!1),[c,i]=Object(n.useState)(!1),[m,d]=Object(n.useState)(null),[g,p]=Object(n.useState)(!1),[E,f]=Object(n.useState)("image"),[v,x]=Object(n.useState)(""),[S,C]=Object(n.useState)([]),[w,j]=Object(n.useState)(!1),[O,N]=Object(n.useState)(null),{model:T,data:k}=a,A=()=>{p(!1)},R=()=>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const a=16Math.random()\|0;return("x"===e?a:3&a\|8).toString(16)}));return r.a.createElement(s.a,{className:t.root},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Vector Database Actions"),r.a.createElement(s.a,{display:"flex",alignItems:"center",mb:2},r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:async()=>{o(!0),d(null);try{let e;if(e="vit"===T?await fetch("/api/add-to-collection",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:k.image,metadata:{model:"vit",classifications:k.classifications}})}):await fetch("/api/add-detected-objects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:k.image,objects:k.detections,imageId:R()})}),!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const a=await e.json();if(a.error)throw new Error(a.error);i(!0),setTimeout(()=>i(!1),5e3)}catch(e){console.error("Error saving to vector DB:",e),d("Error saving to vector DB: ".concat(e.message))}finally{o(!1)}},disabled:l,className:t.button},l?r.a.createElement(r.a.Fragment,null,r.a.createElement(b.a,{size:20,color:"inherit",style:{marginRight:8}}),"Saving..."):"Save to Vector DB"),r.a.createElement(h.a,{variant:"outlined",color:"primary",onClick:()=>{p(!0),C([]),N(null)},className:t.button},"Search Similar")),m&&r.a.createElement(ae.a,{severity:"error",style:{marginTop:8}},m),r.a.createElement(H.a,{open:c,autoHideDuration:5e3,onClose:()=>i(!1)},r.a.createElement(ae.a,{severity:"success"},"vit"===T?"Image and classifications successfully saved to vector DB!":"Detected objects successfully saved to vector DB!")),r.a.createElement(G.a,{open:g,onClose:A,maxWidth:"md",fullWidth:!0},r.a.createElement(Y.a,null,"Search Vector Database"),r.a.createElement(q.a,null,r.a.createElement(K.a,{className:t.formControl},r.a.createElement(Q.a,{id:"search-type-label"},"Search Type"),r.a.createElement(X.a,{labelId:"search-type-label",id:"search-type",value:E,onChange:e=>{f(e.target.value),C([]),N(null)}},r.a.createElement(Z.a,{value:"image"},"Search by Current Image"),r.a.createElement(Z.a,{value:"class"},"Search by Class Name"))),"class"===E&&r.a.createElement(K.a,{className:t.formControl},r.a.createElement($.a,{label:"Class Name",value:v,onChange:e=>{x(e.target.value)},placeholder:"e.g. person, car, dog...",fullWidth:!0})),O&&r.a.createElement(ae.a,{severity:"error",style:{marginBottom:16}},O),r.a.createElement(s.a,{className:t.searchResults},w?r.a.createElement(s.a,{display:"flex",justifyContent:"center",alignItems:"center",p:4},r.a.createElement(b.a,null),r.a.createElement(u.a,{variant:"body1",style:{marginLeft:16}},"Searching...")):r.a.createElement(r.a.Fragment,null,console.log("Search dialog render - searchResults:",S),S.length>0?(console.log("Rendering search results:",S),console.log("Search results length:",S.length),0===S.length?(console.log("No results to render"),r.a.createElement(u.a,{variant:"body1"},"No results found.")):r.a.createElement(y.a,{container:!0,spacing:2},S.map((e,a)=>{const n=100(1-e.distance);return r.a.createElement(y.a,{item:!0,xs:12,sm:6,key:a},r.a.createElement(I.a,{className:t.resultCard},e.metadata&&e.metadata.image_data?r.a.createElement(V.a,{className:t.resultImage,component:"img",height:"200",image:"data:image/jpeg;base64,".concat(e.metadata.image_data),alt:e.metadata&&e.metadata.class?e.metadata.class:"Object"}):r.a.createElement(s.a,{className:t.resultImage,style:{backgroundColor:"#f0f0f0",display:"flex",alignItems:"center",justifyContent:"center",height:200}},r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},e.metadata&&e.metadata.class?e.metadata.class:"Object"," Image")),r.a.createElement(P.a,null,r.a.createElement(s.a,{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},r.a.createElement(u.a,{variant:"subtitle1"},"Result #",a+1),r.a.createElement(B.a,{label:"Similarity: ".concat(n.toFixed(2),"%"),className:t.similarityChip,size:"small"})),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Class:")," ",e.metadata.class\|\|"N/A"),e.metadata.confidence&&r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Confidence:")," ",(100e.metadata.confidence).toFixed(2),"%"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Object ID:")," ",e.id))))}))):r.a.createElement(u.a,{variant:"body1"},"No results found. Please try another search.")))),r.a.createElement(ee.a,null,r.a.createElement(h.a,{onClick:A,color:"default"},"Close"),r.a.createElement(h.a,{onClick:async()=>{j(!0),N(null);try{let e={};if("image"===E)e={searchType:"image",image:k.image,n_results:5};else{if(!v.trim())throw new Error("Please enter a class name");e={searchType:"class",class_name:v.trim(),n_results:5}}const a=await fetch("/api/search-similar-objects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!a.ok)throw new Error("HTTP error! Status: ".concat(a.status));const t=await a.json();if(t.error)throw new Error(t.error);if(console.log("Search API response:",t),!t.success\|\|!Array.isArray(t.results))throw console.error("Unexpected API response format:",t),new Error("Unexpected API response format");console.log("Setting search results array:",t.results),console.log("Results array length:",t.results.length),console.log("First result item:",t.results[0]),C(t.results)}catch(e){console.error("Error searching vector DB:",e),N("Error searching vector DB: ".concat(e.message))}finally{j(!1)}},color:"primary",variant:"contained",disabled:w\|\|"class"===E&&!v.trim()},"Search"))))};const re=Object(j.a)(e=>({paper:{padding:e.spacing(2)},marginBottom:{marginBottom:e.spacing(2)},resultImage:{maxWidth:"100%",maxHeight:"400px",objectFit:"contain"},dividerMargin:{margin:"".concat(e.spacing(2),"px 0")},chipContainer:{display:"flex",gap:e.spacing(1),flexWrap:"wrap"}}));var le=e=>{let{results:a}=e;const t=re();if(!a)return null;const{model:n,data:l}=a;if(l.error)return r.a.createElement(f.a,{sx:{p:2,bgcolor:"#ffebee"}},r.a.createElement(u.a,{color:"error"},l.error));const o=()=>l.performance?r.a.createElement(s.a,{className:"performance-info"},r.a.createElement(W.a,{className:t.dividerMargin}),r.a.createElement(u.a,{variant:"body2"},"Inference time: ",(e=>{if(void 0===e\|\|null===e\|\|isNaN(e))return"-";const a=Number(e);return a<1e3?"".concat(a.toFixed(2)," ms"):"".concat((a/1e3).toFixed(2)," s")})(l.performance.inference_time)," on ",l.performance.device)):null;return"yolo"===n\|\|"detr"===n?r.a.createElement(f.a,{className:t.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"yolo"===n?"YOLOv8":"DETR"," Detection Results"),r.a.createElement(y.a,{container:!0,spacing:3},r.a.createElement(y.a,{item:!0,xs:12,md:6},l.image&&r.a.createElement(s.a,{className:t.marginBottom},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Detection Result"),r.a.createElement("img",{src:"data:image/png;base64,".concat(l.image),alt:"Detection Result",className:t.resultImage}))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(s.a,{className:t.marginBottom},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Detected Objects:"),l.detections&&l.detections.length>0?r.a.createElement(M.a,null,l.detections.map((e,a)=>r.a.createElement(r.a.Fragment,{key:a},r.a.createElement(U.a,null,r.a.createElement(J.a,{primary:r.a.createElement(s.a,{style:{display:"flex",alignItems:"center"}},r.a.createElement(u.a,{variant:"body1",component:"span"},e.class),r.a.createElement(B.a,{label:"".concat((100e.confidence).toFixed(0),"%"),size:"small",color:"primary",style:{marginLeft:8}})),secondary:"Bounding Box: [".concat(e.bbox.join(", "),"]")})),a<l.detections.length-1&&r.a.createElement(W.a,null)))):r.a.createElement(u.a,{variant:"body1"},"No objects detected")))),o(),r.a.createElement(ne,{results:a})):"vit"===n?r.a.createElement(f.a,{className:t.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"ViT Classification Results"),r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Top Predictions:"),l.top_predictions&&l.top_predictions.length>0?r.a.createElement(M.a,null,l.top_predictions.map((e,a)=>r.a.createElement(r.a.Fragment,{key:a},r.a.createElement(U.a,null,r.a.createElement(J.a,{primary:r.a.createElement(s.a,{style:{display:"flex",alignItems:"center"}},r.a.createElement(u.a,{variant:"body1",component:"span"},e.rank,". ",e.class),r.a.createElement(B.a,{label:"".concat((100e.probability).toFixed(1),"%"),size:"small",color:0===a?"primary":"default",style:{marginLeft:8}}))})),a<l.top_predictions.length-1&&r.a.createElement(W.a,null)))):r.a.createElement(u.a,{variant:"body1"},"No classifications available"),o(),r.a.createElement(ne,{results:a})):null};const oe=Object(j.a)(e=>({paper:{padding:e.spacing(2),marginTop:e.spacing(2)},marginBottom:{marginBottom:e.spacing(2)},dividerMargin:{margin:"".concat(e.spacing(2),"px 0")},responseBox:{padding:e.spacing(2),backgroundColor:"#f5f5f5",borderRadius:e.shape.borderRadius,marginTop:e.spacing(2),whiteSpace:"pre-wrap"},buttonProgress:{marginLeft:e.spacing(1)}}));var ce=e=>{let{visionResults:a,model:t}=e;const l=oe(),[o,c]=Object(n.useState)(""),[i,m]=Object(n.useState)(!1),[d,g]=Object(n.useState)(null),[p,E]=Object(n.useState)(null);return a?r.a.createElement(f.a,{className:l.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Ask AI about the ","vit"===t?"Classification":"Detection"," Results"),r.a.createElement(u.a,{variant:"body2",className:l.marginBottom},"Ask a question about the detected objects or classifications to get an AI-powered analysis."),r.a.createElement($.a,{fullWidth:!0,label:"Your question about the image",variant:"outlined",value:o,onChange:e=>c(e.target.value),disabled:i,className:l.marginBottom,placeholder:"vit"===t?"E.g., What category does this image belong to?":"E.g., How many people are in this image?"}),r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:async()=>{if(o.trim()){m(!0),E(null);try{const e=await fetch("/api/analyze",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({visionResults:a,userQuery:o})});if(!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const t=await e.json();t.error?E(t.error):g(t)}catch(e){console.error("Error analyzing with LLM:",e),E("Error analyzing with LLM: ".concat(e.message))}finally{m(!1)}}},disabled:i\|\|!o.trim()},"Analyze with AI",i&&r.a.createElement(b.a,{size:24,className:l.buttonProgress})),p&&r.a.createElement(s.a,{mt:2},r.a.createElement(u.a,{color:"error"},p)),d&&r.a.createElement(r.a.Fragment,null,r.a.createElement(W.a,{className:l.dividerMargin}),r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"AI Analysis:"),r.a.createElement(s.a,{className:l.responseBox},r.a.createElement(u.a,{variant:"body1"},d.response)),d.performance&&r.a.createElement(s.a,{mt:1},r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},"Analysis time: ",(e=>{if(void 0===e\|\|null===e\|\|isNaN(e))return"-";const a=Number(e);return a<1e3?"".concat(a.toFixed(2)," ms"):"".concat((a/1e3).toFixed(2)," s")})(d.performance.inference_time)," on ",d.performance.device)))):null};var ie=function(e){let{imageBase64:a}=e;const[t,l]=Object(n.useState)(""),[o,c]=Object(n.useState)(""),[i,s]=Object(n.useState)(""),[m,d]=Object(n.useState)(!1),[g,p]=Object(n.useState)(""),[E,b]=Object(n.useState)("image"),[v,x]=Object(n.useState)(""),[S,C]=Object(n.useState)(""),[w,j]=Object(n.useState)(5);return r.a.createElement(f.a,{style:{padding:16}},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Vision RAG (LangChain)"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},"If OPENAI_API_KEY is set on the server, API Key is optional. Select a search type and send a question to get answers based on context retrieved from the vector DB."),r.a.createElement(y.a,{container:!0,spacing:2},r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(K.a,{fullWidth:!0,variant:"outlined",size:"small"},r.a.createElement(Q.a,{id:"search-type-label"},"Search Type"),r.a.createElement(X.a,{labelId:"search-type-label",value:E,onChange:e=>b(e.target.value),label:"Search Type"},r.a.createElement(Z.a,{value:"image"},"image (current upload)"),r.a.createElement(Z.a,{value:"object"},"object (objectId)"),r.a.createElement(Z.a,{value:"class"},"class (class_name)")))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"OpenAI API Key (optional)",value:t,onChange:e=>l(e.target.value),fullWidth:!0,variant:"outlined",size:"small",type:"password",placeholder:"sk-..."})),"object"===E&&r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"objectId",value:v,onChange:e=>x(e.target.value),fullWidth:!0,variant:"outlined",size:"small"})),"class"===E&&r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"class_name",value:S,onChange:e=>C(e.target.value),fullWidth:!0,variant:"outlined",size:"small",placeholder:"e.g. person, car, dog"})),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"n_results",value:w,onChange:e=>j(e.target.value),fullWidth:!0,variant:"outlined",size:"small",type:"number",inputProps:{min:1,max:50}})),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement($.a,{label:"User Question",value:o,onChange:e=>c(e.target.value),fullWidth:!0,multiline:!0,rows:4,variant:"outlined",placeholder:"image"===E?"Answer based on the uploaded image":"Answer using the retrieved object context"})),g&&r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(u.a,{color:"error"},g)),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement("div",{style:{display:"flex",gap:8}},r.a.createElement(h.a,{color:"primary",variant:"contained",onClick:async()=>{p(""),s("");const e=(o\|\|"").trim();if(!e)return void p("Please enter a question.");const n={userQuery:e,searchType:E,n_results:Number(w)\|\|5};if(t&&(n.api_key=t),"image"===E){if(!a)return void p("Image is required. Please upload an image first.");n.image=a}else if("object"===E){if(!v.trim())return void p("Please enter an objectId.");n.objectId=v.trim()}else if("class"===E){if(!S.trim())return void p("Please enter a class_name.");n.class_name=S.trim()}d(!0);try{const e=await fetch("/api/vision-rag/query",{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify(n)});if(!e.ok){let a=await e.text();try{a=JSON.stringify(JSON.parse(a),null,2)}catch(r){}throw new Error(a)}const a=await e.json(),t="Model: ".concat(a.model\|\|"-"," \| Latency: ").concat(a.latency_sec\|\|"-","s");let l="";a.retrieved&&a.retrieved.length>0&&(l="\n\nSearch Results:\n",a.retrieved.forEach((e,a)=>{l+="".concat(a+1,". ID: ").concat(e.id\|\|"-","\n"),e.meta&&(l+=" Class: ".concat(e.meta.class\|\|"-","\n"),l+=" Confidence: ".concat(e.meta.confidence\|\|"-","\n")),l+=" Similarity: ".concat(e.distance?e.distance.toFixed(4):"-","\n")})),s((a.answer\|\|"(No response)")+l+"\n\n---\n"+t)}catch(l){p("Error: "+l.message)}finally{d(!1)}},disabled:m},m?"Sending...":"Send Question"),r.a.createElement(h.a,{variant:"outlined",onClick:()=>{c(""),s(""),p("")}},"Clear"))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(W.a,{style:{margin:"12px 0"}}),r.a.createElement(u.a,{variant:"subtitle2",color:"textSecondary"},"Response"),r.a.createElement("pre",{style:{whiteSpace:"pre-wrap",fontFamily:"ui-monospace, monospace"}},i))))},se=(t(80),t(159)),me=t(160),de=t(162),ue=t(163),ge=t(164);const pe=Object(j.a)(e=>({root:{marginTop:e.spacing(3),marginBottom:e.spacing(3)},imageContainer:{position:"relative",minHeight:"360px",display:"flex",justifyContent:"center",alignItems:"center",border:"2px dashed #ccc",borderRadius:"8px",margin:e.spacing(1),padding:e.spacing(1),backgroundColor:"#fafafa",overflow:"hidden"},progressLog:{marginTop:e.spacing(2),height:"200px",overflowY:"auto",backgroundColor:"#f8f9fa",padding:e.spacing(1),borderRadius:"4px",fontFamily:"monospace",fontSize:"0.9rem"},logEntry:{margin:"4px 0",padding:"2px 5px",borderLeft:"3px solid #ccc"},logEntryAgent:{borderLeft:"3px solid #2196f3"},logEntrySystem:{borderLeft:"3px solid #4caf50"},logEntryError:{borderLeft:"3px solid #f44336"},logTime:{color:"#666",fontSize:"0.8rem",marginRight:e.spacing(1)},imagePreview:{width:"100%",height:"auto",maxHeight:"60vh",objectFit:"contain"},uploadIcon:{fontSize:"3rem",color:"#aaa"},uploadInput:{display:"none"},deleteButton:{position:"absolute",top:"8px",right:"8px",backgroundColor:"rgba(255, 255, 255, 0.8)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.9)"}},tabPanel:{padding:e.spacing(2)},resultCard:{marginTop:e.spacing(2),marginBottom:e.spacing(2)},comparisonTable:{width:"100%",borderCollapse:"collapse","& th, & td":{border:"1px solid #ddd",padding:"8px",textAlign:"left"},"& th":{backgroundColor:"#f2f2f2"},"& tr:nth-child(even)":{backgroundColor:"#f9f9f9"}},loadingContainer:{display:"flex",flexDirection:"column",alignItems:"center",padding:e.spacing(4)},highlight:{backgroundColor:"#e3f2fd",padding:e.spacing(1),borderRadius:"4px",fontWeight:"bold"}}));var Ee=()=>{const e=pe(),[a,t]=Object(n.useState)([null,null]),[l,o]=Object(n.useState)([null,null]),[c,i]=Object(n.useState)(!1),[m,d]=Object(n.useState)(null),[E,x]=Object(n.useState)(null),[S,C]=Object(n.useState)(0),[w,j]=Object(n.useState)([]),O=Object(n.useRef)(null),N=function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"info";const t=new Date,n=t.toLocaleTimeString(),r={time:n,message:e,type:a};j(e=>[...e,r])};Object(n.useEffect)(()=>{O.current&&O.current.scrollIntoView({behavior:"smooth"})},[w]);const B=e=>{const a=window.localStorage.getItem("auth_user_id"),t=window.localStorage.getItem("auth_username"),n=a&&t?"?uid=".concat(encodeURIComponent(a),"&uname=").concat(encodeURIComponent(t)):"",r=new EventSource("/api/product/compare/stream/".concat(e).concat(n));return r.onmessage=e=>{try{const a=JSON.parse(e.data);console.log("React SSE received:",a),a.message?N(a.message,a.agent\|\|"info"):a.status?N("Status: ".concat(a.status),"system"):a.final_result?(console.log("Final result received:",a.final_result),d(a.final_result),i(!1),r.close()):a.error&&(N("Error: ".concat(a.error),"error"),i(!1),r.close())}catch(a){console.error("SSE parsing error:",a),N("Event processing error: ".concat(a.message),"error")}},r.onerror=e=>{N("Server connection lost. Please try again in a moment.","error"),r.close(),i(!1)},r},T=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(a[0]\|\|a[1]){i(!0),x(null),j([]),N("Starting product analysis...","system");try{const t=new FormData;a[0]&&(t.append("image1",a[0]),N("Product A image uploaded.","info")),a[1]&&(t.append("image2",a[1]),N("Product B image uploaded.","info"));const n=["info","compare","value","recommend"],r=e\|\|n[S];t.append("analysisType",r),N("Analysis type: ".concat("info"===r?"Product Information":"compare"===r?"Performance Comparison":"value"===r?"Value Analysis":"Purchase Recommendation"),"system"),N("Initializing analysis session...","system");for(let[e,a]of t.entries())console.log("FormData:",e,a);const l=await fetch("/api/product/compare/start",{method:"POST",body:t,credentials:"include"});if(console.log("Response status:",l.status),console.log("Response headers:",l.headers),!l.ok){const e=await l.text();throw console.error("Error response:",e),new Error("HTTP error! Status: ".concat(l.status," - ").concat(e))}const o=(await l.json()).session_id;if(!o)throw new Error("Failed to receive session ID");N("Analysis session started. (Session ID: ".concat(o.substring(0,8),"...)"),"system"),N("Agents are collaborating to analyze products. Please wait a moment...","system");const c=B(o);return()=>{c.close()}}catch(t){console.error("\uc81c\ud488 \ubd84\uc11d \uc624\ub958:",t),N("Error occurred: ".concat(t.message),"error"),x("Error during analysis: ".concat(t.message)),i(!1)}}else x("Please upload at least one product image for analysis")};return r.a.createElement(f.a,{className:e.root},r.a.createElement(s.a,{p:3},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Product Comparison Analysis"),r.a.createElement(u.a,{variant:"body1",paragraph:!0},"Upload product images to receive detailed information and comparison analysis. You can analyze various products including cars, smartphones, laptops, and more."),r.a.createElement(y.a,{container:!0,spacing:3},[0,1].map(n=>r.a.createElement(y.a,{item:!0,xs:12,md:6,key:n},r.a.createElement(s.a,{className:e.imageContainer},l[n]?r.a.createElement(r.a.Fragment,null,r.a.createElement("img",{src:l[n],alt:"Product ".concat(n+1),className:e.imagePreview}),r.a.createElement(v.a,{className:e.deleteButton,onClick:()=>(e=>{const n=[...a],r=[...l];n[e]=null,r[e]=null,t(n),o(r),d(null)})(n)},r.a.createElement(se.a,null))):r.a.createElement(r.a.Fragment,null,r.a.createElement("input",{accept:"image/",className:e.uploadInput,id:"upload-image-".concat(n),type:"file",onChange:e=>((e,n)=>{const r=e.target.files[0];if(r){const e=new FileReader;e.onload=e=>{const a=[...l];a[n]=e.target.result,o(a)},e.readAsDataURL(r);const c=[...a];c[n]=r,t(c),d(null),x(null)}})(e,n)}),r.a.createElement("label",{htmlFor:"upload-image-".concat(n)},r.a.createElement(s.a,{display:"flex",flexDirection:"column",alignItems:"center"},r.a.createElement(me.a,{className:e.uploadIcon}),r.a.createElement(u.a,{variant:"body2",style:{marginTop:"8px"}},"Upload ",0===n?"Product A":"Product B"," Image"))))))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement("input",{accept:"image/",className:e.uploadInput,id:"upload-both-images",type:"file",multiple:!0,onChange:e=>{const n=Array.from(e.target.files\|\|[]);if(!n.length)return;const r=[...a],c=[...l];n.slice(0,2).forEach((e,a)=>{const t=a;r[t]=e;const n=new FileReader;n.onload=e=>{c[t]=e.target.result,o([...c])},n.readAsDataURL(e)}),t(r),d(null),x(null)}}),r.a.createElement("label",{htmlFor:"upload-both-images"},r.a.createElement(h.a,{variant:"text",color:"default",component:"span"},"Or select two files at once"))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(f.a,null,r.a.createElement(g.a,{value:S,onChange:(e,a)=>{C(a)},indicatorColor:"primary",textColor:"primary",centered:!0},r.a.createElement(p.a,{icon:r.a.createElement(de.a,null),label:"Product Info"}),r.a.createElement(p.a,{icon:r.a.createElement(ue.a,null),label:"Performance",disabled:!a[0]\|\|!a[1]}),r.a.createElement(p.a,{icon:r.a.createElement(ge.a,null),label:"Value Analysis"}),r.a.createElement(p.a,{label:"Recommendations"})),r.a.createElement(s.a,{p:2,display:"flex",justifyContent:"center",gridGap:12},r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:()=>T(null),disabled:c\|\|!a[0]&&!a[1],startIcon:c?r.a.createElement(b.a,{size:24}):null},c?"Analyzing...":"Start Analysis"),r.a.createElement(h.a,{variant:"outlined",color:"secondary",onClick:()=>T("compare"),disabled:c\|\|!a[0]\|\|!a[1],startIcon:r.a.createElement(ue.a,null)},"Compare Products")),E&&r.a.createElement(s.a,{p:2,bgcolor:"#ffebee",borderRadius:"4px",mb:2},r.a.createElement(u.a,{color:"error"},E)))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(f.a,null,r.a.createElement(s.a,{p:2},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Analysis Progress"),r.a.createElement(s.a,{className:e.progressLog},0===w.length?r.a.createElement(u.a,{variant:"body2",color:"textSecondary",style:{padding:"10px"}},"Progress details will appear here when analysis starts."):w.map((a,t)=>r.a.createElement(s.a,{key:t,className:"".concat(e.logEntry," ").concat("agent"===a.type?e.logEntryAgent:"system"===a.type?e.logEntrySystem:"error"===a.type?e.logEntryError:"")},r.a.createElement("span",{className:e.logTime},"[",a.time,"]"),a.message)),r.a.createElement("div",{ref:O}))))),r.a.createElement(y.a,{item:!0,xs:12},c?r.a.createElement(s.a,{className:e.loadingContainer},r.a.createElement(b.a,null),r.a.createElement(u.a,{variant:"h6",style:{marginTop:"16px"}},"Analyzing Products..."),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},"Product recognition, information retrieval, and comparison analysis in progress.")):(()=>{if(!m)return null;switch(S){case 0:return r.a.createElement(I.a,{className:e.resultCard},r.a.createElement(P.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Product Information"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.productInfo&&r.a.createElement("div",null,Object.entries(m.productInfo).map((e,a)=>{let[t,n]=e;return r.a.createElement("div",{key:t,style:{marginBottom:"24px"}},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},r.a.createElement("strong",null,"Product ",a+1," (",t,")")),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Type:")," ",n.product_type\|\|"Unknown"),n.key_features&&n.key_features.length>0&&r.a.createElement("div",{style:{marginTop:"12px"}},r.a.createElement(u.a,{variant:"subtitle2"},"Key Features:"),r.a.createElement("ul",null,n.key_features.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},e))))),m.specifications&&m.specifications[t]&&r.a.createElement("div",{style:{marginTop:"12px"}},r.a.createElement(u.a,{variant:"subtitle2"},"Specifications:"),r.a.createElement("ul",null,Object.entries(m.specifications[t].specifications\|\|{}).map(e=>{let[a,t]=e;return r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},r.a.createElement("strong",null,a.replace("_"," "),":")," ",Array.isArray(t)?t.join(", "):t))}))))}))));case 1:return r.a.createElement(I.a,{className:e.resultCard},r.a.createElement(P.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Product Comparison Analysis"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.comparison&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"body1",style:{whiteSpace:"pre-line",marginBottom:"16px"}},"string"===typeof m.comparison?m.comparison:JSON.stringify(m.comparison,null,2)))));case 2:return r.a.createElement(I.a,{className:e.resultCard},r.a.createElement(P.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Price-to-Value Analysis"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.valueAnalysis&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"body1",style:{whiteSpace:"pre-line",marginBottom:"16px"}},"string"===typeof m.valueAnalysis?m.valueAnalysis:JSON.stringify(m.valueAnalysis,null,2)))));case 3:return r.a.createElement(I.a,{className:e.resultCard},r.a.createElement(P.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Purchase Recommendations"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.recommendation&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"body1",style:{whiteSpace:"pre-line",marginBottom:"16px"}},"string"===typeof m.recommendation?m.recommendation:JSON.stringify(m.recommendation,null,2))),!m.recommendation&&!m.valueAnalysis&&!m.comparison&&!m.productInfo&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"body1",style:{whiteSpace:"pre-line",marginBottom:"16px"}},JSON.stringify(m,null,2)))));default:return null}})()))))};t(104);const ye=Object(c.a)({palette:{primary:{main:"#3f51b5"},secondary:{main:"#f50057"}},typography:{fontFamily:"Roboto, Arial, sans-serif"}});var fe=function(){const[e,a]=Object(n.useState)(null),[t,l]=Object(n.useState)(""),[o,c]=Object(n.useState)(""),[h,v]=Object(n.useState)(!1),[x,S]=Object(n.useState)(null),[C,w]=Object(n.useState)(null),[j,O]=Object(n.useState)({yolo:!1,detr:!1,vit:!1}),[I,P]=Object(n.useState)(0);return Object(n.useEffect)(()=>{fetch("/api/status").then(e=>e.json()).then(e=>{O(e.models)}).catch(e=>{console.error("Error checking API status:",e),w("Error connecting to the backend API. Please make sure the server is running.")})},[]),r.a.createElement(i.a,{theme:ye},r.a.createElement(s.a,{style:{flexGrow:1}},r.a.createElement(m.a,{position:"static"},r.a.createElement(d.a,null,r.a.createElement(u.a,{variant:"h6",style:{flexGrow:1}},"Vision LLM Multi-Agent System")),r.a.createElement(g.a,{value:I,onChange:(e,a)=>P(a),indicatorColor:"secondary",textColor:"inherit",centered:!0},r.a.createElement(p.a,{label:"Object Detection"}),r.a.createElement(p.a,{label:"Product Comparison"}))),r.a.createElement(E.a,{maxWidth:"lg",style:{marginTop:ye.spacing(4),marginBottom:ye.spacing(4)}},0===I?r.a.createElement(y.a,{container:!0,spacing:3},r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(f.a,{style:{padding:ye.spacing(2)}},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Upload an image to see how each model performs!"),r.a.createElement(u.a,{variant:"body1",paragraph:!0},"This demo showcases three different object detection and image classification models:"),r.a.createElement(u.a,{variant:"body1",component:"div"},r.a.createElement("ul",null,r.a.createElement("li",null,r.a.createElement("strong",null,"YOLOv8"),": Fast and accurate object detection"),r.a.createElement("li",null,r.a.createElement("strong",null,"DETR"),": DEtection TRansformer for object detection"),r.a.createElement("li",null,r.a.createElement("strong",null,"ViT"),": Vision Transformer for image classification"))))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(N,{onImageUpload:e=>{if(a(e),S(null),w(null),e instanceof File){const a=new FileReader;a.onload=()=>{const e=a.result;l("string"===typeof e?e:"")},a.onerror=()=>l(""),a.readAsDataURL(e)}else l("")}})),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(z,{onModelSelect:e=>{c(e),S(null),w(null)},onProcess:async()=>{if(!e\|\|!o)return void w("Please select both an image and a model");v(!0),w(null);const a=new FormData;a.append("image",e);let t="";switch(o){case"yolo":t="/api/detect/yolo";break;case"detr":t="/api/detect/detr";break;case"vit":t="/api/classify/vit";break;default:return w("Invalid model selection"),void v(!1)}try{const e=await fetch(t,{method:"POST",body:a});if(!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const n=await e.json();S({model:o,data:n})}catch(n){console.error("Error processing image:",n),w("Error processing image: ".concat(n.message))}finally{v(!1)}},isProcessing:h,modelsStatus:j,selectedModel:o,imageSelected:!!e})),C&&r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(f.a,{style:{padding:ye.spacing(2),backgroundColor:"#ffebee"}},r.a.createElement(u.a,{color:"error"},C))),h&&r.a.createElement(y.a,{item:!0,xs:12,style:{textAlign:"center",margin:"".concat(ye.spacing(4),"px 0")}},r.a.createElement(b.a,null),r.a.createElement(u.a,{variant:"h6",style:{marginTop:ye.spacing(2)}},"Processing image...")),x&&r.a.createElement(r.a.Fragment,null,r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(le,{results:x})),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(ce,{visionResults:x.data,model:x.model}))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(ie,{imageBase64:t}))):r.a.createElement(Ee,null))))};var be=e=>{e&&e instanceof Function&&t.e(3).then(t.bind(null,181)).then(a=>{let{getCLS:t,getFID:n,getFCP:r,getLCP:l,getTTFB:o}=a;t(e),n(e),r(e),l(e),o(e)})};o.a.render(r.a.createElement(r.a.StrictMode,null,r.a.createElement(fe,null)),document.getElementById("root")),be()},94:function(e,a,t){e.exports=t(105)},99:function(e,a,t){}},[[94,1,2]]]);
2	+ //# sourceMappingURL=main.94c74413.chunk.js.map

static/static/js/main.94c74413.chunk.js.map ADDED Viewed

The diff for this file is too large to render. See raw diff

static/static/js/main.acde7694.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (this["webpackJsonpvision-web-app"]=this["webpackJsonpvision-web-app"]\|\|[]).push([[0],{104:function(e,a,t){},105:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),l=t(11),o=t.n(l),c=(t(99),t(79)),s=t(165),i=t(169),m=t(166),d=t(167),u=t(49),g=t(171),p=t(161),E=t(168),y=t(142),b=t(83),f=t(147),h=t(140),v=t(141),x=t(65),S=t.n(x),C=t(76),j=t.n(C),w=t(137);const P=Object(w.a)(e=>({paper:{padding:e.spacing(2),display:"flex",flexDirection:"column",alignItems:"center",height:"100%",minHeight:300,transition:"all 0.3s ease"},dragActive:{border:"2px dashed #3f51b5",backgroundColor:"rgba(63, 81, 181, 0.05)"},dragInactive:{border:"2px dashed #ccc",backgroundColor:"white"},uploadBox:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",cursor:"pointer"},uploadIcon:{fontSize:60,color:"#3f51b5",marginBottom:e.spacing(2)},supportText:{marginTop:e.spacing(2)},previewBox:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",height:"100%",position:"relative"},imageContainer:{position:"relative",width:"100%",height:"45vh",[e.breakpoints.down("sm")]:{height:"35vh"},display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",marginTop:e.spacing(2)},deleteButton:{position:"absolute",top:0,right:0,backgroundColor:"rgba(255, 255, 255, 0.7)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.9)"}}}));var I=e=>{let{onImageUpload:a}=e;const t=P(),[l,o]=Object(n.useState)(null),[c,s]=Object(n.useState)(!1),m=Object(n.useRef)(null),d=e=>{e.preventDefault(),e.stopPropagation(),"dragenter"===e.type\|\|"dragover"===e.type?s(!0):"dragleave"===e.type&&s(!1)},g=e=>{e.type.startsWith("image/")?(o(URL.createObjectURL(e)),a(e)):alert("Please upload an image file")};return r.a.createElement(b.a,{className:"".concat(t.paper," ").concat(c?t.dragActive:t.dragInactive),onDragEnter:d,onDragLeave:d,onDragOver:d,onDrop:e=>{e.preventDefault(),e.stopPropagation(),s(!1),e.dataTransfer.files&&e.dataTransfer.files[0]&&g(e.dataTransfer.files[0])}},r.a.createElement("input",{ref:m,type:"file",accept:"image/",onChange:e=>{e.preventDefault(),e.target.files&&e.target.files[0]&&g(e.target.files[0])},style:{display:"none"}}),l?r.a.createElement(i.a,{className:t.previewBox},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Preview"),r.a.createElement(i.a,{className:t.imageContainer},r.a.createElement("img",{src:l,alt:"Preview",className:"preview-image",style:{maxWidth:"100%",maxHeight:"100%",width:"auto",height:"auto",objectFit:"contain",display:"block"}}),r.a.createElement(v.a,{"aria-label":"delete",className:t.deleteButton,onClick:()=>{o(null),a(null),m.current.value=""}},r.a.createElement(j.a,null)))):r.a.createElement(i.a,{className:t.uploadBox,onClick:()=>{m.current.click()}},r.a.createElement(S.a,{className:t.uploadIcon}),r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Drag & Drop an image here"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},"or"),r.a.createElement(h.a,{variant:"contained",color:"primary",component:"span",startIcon:r.a.createElement(S.a,null)},"Browse Files"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",className:t.supportText},"Supported formats: JPG, PNG, GIF")))},N=t(143),T=t(144),O=t(176),B=t(145),A=t(66),k=t.n(A),D=t(77),R=t.n(D),F=t(78),L=t.n(F);const z=Object(w.a)(e=>({card:{height:"100%",display:"flex",flexDirection:"column"},selectedCard:{border:"2px solid #3f51b5"},unavailableCard:{opacity:.6},cardContent:{flexGrow:1},chipContainer:{marginBottom:e.spacing(1.5)},successChip:{backgroundColor:"#34C759",color:"#fff"},errorChip:{backgroundColor:"#FF3B3F",color:"#fff"},modelType:{marginTop:e.spacing(1)},processButton:{marginTop:e.spacing(3),textAlign:"center"}}));var _=e=>{let{onModelSelect:a,onProcess:t,isProcessing:n,modelsStatus:l,selectedModel:o,imageSelected:c}=e;const s=z(),m=[{id:"yolo",name:"YOLOv8",description:"Fast and accurate object detection",icon:r.a.createElement(k.a,null),available:l.yolo},{id:"detr",name:"DETR",description:"DEtection TRansformer for object detection",icon:r.a.createElement(k.a,null),available:l.detr},{id:"vit",name:"ViT",description:"Vision Transformer for image classification",icon:r.a.createElement(R.a,null),available:l.vit}],d=e=>{m.find(a=>a.id===e).available&&a(e)};return r.a.createElement(i.a,{sx:{p:2,height:"100%"}},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Select Model"),r.a.createElement(y.a,{container:!0,spacing:2},m.map(e=>r.a.createElement(y.a,{item:!0,xs:12,sm:4,key:e.id},r.a.createElement(N.a,{className:"\n ".concat(s.card," \n ").concat(o===e.id?s.selectedCard:""," \n ").concat(e.available?"":s.unavailableCard,"\n "),onClick:()=>d(e.id)},r.a.createElement(T.a,{className:s.cardContent},r.a.createElement(i.a,{sx:{mb:2,color:"primary"}},e.icon),r.a.createElement(u.a,{variant:"h5",component:"div",gutterBottom:!0},e.name),r.a.createElement("div",{className:s.chipContainer},e.available?r.a.createElement(O.a,{label:"Available",className:s.successChip,size:"small"}):r.a.createElement(O.a,{label:"Not Available",className:s.errorChip,size:"small"})),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},e.description)),r.a.createElement(B.a,null,r.a.createElement(h.a,{size:"small",onClick:()=>d(e.id),disabled:!e.available,color:o===e.id?"primary":"default",variant:o===e.id?"contained":"outlined",fullWidth:!0},o===e.id?"Selected":"Select")))))),r.a.createElement("div",{className:s.processButton},r.a.createElement(h.a,{variant:"contained",color:"primary",size:"large",startIcon:r.a.createElement(L.a,null),onClick:t,disabled:!o\|\|!c\|\|n},n?"Processing...":"Process Image")))},W=t(157),M=t(154),V=t(107),U=t(158),H=t(146),J=t(174),G=t(175),Y=t(149),q=t(150),K=t(151),Q=t(177),X=t(170),Z=t(155),$=t(179),ee=t(156),ae=t(173);const te=Object(w.a)(e=>({root:{marginTop:e.spacing(2),marginBottom:e.spacing(2),padding:e.spacing(2),backgroundColor:"#f5f5f5",borderRadius:e.shape.borderRadius},button:{marginRight:e.spacing(2)},searchDialog:{minWidth:"500px"},formControl:{marginBottom:e.spacing(2),minWidth:"100%"},searchResults:{marginTop:e.spacing(2)},resultCard:{marginBottom:e.spacing(2)},resultImage:{height:140,objectFit:"contain"},chip:{margin:e.spacing(.5)},similarityChip:{backgroundColor:e.palette.primary.main,color:"white"}}));var ne=e=>{let{results:a}=e;const t=te(),[l,o]=Object(n.useState)(!1),[c,s]=Object(n.useState)(!1),[m,d]=Object(n.useState)(null),[g,p]=Object(n.useState)(!1),[E,b]=Object(n.useState)("image"),[v,x]=Object(n.useState)(""),[S,C]=Object(n.useState)([]),[j,w]=Object(n.useState)(!1),[P,I]=Object(n.useState)(null),{model:B,data:A}=a,k=()=>{p(!1)},D=()=>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const a=16Math.random()\|0;return("x"===e?a:3&a\|8).toString(16)}));return r.a.createElement(i.a,{className:t.root},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Vector Database Actions"),r.a.createElement(i.a,{display:"flex",alignItems:"center",mb:2},r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:async()=>{o(!0),d(null);try{let e;if(e="vit"===B?await fetch("/api/add-to-collection",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:A.image,metadata:{model:"vit",classifications:A.classifications}})}):await fetch("/api/add-detected-objects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:A.image,objects:A.detections,imageId:D()})}),!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const a=await e.json();if(a.error)throw new Error(a.error);s(!0),setTimeout(()=>s(!1),5e3)}catch(e){console.error("Error saving to vector DB:",e),d("Error saving to vector DB: ".concat(e.message))}finally{o(!1)}},disabled:l,className:t.button},l?r.a.createElement(r.a.Fragment,null,r.a.createElement(f.a,{size:20,color:"inherit",style:{marginRight:8}}),"Saving..."):"Save to Vector DB"),r.a.createElement(h.a,{variant:"outlined",color:"primary",onClick:()=>{p(!0),C([]),I(null)},className:t.button},"Search Similar")),m&&r.a.createElement(ae.a,{severity:"error",style:{marginTop:8}},m),r.a.createElement(J.a,{open:c,autoHideDuration:5e3,onClose:()=>s(!1)},r.a.createElement(ae.a,{severity:"success"},"vit"===B?"Image and classifications successfully saved to vector DB!":"Detected objects successfully saved to vector DB!")),r.a.createElement(G.a,{open:g,onClose:k,maxWidth:"md",fullWidth:!0},r.a.createElement(Y.a,null,"Search Vector Database"),r.a.createElement(q.a,null,r.a.createElement(K.a,{className:t.formControl},r.a.createElement(Q.a,{id:"search-type-label"},"Search Type"),r.a.createElement(X.a,{labelId:"search-type-label",id:"search-type",value:E,onChange:e=>{b(e.target.value),C([]),I(null)}},r.a.createElement(Z.a,{value:"image"},"Search by Current Image"),r.a.createElement(Z.a,{value:"class"},"Search by Class Name"))),"class"===E&&r.a.createElement(K.a,{className:t.formControl},r.a.createElement($.a,{label:"Class Name",value:v,onChange:e=>{x(e.target.value)},placeholder:"e.g. person, car, dog...",fullWidth:!0})),P&&r.a.createElement(ae.a,{severity:"error",style:{marginBottom:16}},P),r.a.createElement(i.a,{className:t.searchResults},j?r.a.createElement(i.a,{display:"flex",justifyContent:"center",alignItems:"center",p:4},r.a.createElement(f.a,null),r.a.createElement(u.a,{variant:"body1",style:{marginLeft:16}},"Searching...")):r.a.createElement(r.a.Fragment,null,console.log("Search dialog render - searchResults:",S),S.length>0?(console.log("Rendering search results:",S),console.log("Search results length:",S.length),0===S.length?(console.log("No results to render"),r.a.createElement(u.a,{variant:"body1"},"No results found.")):r.a.createElement(y.a,{container:!0,spacing:2},S.map((e,a)=>{const n=100(1-e.distance);return r.a.createElement(y.a,{item:!0,xs:12,sm:6,key:a},r.a.createElement(N.a,{className:t.resultCard},e.metadata&&e.metadata.image_data?r.a.createElement(H.a,{className:t.resultImage,component:"img",height:"200",image:"data:image/jpeg;base64,".concat(e.metadata.image_data),alt:e.metadata&&e.metadata.class?e.metadata.class:"Object"}):r.a.createElement(i.a,{className:t.resultImage,style:{backgroundColor:"#f0f0f0",display:"flex",alignItems:"center",justifyContent:"center",height:200}},r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},e.metadata&&e.metadata.class?e.metadata.class:"Object"," Image")),r.a.createElement(T.a,null,r.a.createElement(i.a,{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},r.a.createElement(u.a,{variant:"subtitle1"},"Result #",a+1),r.a.createElement(O.a,{label:"Similarity: ".concat(n.toFixed(2),"%"),className:t.similarityChip,size:"small"})),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Class:")," ",e.metadata.class\|\|"N/A"),e.metadata.confidence&&r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Confidence:")," ",(100e.metadata.confidence).toFixed(2),"%"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Object ID:")," ",e.id))))}))):r.a.createElement(u.a,{variant:"body1"},"No results found. Please try another search.")))),r.a.createElement(ee.a,null,r.a.createElement(h.a,{onClick:k,color:"default"},"Close"),r.a.createElement(h.a,{onClick:async()=>{w(!0),I(null);try{let e={};if("image"===E)e={searchType:"image",image:A.image,n_results:5};else{if(!v.trim())throw new Error("Please enter a class name");e={searchType:"class",class_name:v.trim(),n_results:5}}const a=await fetch("/api/search-similar-objects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!a.ok)throw new Error("HTTP error! Status: ".concat(a.status));const t=await a.json();if(t.error)throw new Error(t.error);if(console.log("Search API response:",t),!t.success\|\|!Array.isArray(t.results))throw console.error("Unexpected API response format:",t),new Error("Unexpected API response format");console.log("Setting search results array:",t.results),console.log("Results array length:",t.results.length),console.log("First result item:",t.results[0]),C(t.results)}catch(e){console.error("Error searching vector DB:",e),I("Error searching vector DB: ".concat(e.message))}finally{w(!1)}},color:"primary",variant:"contained",disabled:j\|\|"class"===E&&!v.trim()},"Search"))))};const re=Object(w.a)(e=>({paper:{padding:e.spacing(2)},marginBottom:{marginBottom:e.spacing(2)},resultImage:{maxWidth:"100%",maxHeight:"400px",objectFit:"contain"},dividerMargin:{margin:"".concat(e.spacing(2),"px 0")},chipContainer:{display:"flex",gap:e.spacing(1),flexWrap:"wrap"}}));var le=e=>{let{results:a}=e;const t=re();if(!a)return null;const{model:n,data:l}=a;if(l.error)return r.a.createElement(b.a,{sx:{p:2,bgcolor:"#ffebee"}},r.a.createElement(u.a,{color:"error"},l.error));const o=()=>l.performance?r.a.createElement(i.a,{className:"performance-info"},r.a.createElement(W.a,{className:t.dividerMargin}),r.a.createElement(u.a,{variant:"body2"},"Inference time: ",(e=>{if(void 0===e\|\|null===e\|\|isNaN(e))return"-";const a=Number(e);return a<1e3?"".concat(a.toFixed(2)," ms"):"".concat((a/1e3).toFixed(2)," s")})(l.performance.inference_time)," on ",l.performance.device)):null;return"yolo"===n\|\|"detr"===n?r.a.createElement(b.a,{className:t.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"yolo"===n?"YOLOv8":"DETR"," Detection Results"),r.a.createElement(y.a,{container:!0,spacing:3},r.a.createElement(y.a,{item:!0,xs:12,md:6},l.image&&r.a.createElement(i.a,{className:t.marginBottom},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Detection Result"),r.a.createElement("img",{src:"data:image/png;base64,".concat(l.image),alt:"Detection Result",className:t.resultImage}))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(i.a,{className:t.marginBottom},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Detected Objects:"),l.detections&&l.detections.length>0?r.a.createElement(M.a,null,l.detections.map((e,a)=>r.a.createElement(r.a.Fragment,{key:a},r.a.createElement(V.a,null,r.a.createElement(U.a,{primary:r.a.createElement(i.a,{style:{display:"flex",alignItems:"center"}},r.a.createElement(u.a,{variant:"body1",component:"span"},e.class),r.a.createElement(O.a,{label:"".concat((100e.confidence).toFixed(0),"%"),size:"small",color:"primary",style:{marginLeft:8}})),secondary:"Bounding Box: [".concat(e.bbox.join(", "),"]")})),a<l.detections.length-1&&r.a.createElement(W.a,null)))):r.a.createElement(u.a,{variant:"body1"},"No objects detected")))),o(),r.a.createElement(ne,{results:a})):"vit"===n?r.a.createElement(b.a,{className:t.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"ViT Classification Results"),r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Top Predictions:"),l.top_predictions&&l.top_predictions.length>0?r.a.createElement(M.a,null,l.top_predictions.map((e,a)=>r.a.createElement(r.a.Fragment,{key:a},r.a.createElement(V.a,null,r.a.createElement(U.a,{primary:r.a.createElement(i.a,{style:{display:"flex",alignItems:"center"}},r.a.createElement(u.a,{variant:"body1",component:"span"},e.rank,". ",e.class),r.a.createElement(O.a,{label:"".concat((100e.probability).toFixed(1),"%"),size:"small",color:0===a?"primary":"default",style:{marginLeft:8}}))})),a<l.top_predictions.length-1&&r.a.createElement(W.a,null)))):r.a.createElement(u.a,{variant:"body1"},"No classifications available"),o(),r.a.createElement(ne,{results:a})):null};const oe=Object(w.a)(e=>({paper:{padding:e.spacing(2),marginTop:e.spacing(2)},marginBottom:{marginBottom:e.spacing(2)},dividerMargin:{margin:"".concat(e.spacing(2),"px 0")},responseBox:{padding:e.spacing(2),backgroundColor:"#f5f5f5",borderRadius:e.shape.borderRadius,marginTop:e.spacing(2),whiteSpace:"pre-wrap"},buttonProgress:{marginLeft:e.spacing(1)}}));var ce=e=>{let{visionResults:a,model:t}=e;const l=oe(),[o,c]=Object(n.useState)(""),[s,m]=Object(n.useState)(!1),[d,g]=Object(n.useState)(null),[p,E]=Object(n.useState)(null);return a?r.a.createElement(b.a,{className:l.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Ask AI about the ","vit"===t?"Classification":"Detection"," Results"),r.a.createElement(u.a,{variant:"body2",className:l.marginBottom},"Ask a question about the detected objects or classifications to get an AI-powered analysis."),r.a.createElement($.a,{fullWidth:!0,label:"Your question about the image",variant:"outlined",value:o,onChange:e=>c(e.target.value),disabled:s,className:l.marginBottom,placeholder:"vit"===t?"E.g., What category does this image belong to?":"E.g., How many people are in this image?"}),r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:async()=>{if(o.trim()){m(!0),E(null);try{const e=await fetch("/api/analyze",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({visionResults:a,userQuery:o})});if(!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const t=await e.json();t.error?E(t.error):g(t)}catch(e){console.error("Error analyzing with LLM:",e),E("Error analyzing with LLM: ".concat(e.message))}finally{m(!1)}}},disabled:s\|\|!o.trim()},"Analyze with AI",s&&r.a.createElement(f.a,{size:24,className:l.buttonProgress})),p&&r.a.createElement(i.a,{mt:2},r.a.createElement(u.a,{color:"error"},p)),d&&r.a.createElement(r.a.Fragment,null,r.a.createElement(W.a,{className:l.dividerMargin}),r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"AI Analysis:"),r.a.createElement(i.a,{className:l.responseBox},r.a.createElement(u.a,{variant:"body1"},d.response)),d.performance&&r.a.createElement(i.a,{mt:1},r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},"Analysis time: ",(e=>{if(void 0===e\|\|null===e\|\|isNaN(e))return"-";const a=Number(e);return a<1e3?"".concat(a.toFixed(2)," ms"):"".concat((a/1e3).toFixed(2)," s")})(d.performance.inference_time)," on ",d.performance.device)))):null};var se=function(e){let{imageBase64:a}=e;const[t,l]=Object(n.useState)(""),[o,c]=Object(n.useState)(""),[s,i]=Object(n.useState)(""),[m,d]=Object(n.useState)(!1),[g,p]=Object(n.useState)(""),[E,f]=Object(n.useState)("image"),[v,x]=Object(n.useState)(""),[S,C]=Object(n.useState)(""),[j,w]=Object(n.useState)(5);return r.a.createElement(b.a,{style:{padding:16}},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Vision RAG (LangChain)"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},"If OPENAI_API_KEY is set on the server, API Key is optional. Select a search type and send a question to get answers based on context retrieved from the vector DB."),r.a.createElement(y.a,{container:!0,spacing:2},r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(K.a,{fullWidth:!0,variant:"outlined",size:"small"},r.a.createElement(Q.a,{id:"search-type-label"},"Search Type"),r.a.createElement(X.a,{labelId:"search-type-label",value:E,onChange:e=>f(e.target.value),label:"Search Type"},r.a.createElement(Z.a,{value:"image"},"image (current upload)"),r.a.createElement(Z.a,{value:"object"},"object (objectId)"),r.a.createElement(Z.a,{value:"class"},"class (class_name)")))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"OpenAI API Key (optional)",value:t,onChange:e=>l(e.target.value),fullWidth:!0,variant:"outlined",size:"small",type:"password",placeholder:"sk-..."})),"object"===E&&r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"objectId",value:v,onChange:e=>x(e.target.value),fullWidth:!0,variant:"outlined",size:"small"})),"class"===E&&r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"class_name",value:S,onChange:e=>C(e.target.value),fullWidth:!0,variant:"outlined",size:"small",placeholder:"e.g. person, car, dog"})),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement($.a,{label:"n_results",value:j,onChange:e=>w(e.target.value),fullWidth:!0,variant:"outlined",size:"small",type:"number",inputProps:{min:1,max:50}})),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement($.a,{label:"User Question",value:o,onChange:e=>c(e.target.value),fullWidth:!0,multiline:!0,rows:4,variant:"outlined",placeholder:"image"===E?"Answer based on the uploaded image":"Answer using the retrieved object context"})),g&&r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(u.a,{color:"error"},g)),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement("div",{style:{display:"flex",gap:8}},r.a.createElement(h.a,{color:"primary",variant:"contained",onClick:async()=>{p(""),i("");const e=(o\|\|"").trim();if(!e)return void p("Please enter a question.");const n={userQuery:e,searchType:E,n_results:Number(j)\|\|5};if(t&&(n.api_key=t),"image"===E){if(!a)return void p("Image is required. Please upload an image first.");n.image=a}else if("object"===E){if(!v.trim())return void p("Please enter an objectId.");n.objectId=v.trim()}else if("class"===E){if(!S.trim())return void p("Please enter a class_name.");n.class_name=S.trim()}d(!0);try{const e=await fetch("/api/vision-rag/query",{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify(n)});if(!e.ok){let a=await e.text();try{a=JSON.stringify(JSON.parse(a),null,2)}catch(r){}throw new Error(a)}const a=await e.json(),t="Model: ".concat(a.model\|\|"-"," \| Latency: ").concat(a.latency_sec\|\|"-","s");let l="";a.retrieved&&a.retrieved.length>0&&(l="\n\nSearch Results:\n",a.retrieved.forEach((e,a)=>{l+="".concat(a+1,". ID: ").concat(e.id\|\|"-","\n"),e.meta&&(l+=" Class: ".concat(e.meta.class\|\|"-","\n"),l+=" Confidence: ".concat(e.meta.confidence\|\|"-","\n")),l+=" Similarity: ".concat(e.distance?e.distance.toFixed(4):"-","\n")})),i((a.answer\|\|"(No response)")+l+"\n\n---\n"+t)}catch(l){p("Error: "+l.message)}finally{d(!1)}},disabled:m},m?"Sending...":"Send Question"),r.a.createElement(h.a,{variant:"outlined",onClick:()=>{c(""),i(""),p("")}},"Clear"))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(W.a,{style:{margin:"12px 0"}}),r.a.createElement(u.a,{variant:"subtitle2",color:"textSecondary"},"Response"),r.a.createElement("pre",{style:{whiteSpace:"pre-wrap",fontFamily:"ui-monospace, monospace"}},s))))},ie=(t(80),t(159)),me=t(160),de=t(162),ue=t(163),ge=t(164);const pe=Object(w.a)(e=>({root:{marginTop:e.spacing(3),marginBottom:e.spacing(3)},imageContainer:{position:"relative",minHeight:"360px",display:"flex",justifyContent:"center",alignItems:"center",border:"2px dashed #ccc",borderRadius:"8px",margin:e.spacing(1),padding:e.spacing(1),backgroundColor:"#fafafa",overflow:"hidden"},progressLog:{marginTop:e.spacing(2),height:"200px",overflowY:"auto",backgroundColor:"#f8f9fa",padding:e.spacing(1),borderRadius:"4px",fontFamily:"monospace",fontSize:"0.9rem"},logEntry:{margin:"4px 0",padding:"2px 5px",borderLeft:"3px solid #ccc"},logEntryAgent:{borderLeft:"3px solid #2196f3"},logEntrySystem:{borderLeft:"3px solid #4caf50"},logEntryError:{borderLeft:"3px solid #f44336"},logTime:{color:"#666",fontSize:"0.8rem",marginRight:e.spacing(1)},imagePreview:{width:"100%",height:"auto",maxHeight:"60vh",objectFit:"contain"},uploadIcon:{fontSize:"3rem",color:"#aaa"},uploadInput:{display:"none"},deleteButton:{position:"absolute",top:"8px",right:"8px",backgroundColor:"rgba(255, 255, 255, 0.8)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.9)"}},tabPanel:{padding:e.spacing(2)},resultCard:{marginTop:e.spacing(2),marginBottom:e.spacing(2)},comparisonTable:{width:"100%",borderCollapse:"collapse","& th, & td":{border:"1px solid #ddd",padding:"8px",textAlign:"left"},"& th":{backgroundColor:"#f2f2f2"},"& tr:nth-child(even)":{backgroundColor:"#f9f9f9"}},loadingContainer:{display:"flex",flexDirection:"column",alignItems:"center",padding:e.spacing(4)},highlight:{backgroundColor:"#e3f2fd",padding:e.spacing(1),borderRadius:"4px",fontWeight:"bold"}}));var Ee=()=>{const e=pe(),[a,t]=Object(n.useState)([null,null]),[l,o]=Object(n.useState)([null,null]),[c,s]=Object(n.useState)(!1),[m,d]=Object(n.useState)(null),[E,x]=Object(n.useState)(null),[S,C]=Object(n.useState)(0),[j,w]=Object(n.useState)([]),P=Object(n.useRef)(null),I=function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"info";const t=new Date,n=t.toLocaleTimeString(),r={time:n,message:e,type:a};w(e=>[...e,r])};Object(n.useEffect)(()=>{P.current&&P.current.scrollIntoView({behavior:"smooth"})},[j]);const O=e=>{const a=new EventSource("/api/product/compare/stream/".concat(e));return a.onmessage=e=>{try{const t=JSON.parse(e.data);console.log("React SSE received:",t),t.message?I(t.message,t.agent\|\|"info"):t.status?I("Status: ".concat(t.status),"system"):t.final_result?(console.log("Final result received:",t.final_result),d(t.final_result),s(!1),a.close()):t.error&&(I("Error: ".concat(t.error),"error"),s(!1),a.close())}catch(t){console.error("SSE parsing error:",t),I("Event processing error: ".concat(t.message),"error")}},a.onerror=e=>{I("Server connection lost. Please try again in a moment.","error"),a.close(),s(!1)},a},B=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(a[0]\|\|a[1]){s(!0),x(null),w([]),I("Starting product analysis...","system");try{const t=new FormData;a[0]&&(t.append("image1",a[0]),I("Product A image uploaded.","info")),a[1]&&(t.append("image2",a[1]),I("Product B image uploaded.","info"));const n=["info","compare","value","recommend"],r=e\|\|n[S];t.append("analysisType",r),I("Analysis type: ".concat("info"===r?"Product Information":"compare"===r?"Performance Comparison":"value"===r?"Value Analysis":"Purchase Recommendation"),"system"),I("Initializing analysis session...","system");for(let[e,a]of t.entries())console.log("FormData:",e,a);const l=await fetch("/api/product/compare/start",{method:"POST",body:t,credentials:"include"});if(console.log("Response status:",l.status),console.log("Response headers:",l.headers),!l.ok){const e=await l.text();throw console.error("Error response:",e),new Error("HTTP error! Status: ".concat(l.status," - ").concat(e))}const o=(await l.json()).session_id;if(!o)throw new Error("Failed to receive session ID");I("Analysis session started. (Session ID: ".concat(o.substring(0,8),"...)"),"system"),I("Agents are collaborating to analyze products. Please wait a moment...","system");const c=O(o);return()=>{c.close()}}catch(t){console.error("\uc81c\ud488 \ubd84\uc11d \uc624\ub958:",t),I("Error occurred: ".concat(t.message),"error"),x("Error during analysis: ".concat(t.message)),s(!1)}}else x("Please upload at least one product image for analysis")};return r.a.createElement(b.a,{className:e.root},r.a.createElement(i.a,{p:3},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Product Comparison Analysis"),r.a.createElement(u.a,{variant:"body1",paragraph:!0},"Upload product images to receive detailed information and comparison analysis. You can analyze various products including cars, smartphones, laptops, and more."),r.a.createElement(y.a,{container:!0,spacing:3},[0,1].map(n=>r.a.createElement(y.a,{item:!0,xs:12,md:6,key:n},r.a.createElement(i.a,{className:e.imageContainer},l[n]?r.a.createElement(r.a.Fragment,null,r.a.createElement("img",{src:l[n],alt:"Product ".concat(n+1),className:e.imagePreview}),r.a.createElement(v.a,{className:e.deleteButton,onClick:()=>(e=>{const n=[...a],r=[...l];n[e]=null,r[e]=null,t(n),o(r),d(null)})(n)},r.a.createElement(ie.a,null))):r.a.createElement(r.a.Fragment,null,r.a.createElement("input",{accept:"image/",className:e.uploadInput,id:"upload-image-".concat(n),type:"file",onChange:e=>((e,n)=>{const r=e.target.files[0];if(r){const e=new FileReader;e.onload=e=>{const a=[...l];a[n]=e.target.result,o(a)},e.readAsDataURL(r);const c=[...a];c[n]=r,t(c),d(null),x(null)}})(e,n)}),r.a.createElement("label",{htmlFor:"upload-image-".concat(n)},r.a.createElement(i.a,{display:"flex",flexDirection:"column",alignItems:"center"},r.a.createElement(me.a,{className:e.uploadIcon}),r.a.createElement(u.a,{variant:"body2",style:{marginTop:"8px"}},"Upload ",0===n?"Product A":"Product B"," Image"))))))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement("input",{accept:"image/",className:e.uploadInput,id:"upload-both-images",type:"file",multiple:!0,onChange:e=>{const n=Array.from(e.target.files\|\|[]);if(!n.length)return;const r=[...a],c=[...l];n.slice(0,2).forEach((e,a)=>{const t=a;r[t]=e;const n=new FileReader;n.onload=e=>{c[t]=e.target.result,o([...c])},n.readAsDataURL(e)}),t(r),d(null),x(null)}}),r.a.createElement("label",{htmlFor:"upload-both-images"},r.a.createElement(h.a,{variant:"text",color:"default",component:"span"},"Or select two files at once"))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(b.a,null,r.a.createElement(g.a,{value:S,onChange:(e,a)=>{C(a)},indicatorColor:"primary",textColor:"primary",centered:!0},r.a.createElement(p.a,{icon:r.a.createElement(de.a,null),label:"Product Info"}),r.a.createElement(p.a,{icon:r.a.createElement(ue.a,null),label:"Performance",disabled:!a[0]\|\|!a[1]}),r.a.createElement(p.a,{icon:r.a.createElement(ge.a,null),label:"Value Analysis"}),r.a.createElement(p.a,{label:"Recommendations"})),r.a.createElement(i.a,{p:2,display:"flex",justifyContent:"center",gridGap:12},r.a.createElement(h.a,{variant:"contained",color:"primary",onClick:()=>B(null),disabled:c\|\|!a[0]&&!a[1],startIcon:c?r.a.createElement(f.a,{size:24}):null},c?"Analyzing...":"Start Analysis"),r.a.createElement(h.a,{variant:"outlined",color:"secondary",onClick:()=>B("compare"),disabled:c\|\|!a[0]\|\|!a[1],startIcon:r.a.createElement(ue.a,null)},"Compare Products")),E&&r.a.createElement(i.a,{p:2,bgcolor:"#ffebee",borderRadius:"4px",mb:2},r.a.createElement(u.a,{color:"error"},E)))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(b.a,null,r.a.createElement(i.a,{p:2},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Analysis Progress"),r.a.createElement(i.a,{className:e.progressLog},0===j.length?r.a.createElement(u.a,{variant:"body2",color:"textSecondary",style:{padding:"10px"}},"Progress details will appear here when analysis starts."):j.map((a,t)=>r.a.createElement(i.a,{key:t,className:"".concat(e.logEntry," ").concat("agent"===a.type?e.logEntryAgent:"system"===a.type?e.logEntrySystem:"error"===a.type?e.logEntryError:"")},r.a.createElement("span",{className:e.logTime},"[",a.time,"]"),a.message)),r.a.createElement("div",{ref:P}))))),r.a.createElement(y.a,{item:!0,xs:12},c?r.a.createElement(i.a,{className:e.loadingContainer},r.a.createElement(f.a,null),r.a.createElement(u.a,{variant:"h6",style:{marginTop:"16px"}},"Analyzing Products..."),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},"Product recognition, information retrieval, and comparison analysis in progress.")):(()=>{if(!m)return null;switch(S){case 0:return r.a.createElement(N.a,{className:e.resultCard},r.a.createElement(T.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Product Information"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.productInfo&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"subtitle1"},r.a.createElement("strong",null,"Product Name:")," ",m.productInfo.name),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Brand:")," ",m.productInfo.brand),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Category:")," ",m.productInfo.category),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Key Specifications"),r.a.createElement("ul",null,m.productInfo.specs.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},r.a.createElement("strong",null,e.name,":")," ",e.value)))),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Pros"),r.a.createElement("ul",null,m.productInfo.pros.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},e)))),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Cons"),r.a.createElement("ul",null,m.productInfo.cons.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},e)))))));case 1:return r.a.createElement(N.a,{className:e.resultCard},r.a.createElement(T.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Product Comparison Analysis"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.comparison&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Product Specification Comparison"),r.a.createElement("table",{className:e.comparisonTable},r.a.createElement("thead",null,r.a.createElement("tr",null,r.a.createElement("th",null,"Feature"),r.a.createElement("th",null,"Product A"),r.a.createElement("th",null,"Product B"),r.a.createElement("th",null,"Comparison"))),r.a.createElement("tbody",null,m.comparison.specs.map((a,t)=>r.a.createElement("tr",{key:t},r.a.createElement("td",null,r.a.createElement("strong",null,a.name)),r.a.createElement("td",null,a.valueA),r.a.createElement("td",null,a.valueB),r.a.createElement("td",null,r.a.createElement("span",{className:"A"===a.winner?e.highlight:""},a.comparison)))))),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Overall Comparison"),r.a.createElement(u.a,{variant:"body1"},m.comparison.summary))));case 2:return r.a.createElement(N.a,{className:e.resultCard},r.a.createElement(T.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Price-to-Value Analysis"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.valueAnalysis&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"subtitle1"},"Price Information"),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Product A:")," ",m.valueAnalysis.priceA),m.valueAnalysis.priceB&&r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Product B:")," ",m.valueAnalysis.priceB),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Value Analysis"),r.a.createElement(u.a,{variant:"body1"},m.valueAnalysis.analysis),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Price-to-Performance Score"),r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Product A:")," ",m.valueAnalysis.valueScoreA,"/10"),m.valueAnalysis.valueScoreB&&r.a.createElement(u.a,{variant:"body1"},r.a.createElement("strong",null,"Product B:")," ",m.valueAnalysis.valueScoreB,"/10"))));case 3:return r.a.createElement(N.a,{className:e.resultCard},r.a.createElement(T.a,null,r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Purchase Recommendations"),r.a.createElement(W.a,{style:{margin:"8px 0 16px"}}),m.recommendation&&r.a.createElement("div",null,r.a.createElement(u.a,{variant:"subtitle1",className:e.highlight},"Recommended Product: ",m.recommendation.recommendedProduct),r.a.createElement(u.a,{variant:"body1",style:{marginTop:"16px"}},m.recommendation.reason),r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Alternative Products"),r.a.createElement("ul",null,m.recommendation.alternatives.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},r.a.createElement("strong",null,e.name),": ",e.reason)))),m.recommendation.buyingTips&&r.a.createElement(r.a.Fragment,null,r.a.createElement(u.a,{variant:"subtitle1",style:{marginTop:"16px"}},"Buying Tips"),r.a.createElement("ul",null,m.recommendation.buyingTips.map((e,a)=>r.a.createElement("li",{key:a},r.a.createElement(u.a,{variant:"body2"},e))))))));default:return null}})()))))};t(104);const ye=Object(c.a)({palette:{primary:{main:"#3f51b5"},secondary:{main:"#f50057"}},typography:{fontFamily:"Roboto, Arial, sans-serif"}});var be=function(){const[e,a]=Object(n.useState)(null),[t,l]=Object(n.useState)(""),[o,c]=Object(n.useState)(""),[h,v]=Object(n.useState)(!1),[x,S]=Object(n.useState)(null),[C,j]=Object(n.useState)(null),[w,P]=Object(n.useState)({yolo:!1,detr:!1,vit:!1}),[N,T]=Object(n.useState)(0);return Object(n.useEffect)(()=>{fetch("/api/status").then(e=>e.json()).then(e=>{P(e.models)}).catch(e=>{console.error("Error checking API status:",e),j("Error connecting to the backend API. Please make sure the server is running.")})},[]),r.a.createElement(s.a,{theme:ye},r.a.createElement(i.a,{style:{flexGrow:1}},r.a.createElement(m.a,{position:"static"},r.a.createElement(d.a,null,r.a.createElement(u.a,{variant:"h6",style:{flexGrow:1}},"Vision LLM Multi-Agent System")),r.a.createElement(g.a,{value:N,onChange:(e,a)=>T(a),indicatorColor:"secondary",textColor:"inherit",centered:!0},r.a.createElement(p.a,{label:"Object Detection"}),r.a.createElement(p.a,{label:"Product Comparison"}))),r.a.createElement(E.a,{maxWidth:"lg",style:{marginTop:ye.spacing(4),marginBottom:ye.spacing(4)}},0===N?r.a.createElement(y.a,{container:!0,spacing:3},r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(b.a,{style:{padding:ye.spacing(2)}},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Upload an image to see how each model performs!"),r.a.createElement(u.a,{variant:"body1",paragraph:!0},"This demo showcases three different object detection and image classification models:"),r.a.createElement(u.a,{variant:"body1",component:"div"},r.a.createElement("ul",null,r.a.createElement("li",null,r.a.createElement("strong",null,"YOLOv8"),": Fast and accurate object detection"),r.a.createElement("li",null,r.a.createElement("strong",null,"DETR"),": DEtection TRansformer for object detection"),r.a.createElement("li",null,r.a.createElement("strong",null,"ViT"),": Vision Transformer for image classification"))))),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(I,{onImageUpload:e=>{if(a(e),S(null),j(null),e instanceof File){const a=new FileReader;a.onload=()=>{const e=a.result;l("string"===typeof e?e:"")},a.onerror=()=>l(""),a.readAsDataURL(e)}else l("")}})),r.a.createElement(y.a,{item:!0,xs:12,md:6},r.a.createElement(_,{onModelSelect:e=>{c(e),S(null),j(null)},onProcess:async()=>{if(!e\|\|!o)return void j("Please select both an image and a model");v(!0),j(null);const a=new FormData;a.append("image",e);let t="";switch(o){case"yolo":t="/api/detect/yolo";break;case"detr":t="/api/detect/detr";break;case"vit":t="/api/classify/vit";break;default:return j("Invalid model selection"),void v(!1)}try{const e=await fetch(t,{method:"POST",body:a});if(!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const n=await e.json();S({model:o,data:n})}catch(n){console.error("Error processing image:",n),j("Error processing image: ".concat(n.message))}finally{v(!1)}},isProcessing:h,modelsStatus:w,selectedModel:o,imageSelected:!!e})),C&&r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(b.a,{style:{padding:ye.spacing(2),backgroundColor:"#ffebee"}},r.a.createElement(u.a,{color:"error"},C))),h&&r.a.createElement(y.a,{item:!0,xs:12,style:{textAlign:"center",margin:"".concat(ye.spacing(4),"px 0")}},r.a.createElement(f.a,null),r.a.createElement(u.a,{variant:"h6",style:{marginTop:ye.spacing(2)}},"Processing image...")),x&&r.a.createElement(r.a.Fragment,null,r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(le,{results:x})),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(ce,{visionResults:x.data,model:x.model}))),r.a.createElement(y.a,{item:!0,xs:12},r.a.createElement(se,{imageBase64:t}))):r.a.createElement(Ee,null))))};var fe=e=>{e&&e instanceof Function&&t.e(3).then(t.bind(null,181)).then(a=>{let{getCLS:t,getFID:n,getFCP:r,getLCP:l,getTTFB:o}=a;t(e),n(e),r(e),l(e),o(e)})};o.a.render(r.a.createElement(r.a.StrictMode,null,r.a.createElement(be,null)),document.getElementById("root")),fe()},94:function(e,a,t){e.exports=t(105)},99:function(e,a,t){}},[[94,1,2]]]);
2	- //# sourceMappingURL=main.acde7694.chunk.js.map

static/static/js/main.acde7694.chunk.js.map DELETED Viewed

The diff for this file is too large to render. See raw diff

static/static/js/main.db88b5b1.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (this["webpackJsonpvision-web-app"]=this["webpackJsonpvision-web-app"]\|\|[]).push([[0],{102:function(e,a,t){},103:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),l=t(11),o=t.n(l),c=(t(97),t(78)),i=t(155),s=t(159),m=t(156),d=t(157),u=t(48),g=t(158),p=t(138),E=t(81),h=t(143),y=t(136),b=t(137),f=t(63),v=t.n(f),x=t(75),S=t.n(x),C=t(133);const j=Object(C.a)(e=>({paper:{padding:e.spacing(2),display:"flex",flexDirection:"column",alignItems:"center",height:"100%",minHeight:300,transition:"all 0.3s ease"},dragActive:{border:"2px dashed #3f51b5",backgroundColor:"rgba(63, 81, 181, 0.05)"},dragInactive:{border:"2px dashed #ccc",backgroundColor:"white"},uploadBox:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",cursor:"pointer"},uploadIcon:{fontSize:60,color:"#3f51b5",marginBottom:e.spacing(2)},supportText:{marginTop:e.spacing(2)},previewBox:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",height:"100%",position:"relative"},imageContainer:{position:"relative",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",marginTop:e.spacing(2)},deleteButton:{position:"absolute",top:0,right:0,backgroundColor:"rgba(255, 255, 255, 0.7)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.9)"}}}));var O=e=>{let{onImageUpload:a}=e;const t=j(),[l,o]=Object(n.useState)(null),[c,i]=Object(n.useState)(!1),m=Object(n.useRef)(null),d=e=>{e.preventDefault(),e.stopPropagation(),"dragenter"===e.type\|\|"dragover"===e.type?i(!0):"dragleave"===e.type&&i(!1)},g=e=>{e.type.startsWith("image/")?(o(URL.createObjectURL(e)),a(e)):alert("Please upload an image file")};return r.a.createElement(E.a,{className:"".concat(t.paper," ").concat(c?t.dragActive:t.dragInactive),onDragEnter:d,onDragLeave:d,onDragOver:d,onDrop:e=>{e.preventDefault(),e.stopPropagation(),i(!1),e.dataTransfer.files&&e.dataTransfer.files[0]&&g(e.dataTransfer.files[0])}},r.a.createElement("input",{ref:m,type:"file",accept:"image/",onChange:e=>{e.preventDefault(),e.target.files&&e.target.files[0]&&g(e.target.files[0])},style:{display:"none"}}),l?r.a.createElement(s.a,{className:t.previewBox},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Preview"),r.a.createElement(s.a,{className:t.imageContainer},r.a.createElement("img",{src:l,alt:"Preview",className:"preview-image"}),r.a.createElement(b.a,{"aria-label":"delete",className:t.deleteButton,onClick:()=>{o(null),a(null),m.current.value=""}},r.a.createElement(S.a,null)))):r.a.createElement(s.a,{className:t.uploadBox,onClick:()=>{m.current.click()}},r.a.createElement(v.a,{className:t.uploadIcon}),r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Drag & Drop an image here"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},"or"),r.a.createElement(y.a,{variant:"contained",color:"primary",component:"span",startIcon:r.a.createElement(v.a,null)},"Browse Files"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",className:t.supportText},"Supported formats: JPG, PNG, GIF")))},w=t(139),N=t(140),B=t(165),T=t(141),I=t(64),k=t.n(I),P=t(76),D=t.n(P),A=t(77),F=t.n(A);const R=Object(C.a)(e=>({card:{height:"100%",display:"flex",flexDirection:"column"},selectedCard:{border:"2px solid #3f51b5"},unavailableCard:{opacity:.6},cardContent:{flexGrow:1},chipContainer:{marginBottom:e.spacing(1.5)},successChip:{backgroundColor:"#34C759",color:"#fff"},errorChip:{backgroundColor:"#FF3B3F",color:"#fff"},modelType:{marginTop:e.spacing(1)},processButton:{marginTop:e.spacing(3),textAlign:"center"}}));var z=e=>{let{onModelSelect:a,onProcess:t,isProcessing:n,modelsStatus:l,selectedModel:o,imageSelected:c}=e;const i=R(),m=[{id:"yolo",name:"YOLOv8",description:"Fast and accurate object detection",icon:r.a.createElement(k.a,null),available:l.yolo},{id:"detr",name:"DETR",description:"DEtection TRansformer for object detection",icon:r.a.createElement(k.a,null),available:l.detr},{id:"vit",name:"ViT",description:"Vision Transformer for image classification",icon:r.a.createElement(D.a,null),available:l.vit}],d=e=>{m.find(a=>a.id===e).available&&a(e)};return r.a.createElement(s.a,{sx:{p:2,height:"100%"}},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Select Model"),r.a.createElement(p.a,{container:!0,spacing:2},m.map(e=>r.a.createElement(p.a,{item:!0,xs:12,sm:4,key:e.id},r.a.createElement(w.a,{className:"\n ".concat(i.card," \n ").concat(o===e.id?i.selectedCard:""," \n ").concat(e.available?"":i.unavailableCard,"\n "),onClick:()=>d(e.id)},r.a.createElement(N.a,{className:i.cardContent},r.a.createElement(s.a,{sx:{mb:2,color:"primary"}},e.icon),r.a.createElement(u.a,{variant:"h5",component:"div",gutterBottom:!0},e.name),r.a.createElement("div",{className:i.chipContainer},e.available?r.a.createElement(B.a,{label:"Available",className:i.successChip,size:"small"}):r.a.createElement(B.a,{label:"Not Available",className:i.errorChip,size:"small"})),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},e.description)),r.a.createElement(T.a,null,r.a.createElement(y.a,{size:"small",onClick:()=>d(e.id),disabled:!e.available,color:o===e.id?"primary":"default",variant:o===e.id?"contained":"outlined",fullWidth:!0},o===e.id?"Selected":"Select")))))),r.a.createElement("div",{className:i.processButton},r.a.createElement(y.a,{variant:"contained",color:"primary",size:"large",startIcon:r.a.createElement(F.a,null),onClick:t,disabled:!o\|\|!c\|\|n},n?"Processing...":"Process Image")))},L=t(153),M=t(150),W=t(105),_=t(154),J=t(142),U=t(163),H=t(164),V=t(145),G=t(146),Y=t(147),q=t(166),K=t(160),Q=t(151),X=t(168),Z=t(152),$=t(162);const ee=Object(C.a)(e=>({root:{marginTop:e.spacing(2),marginBottom:e.spacing(2),padding:e.spacing(2),backgroundColor:"#f5f5f5",borderRadius:e.shape.borderRadius},button:{marginRight:e.spacing(2)},searchDialog:{minWidth:"500px"},formControl:{marginBottom:e.spacing(2),minWidth:"100%"},searchResults:{marginTop:e.spacing(2)},resultCard:{marginBottom:e.spacing(2)},resultImage:{height:140,objectFit:"contain"},chip:{margin:e.spacing(.5)},similarityChip:{backgroundColor:e.palette.primary.main,color:"white"}}));var ae=e=>{let{results:a}=e;const t=ee(),[l,o]=Object(n.useState)(!1),[c,i]=Object(n.useState)(!1),[m,d]=Object(n.useState)(null),[g,E]=Object(n.useState)(!1),[b,f]=Object(n.useState)("image"),[v,x]=Object(n.useState)(""),[S,C]=Object(n.useState)([]),[j,O]=Object(n.useState)(!1),[T,I]=Object(n.useState)(null),{model:k,data:P}=a,D=()=>{E(!1)},A=()=>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const a=16Math.random()\|0;return("x"===e?a:3&a\|8).toString(16)}));return r.a.createElement(s.a,{className:t.root},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Vector Database Actions"),r.a.createElement(s.a,{display:"flex",alignItems:"center",mb:2},r.a.createElement(y.a,{variant:"contained",color:"primary",onClick:async()=>{o(!0),d(null);try{let e;if(e="vit"===k?await fetch("/api/add-to-collection",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:P.image,metadata:{model:"vit",classifications:P.classifications}})}):await fetch("/api/add-detected-objects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:P.image,objects:P.detections,imageId:A()})}),!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const a=await e.json();if(a.error)throw new Error(a.error);i(!0),setTimeout(()=>i(!1),5e3)}catch(e){console.error("Error saving to vector DB:",e),d("Error saving to vector DB: ".concat(e.message))}finally{o(!1)}},disabled:l,className:t.button},l?r.a.createElement(r.a.Fragment,null,r.a.createElement(h.a,{size:20,color:"inherit",style:{marginRight:8}}),"Saving..."):"Save to Vector DB"),r.a.createElement(y.a,{variant:"outlined",color:"primary",onClick:()=>{E(!0),C([]),I(null)},className:t.button},"Search Similar")),m&&r.a.createElement($.a,{severity:"error",style:{marginTop:8}},m),r.a.createElement(U.a,{open:c,autoHideDuration:5e3,onClose:()=>i(!1)},r.a.createElement($.a,{severity:"success"},"vit"===k?"Image and classifications successfully saved to vector DB!":"Detected objects successfully saved to vector DB!")),r.a.createElement(H.a,{open:g,onClose:D,maxWidth:"md",fullWidth:!0},r.a.createElement(V.a,null,"Search Vector Database"),r.a.createElement(G.a,null,r.a.createElement(Y.a,{className:t.formControl},r.a.createElement(q.a,{id:"search-type-label"},"Search Type"),r.a.createElement(K.a,{labelId:"search-type-label",id:"search-type",value:b,onChange:e=>{f(e.target.value),C([]),I(null)}},r.a.createElement(Q.a,{value:"image"},"Search by Current Image"),r.a.createElement(Q.a,{value:"class"},"Search by Class Name"))),"class"===b&&r.a.createElement(Y.a,{className:t.formControl},r.a.createElement(X.a,{label:"Class Name",value:v,onChange:e=>{x(e.target.value)},placeholder:"e.g. person, car, dog...",fullWidth:!0})),T&&r.a.createElement($.a,{severity:"error",style:{marginBottom:16}},T),r.a.createElement(s.a,{className:t.searchResults},j?r.a.createElement(s.a,{display:"flex",justifyContent:"center",alignItems:"center",p:4},r.a.createElement(h.a,null),r.a.createElement(u.a,{variant:"body1",style:{marginLeft:16}},"Searching...")):r.a.createElement(r.a.Fragment,null,console.log("Search dialog render - searchResults:",S),S.length>0?(console.log("Rendering search results:",S),console.log("Search results length:",S.length),0===S.length?(console.log("No results to render"),r.a.createElement(u.a,{variant:"body1"},"No results found.")):r.a.createElement(p.a,{container:!0,spacing:2},S.map((e,a)=>{const n=100(1-e.distance);return r.a.createElement(p.a,{item:!0,xs:12,sm:6,key:a},r.a.createElement(w.a,{className:t.resultCard},e.metadata&&e.metadata.image_data?r.a.createElement(J.a,{className:t.resultImage,component:"img",height:"200",image:"data:image/jpeg;base64,".concat(e.metadata.image_data),alt:e.metadata&&e.metadata.class?e.metadata.class:"Object"}):r.a.createElement(s.a,{className:t.resultImage,style:{backgroundColor:"#f0f0f0",display:"flex",alignItems:"center",justifyContent:"center",height:200}},r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},e.metadata&&e.metadata.class?e.metadata.class:"Object"," Image")),r.a.createElement(N.a,null,r.a.createElement(s.a,{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},r.a.createElement(u.a,{variant:"subtitle1"},"Result #",a+1),r.a.createElement(B.a,{label:"Similarity: ".concat(n.toFixed(2),"%"),className:t.similarityChip,size:"small"})),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Class:")," ",e.metadata.class\|\|"N/A"),e.metadata.confidence&&r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Confidence:")," ",(100e.metadata.confidence).toFixed(2),"%"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Object ID:")," ",e.id))))}))):r.a.createElement(u.a,{variant:"body1"},"No results found. Please try another search.")))),r.a.createElement(Z.a,null,r.a.createElement(y.a,{onClick:D,color:"default"},"Close"),r.a.createElement(y.a,{onClick:async()=>{O(!0),I(null);try{let e={};if("image"===b)e={searchType:"image",image:P.image,n_results:5};else{if(!v.trim())throw new Error("Please enter a class name");e={searchType:"class",class_name:v.trim(),n_results:5}}const a=await fetch("/api/search-similar-objects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!a.ok)throw new Error("HTTP error! Status: ".concat(a.status));const t=await a.json();if(t.error)throw new Error(t.error);if(console.log("Search API response:",t),!t.success\|\|!Array.isArray(t.results))throw console.error("Unexpected API response format:",t),new Error("Unexpected API response format");console.log("Setting search results array:",t.results),console.log("Results array length:",t.results.length),console.log("First result item:",t.results[0]),C(t.results)}catch(e){console.error("Error searching vector DB:",e),I("Error searching vector DB: ".concat(e.message))}finally{O(!1)}},color:"primary",variant:"contained",disabled:j\|\|"class"===b&&!v.trim()},"Search"))))};const te=Object(C.a)(e=>({paper:{padding:e.spacing(2)},marginBottom:{marginBottom:e.spacing(2)},resultImage:{maxWidth:"100%",maxHeight:"400px",objectFit:"contain"},dividerMargin:{margin:"".concat(e.spacing(2),"px 0")},chipContainer:{display:"flex",gap:e.spacing(1),flexWrap:"wrap"}}));var ne=e=>{let{results:a}=e;const t=te();if(!a)return null;const{model:n,data:l}=a;if(l.error)return r.a.createElement(E.a,{sx:{p:2,bgcolor:"#ffebee"}},r.a.createElement(u.a,{color:"error"},l.error));const o=()=>l.performance?r.a.createElement(s.a,{className:"performance-info"},r.a.createElement(L.a,{className:t.dividerMargin}),r.a.createElement(u.a,{variant:"body2"},"Inference time: ",(e=>{if(void 0===e\|\|null===e\|\|isNaN(e))return"-";const a=Number(e);return a<1e3?"".concat(a.toFixed(2)," ms"):"".concat((a/1e3).toFixed(2)," s")})(l.performance.inference_time)," on ",l.performance.device)):null;return"yolo"===n\|\|"detr"===n?r.a.createElement(E.a,{className:t.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"yolo"===n?"YOLOv8":"DETR"," Detection Results"),r.a.createElement(p.a,{container:!0,spacing:3},r.a.createElement(p.a,{item:!0,xs:12,md:6},l.image&&r.a.createElement(s.a,{className:t.marginBottom},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Detection Result"),r.a.createElement("img",{src:"data:image/png;base64,".concat(l.image),alt:"Detection Result",className:t.resultImage}))),r.a.createElement(p.a,{item:!0,xs:12,md:6},r.a.createElement(s.a,{className:t.marginBottom},r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Detected Objects:"),l.detections&&l.detections.length>0?r.a.createElement(M.a,null,l.detections.map((e,a)=>r.a.createElement(r.a.Fragment,{key:a},r.a.createElement(W.a,null,r.a.createElement(_.a,{primary:r.a.createElement(s.a,{style:{display:"flex",alignItems:"center"}},r.a.createElement(u.a,{variant:"body1",component:"span"},e.class),r.a.createElement(B.a,{label:"".concat((100e.confidence).toFixed(0),"%"),size:"small",color:"primary",style:{marginLeft:8}})),secondary:"Bounding Box: [".concat(e.bbox.join(", "),"]")})),a<l.detections.length-1&&r.a.createElement(L.a,null)))):r.a.createElement(u.a,{variant:"body1"},"No objects detected")))),o(),r.a.createElement(ae,{results:a})):"vit"===n?r.a.createElement(E.a,{className:t.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"ViT Classification Results"),r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"Top Predictions:"),l.top_predictions&&l.top_predictions.length>0?r.a.createElement(M.a,null,l.top_predictions.map((e,a)=>r.a.createElement(r.a.Fragment,{key:a},r.a.createElement(W.a,null,r.a.createElement(_.a,{primary:r.a.createElement(s.a,{style:{display:"flex",alignItems:"center"}},r.a.createElement(u.a,{variant:"body1",component:"span"},e.rank,". ",e.class),r.a.createElement(B.a,{label:"".concat((100e.probability).toFixed(1),"%"),size:"small",color:0===a?"primary":"default",style:{marginLeft:8}}))})),a<l.top_predictions.length-1&&r.a.createElement(L.a,null)))):r.a.createElement(u.a,{variant:"body1"},"No classifications available"),o(),r.a.createElement(ae,{results:a})):null};const re=Object(C.a)(e=>({paper:{padding:e.spacing(2),marginTop:e.spacing(2)},marginBottom:{marginBottom:e.spacing(2)},dividerMargin:{margin:"".concat(e.spacing(2),"px 0")},responseBox:{padding:e.spacing(2),backgroundColor:"#f5f5f5",borderRadius:e.shape.borderRadius,marginTop:e.spacing(2),whiteSpace:"pre-wrap"},buttonProgress:{marginLeft:e.spacing(1)}}));var le=e=>{let{visionResults:a,model:t}=e;const l=re(),[o,c]=Object(n.useState)(""),[i,m]=Object(n.useState)(!1),[d,g]=Object(n.useState)(null),[p,b]=Object(n.useState)(null);return a?r.a.createElement(E.a,{className:l.paper},r.a.createElement(u.a,{variant:"h6",gutterBottom:!0},"Ask AI about the ","vit"===t?"Classification":"Detection"," Results"),r.a.createElement(u.a,{variant:"body2",className:l.marginBottom},"Ask a question about the detected objects or classifications to get an AI-powered analysis."),r.a.createElement(X.a,{fullWidth:!0,label:"Your question about the image",variant:"outlined",value:o,onChange:e=>c(e.target.value),disabled:i,className:l.marginBottom,placeholder:"vit"===t?"E.g., What category does this image belong to?":"E.g., How many people are in this image?"}),r.a.createElement(y.a,{variant:"contained",color:"primary",onClick:async()=>{if(o.trim()){m(!0),b(null);try{const e=await fetch("/api/analyze",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({visionResults:a,userQuery:o})});if(!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const t=await e.json();t.error?b(t.error):g(t)}catch(e){console.error("Error analyzing with LLM:",e),b("Error analyzing with LLM: ".concat(e.message))}finally{m(!1)}}},disabled:i\|\|!o.trim()},"Analyze with AI",i&&r.a.createElement(h.a,{size:24,className:l.buttonProgress})),p&&r.a.createElement(s.a,{mt:2},r.a.createElement(u.a,{color:"error"},p)),d&&r.a.createElement(r.a.Fragment,null,r.a.createElement(L.a,{className:l.dividerMargin}),r.a.createElement(u.a,{variant:"subtitle1",gutterBottom:!0},"AI Analysis:"),r.a.createElement(s.a,{className:l.responseBox},r.a.createElement(u.a,{variant:"body1"},d.response)),d.performance&&r.a.createElement(s.a,{mt:1},r.a.createElement(u.a,{variant:"body2",color:"textSecondary"},"Analysis time: ",(e=>{if(void 0===e\|\|null===e\|\|isNaN(e))return"-";const a=Number(e);return a<1e3?"".concat(a.toFixed(2)," ms"):"".concat((a/1e3).toFixed(2)," s")})(d.performance.inference_time)," on ",d.performance.device)))):null};var oe=function(){const[e,a]=Object(n.useState)("gpt-4o-mini"),[t,l]=Object(n.useState)(""),[o,c]=Object(n.useState)("You are a helpful assistant."),[i,s]=Object(n.useState)(""),[m,d]=Object(n.useState)(""),[g,h]=Object(n.useState)(!1),[b,f]=Object(n.useState)("");return r.a.createElement(E.a,{style:{padding:16}},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"OpenAI Chat (OpenAI API)"),r.a.createElement(u.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},"If the server env var OPENAI_API_KEY is set, the API Key field is optional."),r.a.createElement(p.a,{container:!0,spacing:2},r.a.createElement(p.a,{item:!0,xs:12,md:6},r.a.createElement(X.a,{label:"Model",value:e,onChange:e=>a(e.target.value),fullWidth:!0,variant:"outlined",size:"small"})),r.a.createElement(p.a,{item:!0,xs:12,md:6},r.a.createElement(X.a,{label:"OpenAI API Key (optional)",value:t,onChange:e=>l(e.target.value),fullWidth:!0,variant:"outlined",size:"small",type:"password",placeholder:"sk-..."})),r.a.createElement(p.a,{item:!0,xs:12},r.a.createElement(X.a,{label:"System Prompt (optional)",value:o,onChange:e=>c(e.target.value),fullWidth:!0,variant:"outlined",size:"small"})),r.a.createElement(p.a,{item:!0,xs:12},r.a.createElement(X.a,{label:"User Question",value:i,onChange:e=>s(e.target.value),fullWidth:!0,multiline:!0,rows:4,variant:"outlined"})),b&&r.a.createElement(p.a,{item:!0,xs:12},r.a.createElement(u.a,{color:"error"},b)),r.a.createElement(p.a,{item:!0,xs:12},r.a.createElement("div",{style:{display:"flex",gap:8}},r.a.createElement(y.a,{color:"primary",variant:"contained",onClick:async()=>{f(""),d("");const a=(i\|\|"").trim();if(a){h(!0);try{const r=await fetch("/api/openai/chat",{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({prompt:a,model:(e\|\|"").trim()\|\|"gpt-4o-mini",api_key:t\|\|void 0,system:o\|\|void 0})});if(!r.ok){let e=await r.text();try{e=JSON.stringify(JSON.parse(e),null,2)}catch(n){}throw new Error(e)}const l=await r.json(),c="Model: ".concat(l.model," \| Latency: ").concat(l.latency_sec,"s")+(l.usage?" \| Usage: ".concat(JSON.stringify(l.usage)):"");d((l.response\|\|"(Empty response)")+"\n\n---\n"+c)}catch(r){f("Error: "+r.message)}finally{h(!1)}}else f("Please enter a question.")},disabled:g},g?"Sending...":"Send Question"),r.a.createElement(y.a,{variant:"outlined",onClick:()=>{s(""),d(""),f("")}},"Clear"))),r.a.createElement(p.a,{item:!0,xs:12},r.a.createElement(L.a,{style:{margin:"12px 0"}}),r.a.createElement(u.a,{variant:"subtitle2",color:"textSecondary"},"Response"),r.a.createElement("pre",{style:{whiteSpace:"pre-wrap",fontFamily:"ui-monospace, monospace"}},m))))};t(102);const ce=Object(c.a)({palette:{primary:{main:"#3f51b5"},secondary:{main:"#f50057"}},typography:{fontFamily:"Roboto, Arial, sans-serif"}});var ie=function(){const[e,a]=Object(n.useState)(null),[t,l]=Object(n.useState)(""),[o,c]=Object(n.useState)(!1),[y,b]=Object(n.useState)(null),[f,v]=Object(n.useState)(null),[x,S]=Object(n.useState)({yolo:!1,detr:!1,vit:!1});return Object(n.useEffect)(()=>{fetch("/api/status").then(e=>e.json()).then(e=>{S(e.models)}).catch(e=>{console.error("Error checking API status:",e),v("Error connecting to the backend API. Please make sure the server is running.")})},[]),r.a.createElement(i.a,{theme:ce},r.a.createElement(s.a,{style:{flexGrow:1}},r.a.createElement(m.a,{position:"static"},r.a.createElement(d.a,null,r.a.createElement(u.a,{variant:"h6",style:{flexGrow:1}},"Multi-Model Object Detection Demo"))),r.a.createElement(g.a,{maxWidth:"lg",style:{marginTop:ce.spacing(4),marginBottom:ce.spacing(4)}},r.a.createElement(p.a,{container:!0,spacing:3},r.a.createElement(p.a,{item:!0,xs:12},r.a.createElement(E.a,{style:{padding:ce.spacing(2)}},r.a.createElement(u.a,{variant:"h5",gutterBottom:!0},"Upload an image to see how each model performs!"),r.a.createElement(u.a,{variant:"body1",paragraph:!0},"This demo showcases three different object detection and image classification models:"),r.a.createElement(u.a,{variant:"body1",component:"div"},r.a.createElement("ul",null,r.a.createElement("li",null,r.a.createElement("strong",null,"YOLOv8"),": Fast and accurate object detection"),r.a.createElement("li",null,r.a.createElement("strong",null,"DETR"),": DEtection TRansformer for object detection"),r.a.createElement("li",null,r.a.createElement("strong",null,"ViT"),": Vision Transformer for image classification"))))),r.a.createElement(p.a,{item:!0,xs:12,md:6},r.a.createElement(O,{onImageUpload:e=>{a(e),b(null),v(null)}})),r.a.createElement(p.a,{item:!0,xs:12,md:6},r.a.createElement(z,{onModelSelect:e=>{l(e),b(null),v(null)},onProcess:async()=>{if(!e\|\|!t)return void v("Please select both an image and a model");c(!0),v(null);const a=new FormData;a.append("image",e);let n="";switch(t){case"yolo":n="/api/detect/yolo";break;case"detr":n="/api/detect/detr";break;case"vit":n="/api/classify/vit";break;default:return v("Invalid model selection"),void c(!1)}try{const e=await fetch(n,{method:"POST",body:a});if(!e.ok)throw new Error("HTTP error! Status: ".concat(e.status));const r=await e.json();b({model:t,data:r})}catch(r){console.error("Error processing image:",r),v("Error processing image: ".concat(r.message))}finally{c(!1)}},isProcessing:o,modelsStatus:x,selectedModel:t,imageSelected:!!e})),f&&r.a.createElement(p.a,{item:!0,xs:12},r.a.createElement(E.a,{style:{padding:ce.spacing(2),backgroundColor:"#ffebee"}},r.a.createElement(u.a,{color:"error"},f))),o&&r.a.createElement(p.a,{item:!0,xs:12,style:{textAlign:"center",margin:"".concat(ce.spacing(4),"px 0")}},r.a.createElement(h.a,null),r.a.createElement(u.a,{variant:"h6",style:{marginTop:ce.spacing(2)}},"Processing image...")),y&&r.a.createElement(r.a.Fragment,null,r.a.createElement(p.a,{item:!0,xs:12},r.a.createElement(ne,{results:y})),r.a.createElement(p.a,{item:!0,xs:12},r.a.createElement(le,{visionResults:y.data,model:y.model}))),r.a.createElement(p.a,{item:!0,xs:12},r.a.createElement(oe,null))))))};var se=e=>{e&&e instanceof Function&&t.e(3).then(t.bind(null,170)).then(a=>{let{getCLS:t,getFID:n,getFCP:r,getLCP:l,getTTFB:o}=a;t(e),n(e),r(e),l(e),o(e)})};o.a.render(r.a.createElement(r.a.StrictMode,null,r.a.createElement(ie,null)),document.getElementById("root")),se()},92:function(e,a,t){e.exports=t(103)},97:function(e,a,t){}},[[92,1,2]]]);
2	- //# sourceMappingURL=main.db88b5b1.chunk.js.map

static/static/js/main.db88b5b1.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["components/ImageUploader.js","components/ModelSelector.js","components/VectorDBActions.js","components/ResultDisplay.js","components/LlmAnalysis.js","components/OpenAIChat.js","App.js","reportWebVitals.js","index.js"],"names":["useStyles","makeStyles","theme","paper","padding","spacing","display","flexDirection","alignItems","height","minHeight","transition","dragActive","border","backgroundColor","dragInactive","uploadBox","justifyContent","width","cursor","uploadIcon","fontSize","color","marginBottom","supportText","marginTop","previewBox","position","imageContainer","overflow","deleteButton","top","right","ImageUploader","_ref","onImageUpload","classes","previewUrl","setPreviewUrl","useState","setDragActive","fileInputRef","useRef","handleDrag","e","preventDefault","stopPropagation","type","handleFiles","file","startsWith","URL","createObjectURL","alert","React","createElement","Paper","className","concat","onDragEnter","onDragLeave","onDragOver","onDrop","dataTransfer","files","ref","accept","onChange","target","style","Box","Typography","variant","gutterBottom","src","alt","IconButton","aria-label","onClick","handleRemoveImage","current","value","DeleteIcon","onButtonClick","click","CloudUploadIcon","Button","component","startIcon","card","selectedCard","unavailableCard","opacity","cardContent","flexGrow","chipContainer","successChip","errorChip","modelType","processButton","textAlign","ModelSelector","onModelSelect","onProcess","isProcessing","modelsStatus","selectedModel","imageSelected","models","id","name","description","icon","VisibilityIcon","available","yolo","detr","CategoryIcon","vit","handleModelClick","modelId","find","m","sx","p","Grid","container","map","model","item","xs","sm","key","Card","CardContent","mb","Chip","label","size","CardActions","disabled","fullWidth","PlayArrowIcon","root","borderRadius","shape","button","marginRight","searchDialog","minWidth","formControl","searchResults","resultCard","resultImage","objectFit","chip","margin","similarityChip","palette","primary","main","VectorDBActions","results","isSaving","setIsSaving","saveSuccess","setSaveSuccess","saveError","setSaveError","openSearchDialog","setOpenSearchDialog","searchType","setSearchType","searchClass","setSearchClass","setSearchResults","isSearching","setIsSearching","searchError","setSearchError","data","handleCloseSearchDialog","generateUUID","replace","c","r","Math","random","toString","async","response","fetch","method","headers","body","JSON","stringify","image","metadata","classifications","objects","detections","imageId","ok","Error","status","result","json","error","setTimeout","err","console","message","Fragment","CircularProgress","handleOpenSearchDialog","Alert","severity","Snackbar","open","autoHideDuration","onClose","Dialog","maxWidth","DialogTitle","DialogContent","FormControl","InputLabel","Select","labelId","event","MenuItem","TextField","placeholder","marginLeft","log","length","index","similarity","distance","image_data","CardMedia","class","toFixed","confidence","DialogActions","requestBody","n_results","trim","class_name","success","Array","isArray","maxHeight","dividerMargin","gap","flexWrap","ResultDisplay","bgcolor","renderPerformanceInfo","performance","Divider","ms","undefined","isNaN","num","Number","formatTime","inference_time","device","md","List","detection","ListItem","ListItemText","secondary","bbox","join","top_predictions","prediction","rank","probability","responseBox","whiteSpace","buttonProgress","LlmAnalysis","visionResults","userQuery","setUserQuery","isAnalyzing","setIsAnalyzing","analysisResult","setAnalysisResult","setError","mt","OpenAIChat","setModel","apiKey","setApiKey","system","setSystem","prompt","setPrompt","setResponse","loading","setLoading","multiline","rows","res","credentials","api_key","txt","text","parse","_unused","meta","latency_sec","usage","onClear","fontFamily","createMuiTheme","typography","App","selectedImage","setSelectedImage","setSelectedModel","setIsProcessing","setResults","setModelsStatus","useEffect","then","catch","ThemeProvider","AppBar","Toolbar","Container","paragraph","formData","FormData","append","endpoint","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.db88b5b1.chunk.js","sourcesContent":["import React, { useState, useRef } from 'react';\nimport { \n Paper, \n Typography, \n Box, \n Button, \n IconButton \n} from '@material-ui/core';\nimport CloudUploadIcon from '@material-ui/icons/CloudUpload';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n padding: theme.spacing(2),\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n height: '100%',\n minHeight: 300,\n transition: 'all 0.3s ease'\n },\n dragActive: {\n border: '2px dashed #3f51b5',\n backgroundColor: 'rgba(63, 81, 181, 0.05)'\n },\n dragInactive: {\n border: '2px dashed #ccc',\n backgroundColor: 'white'\n },\n uploadBox: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n width: '100%',\n cursor: 'pointer'\n },\n uploadIcon: {\n fontSize: 60,\n color: '#3f51b5',\n marginBottom: theme.spacing(2)\n },\n supportText: {\n marginTop: theme.spacing(2)\n },\n previewBox: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n height: '100%',\n position: 'relative'\n },\n imageContainer: {\n position: 'relative',\n width: '100%',\n height: '100%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n overflow: 'hidden',\n marginTop: theme.spacing(2)\n },\n deleteButton: {\n position: 'absolute',\n top: 0,\n right: 0,\n backgroundColor: 'rgba(255, 255, 255, 0.7)',\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 0.9)',\n }\n }\n}));\n\nconst ImageUploader = ({ onImageUpload }) => {\n const classes = useStyles();\n const [previewUrl, setPreviewUrl] = useState(null);\n const [dragActive, setDragActive] = useState(false);\n const fileInputRef = useRef(null);\n\n const handleDrag = (e) => {\n e.preventDefault();\n e.stopPropagation();\n if (e.type === 'dragenter' || e.type === 'dragover') {\n setDragActive(true);\n } else if (e.type === 'dragleave') {\n setDragActive(false);\n }\n };\n\n const handleDrop = (e) => {\n e.preventDefault();\n e.stopPropagation();\n setDragActive(false);\n if (e.dataTransfer.files && e.dataTransfer.files[0]) {\n handleFiles(e.dataTransfer.files[0]);\n }\n };\n\n const handleChange = (e) => {\n e.preventDefault();\n if (e.target.files && e.target.files[0]) {\n handleFiles(e.target.files[0]);\n }\n };\n\n const handleFiles = (file) => {\n if (file.type.startsWith('image/')) {\n setPreviewUrl(URL.createObjectURL(file));\n onImageUpload(file);\n } else {\n alert('Please upload an image file');\n }\n };\n\n const onButtonClick = () => {\n fileInputRef.current.click();\n };\n\n const handleRemoveImage = () => {\n setPreviewUrl(null);\n onImageUpload(null);\n fileInputRef.current.value = \"\";\n };\n\n return (\n <Paper \n className={`${classes.paper} ${dragActive ? classes.dragActive : classes.dragInactive}`}\n onDragEnter={handleDrag}\n onDragLeave={handleDrag}\n onDragOver={handleDrag}\n onDrop={handleDrop}\n >\n <input\n ref={fileInputRef}\n type=\"file\"\n accept=\"image/*\"\n onChange={handleChange}\n style={{ display: 'none' }}\n />\n\n {!previewUrl ? (\n <Box \n className={classes.uploadBox}\n onClick={onButtonClick}\n >\n <CloudUploadIcon className={classes.uploadIcon} />\n <Typography variant=\"h6\" gutterBottom>\n Drag & Drop an image here\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n or\n </Typography>\n <Button\n variant=\"contained\"\n color=\"primary\"\n component=\"span\"\n startIcon={<CloudUploadIcon />}\n >\n Browse Files\n </Button>\n <Typography variant=\"body2\" color=\"textSecondary\" className={classes.supportText}>\n Supported formats: JPG, PNG, GIF\n </Typography>\n </Box>\n ) : (\n <Box className={classes.previewBox}>\n <Typography variant=\"h6\" gutterBottom>\n Preview\n </Typography>\n <Box className={classes.imageContainer}>\n <img\n src={previewUrl}\n alt=\"Preview\"\n className=\"preview-image\"\n />\n <IconButton\n aria-label=\"delete\"\n className={classes.deleteButton}\n onClick={handleRemoveImage}\n >\n <DeleteIcon />\n </IconButton>\n </Box>\n </Box>\n )}\n </Paper>\n );\n};\n\nexport default ImageUploader;\n","import React from 'react';\nimport { \n Grid, \n Card, \n CardContent, \n CardActions, \n Typography, \n Button, \n Chip,\n Box\n} from '@material-ui/core';\nimport VisibilityIcon from '@material-ui/icons/Visibility';\nimport CategoryIcon from '@material-ui/icons/Category';\nimport PlayArrowIcon from '@material-ui/icons/PlayArrow';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n card: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n },\n selectedCard: {\n border: '2px solid #3f51b5',\n },\n unavailableCard: {\n opacity: 0.6,\n },\n cardContent: {\n flexGrow: 1,\n },\n chipContainer: {\n marginBottom: theme.spacing(1.5),\n },\n successChip: {\n backgroundColor: '#34C759',\n color: '#fff',\n },\n errorChip: {\n backgroundColor: '#FF3B3F',\n color: '#fff',\n },\n modelType: {\n marginTop: theme.spacing(1),\n },\n processButton: {\n marginTop: theme.spacing(3),\n textAlign: 'center',\n }\n}));\n\nconst ModelSelector = ({ \n onModelSelect, \n onProcess, \n isProcessing, \n modelsStatus, \n selectedModel,\n imageSelected \n}) => {\n const classes = useStyles();\n \n const models = [\n {\n id: 'yolo',\n name: 'YOLOv8',\n description: 'Fast and accurate object detection',\n icon: <VisibilityIcon />,\n available: modelsStatus.yolo\n },\n {\n id: 'detr',\n name: 'DETR',\n description: 'DEtection TRansformer for object detection',\n icon: <VisibilityIcon />,\n available: modelsStatus.detr\n },\n {\n id: 'vit',\n name: 'ViT',\n description: 'Vision Transformer for image classification',\n icon: <CategoryIcon />,\n available: modelsStatus.vit\n }\n ];\n\n const handleModelClick = (modelId) => {\n if (models.find(m => m.id === modelId).available) {\n onModelSelect(modelId);\n }\n };\n\n return (\n <Box sx={{ p: 2, height: '100%' }}>\n <Typography variant=\"h6\" gutterBottom>\n Select Model\n </Typography>\n \n <Grid container spacing={2}>\n {models.map((model) => (\n <Grid item xs={12} sm={4} key={model.id}>\n <Card \n className={`\n ${classes.card} \n ${selectedModel === model.id ? classes.selectedCard : ''} \n ${!model.available ? classes.unavailableCard : ''}\n `}\n onClick={() => handleModelClick(model.id)}\n >\n <CardContent className={classes.cardContent}>\n <Box sx={{ mb: 2, color: 'primary' }}>\n {model.icon}\n </Box>\n <Typography variant=\"h5\" component=\"div\" gutterBottom>\n {model.name}\n </Typography>\n <div className={classes.chipContainer}>\n {model.available ? (\n <Chip \n label=\"Available\" \n className={classes.successChip}\n size=\"small\" \n />\n ) : (\n <Chip \n label=\"Not Available\" \n className={classes.errorChip}\n size=\"small\" \n />\n )}\n </div>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {model.description}\n </Typography>\n </CardContent>\n <CardActions>\n <Button \n size=\"small\" \n onClick={() => handleModelClick(model.id)}\n disabled={!model.available}\n color={selectedModel === model.id ? \"primary\" : \"default\"}\n variant={selectedModel === model.id ? \"contained\" : \"outlined\"}\n fullWidth\n >\n {selectedModel === model.id ? 'Selected' : 'Select'}\n </Button>\n </CardActions>\n </Card>\n </Grid>\n ))}\n </Grid>\n\n <div className={classes.processButton}>\n <Button\n variant=\"contained\"\n color=\"primary\"\n size=\"large\"\n startIcon={<PlayArrowIcon />}\n onClick={onProcess}\n disabled={!selectedModel || !imageSelected || isProcessing}\n >\n {isProcessing ? 'Processing...' : 'Process Image'}\n </Button>\n </div>\n </Box>\n );\n};\n\nexport default ModelSelector;\n","import React, { useState } from 'react';\nimport { \n Button, \n Box, \n Typography, \n CircularProgress, \n Snackbar,\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n TextField,\n FormControl,\n InputLabel,\n Select,\n MenuItem,\n Grid,\n Card,\n CardMedia,\n CardContent,\n Chip\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(2),\n padding: theme.spacing(2),\n backgroundColor: '#f5f5f5',\n borderRadius: theme.shape.borderRadius,\n },\n button: {\n marginRight: theme.spacing(2),\n },\n searchDialog: {\n minWidth: '500px',\n },\n formControl: {\n marginBottom: theme.spacing(2),\n minWidth: '100%',\n },\n searchResults: {\n marginTop: theme.spacing(2),\n },\n resultCard: {\n marginBottom: theme.spacing(2),\n },\n resultImage: {\n height: 140,\n objectFit: 'contain',\n },\n chip: {\n margin: theme.spacing(0.5),\n },\n similarityChip: {\n backgroundColor: theme.palette.primary.main,\n color: 'white',\n }\n}));\n\nconst VectorDBActions = ({ results }) => {\n const classes = useStyles();\n const [isSaving, setIsSaving] = useState(false);\n const [saveSuccess, setSaveSuccess] = useState(false);\n const [saveError, setSaveError] = useState(null);\n const [openSearchDialog, setOpenSearchDialog] = useState(false);\n const [searchType, setSearchType] = useState('image');\n const [searchClass, setSearchClass] = useState('');\n const [searchResults, setSearchResults] = useState([]);\n const [isSearching, setIsSearching] = useState(false);\n const [searchError, setSearchError] = useState(null);\n \n // Extract model and data from results\n const { model, data } = results;\n \n // Handle saving to vector DB\n const handleSaveToVectorDB = async () => {\n setIsSaving(true);\n setSaveError(null);\n \n try {\n let response;\n \n if (model === 'vit') {\n // For ViT, save the whole image with classifications\n response = await fetch('/api/add-to-collection', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n image: data.image,\n metadata: {\n model: 'vit',\n classifications: data.classifications\n }\n })\n });\n } else {\n // For YOLO and DETR, save detected objects\n response = await fetch('/api/add-detected-objects', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n image: data.image,\n objects: data.detections,\n imageId: generateUUID()\n })\n });\n }\n \n if (!response.ok) {\n throw new Error(`HTTP error! Status: ${response.status}`);\n }\n \n const result = await response.json();\n \n if (result.error) {\n throw new Error(result.error);\n }\n \n setSaveSuccess(true);\n setTimeout(() => setSaveSuccess(false), 5000);\n } catch (err) {\n console.error('Error saving to vector DB:', err);\n setSaveError(`Error saving to vector DB: ${err.message}`);\n } finally {\n setIsSaving(false);\n }\n };\n \n // Handle opening search dialog\n const handleOpenSearchDialog = () => {\n setOpenSearchDialog(true);\n setSearchResults([]);\n setSearchError(null);\n };\n \n // Handle closing search dialog\n const handleCloseSearchDialog = () => {\n setOpenSearchDialog(false);\n };\n \n // Handle search type change\n const handleSearchTypeChange = (event) => {\n setSearchType(event.target.value);\n setSearchResults([]);\n setSearchError(null);\n };\n \n // Handle search class change\n const handleSearchClassChange = (event) => {\n setSearchClass(event.target.value);\n };\n \n // Handle search\n const handleSearch = async () => {\n setIsSearching(true);\n setSearchError(null);\n \n try {\n let requestBody = {};\n \n if (searchType === 'image') {\n // Search by current image\n requestBody = {\n searchType: 'image',\n image: data.image,\n n_results: 5\n };\n } else {\n // Search by class name\n if (!searchClass.trim()) {\n throw new Error('Please enter a class name');\n }\n \n requestBody = {\n searchType: 'class',\n class_name: searchClass.trim(),\n n_results: 5\n };\n }\n \n const response = await fetch('/api/search-similar-objects', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(requestBody)\n });\n \n if (!response.ok) {\n throw new Error(`HTTP error! Status: ${response.status}`);\n }\n \n const result = await response.json();\n \n if (result.error) {\n throw new Error(result.error);\n }\n \n console.log('Search API response:', result);\n \n // The backend responds with {success, searchType, results} structure, so extract only the results array\n if (result.success && Array.isArray(result.results)) {\n console.log('Setting search results array:', result.results);\n console.log('Results array length:', result.results.length);\n console.log('First result item:', result.results[0]);\n setSearchResults(result.results);\n } else {\n console.error('Unexpected API response format:', result);\n throw new Error('Unexpected API response format');\n }\n } catch (err) {\n console.error('Error searching vector DB:', err);\n setSearchError(`Error searching vector DB: ${err.message}`);\n } finally {\n setIsSearching(false);\n }\n };\n \n // Generate UUID for image ID\n const generateUUID = () => {\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\n const r = Math.random() * 16 | 0;\n const v = c === 'x' ? r : (r & 0x3 | 0x8);\n return v.toString(16);\n });\n };\n \n // Render search results\n const renderSearchResults = () => {\n console.log('Rendering search results:', searchResults);\n console.log('Search results length:', searchResults.length);\n \n if (searchResults.length === 0) {\n console.log('No results to render');\n return (\n <Typography variant=\"body1\">No results found.</Typography>\n );\n }\n \n return (\n <Grid container spacing={2}>\n {searchResults.map((result, index) => {\n const similarity = (1 - result.distance) * 100;\n \n return (\n <Grid item xs={12} sm={6} key={index}>\n <Card className={classes.resultCard}>\n {result.metadata && result.metadata.image_data ? (\n <CardMedia\n className={classes.resultImage}\n component=\"img\"\n height=\"200\"\n image={`data:image/jpeg;base64,${result.metadata.image_data}`}\n alt={result.metadata && result.metadata.class ? result.metadata.class : 'Object'}\n />\n ) : (\n <Box \n className={classes.resultImage}\n style={{ \n backgroundColor: '#f0f0f0', \n display: 'flex', \n alignItems: 'center', \n justifyContent: 'center',\n height: 200\n }}\n >\n <Typography variant=\"body2\" color=\"textSecondary\">\n {result.metadata && result.metadata.class ? result.metadata.class : 'Object'} Image\n </Typography>\n </Box>\n )}\n <CardContent>\n <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" mb={1}>\n <Typography variant=\"subtitle1\">Result #{index + 1}</Typography>\n <Chip \n label={`Similarity: ${similarity.toFixed(2)}%`}\n className={classes.similarityChip}\n size=\"small\"\n />\n </Box>\n <Typography variant=\"body2\" color=\"textSecondary\">\n <strong>Class:</strong> {result.metadata.class || 'N/A'}\n </Typography>\n {result.metadata.confidence && (\n <Typography variant=\"body2\" color=\"textSecondary\">\n <strong>Confidence:</strong> {(result.metadata.confidence * 100).toFixed(2)}%\n </Typography>\n )}\n <Typography variant=\"body2\" color=\"textSecondary\">\n <strong>Object ID:</strong> {result.id}\n </Typography>\n </CardContent>\n </Card>\n </Grid>\n );\n })}\n </Grid>\n );\n };\n \n return (\n <Box className={classes.root}>\n <Typography variant=\"h6\" gutterBottom>\n Vector Database Actions\n </Typography>\n \n <Box display=\"flex\" alignItems=\"center\" mb={2}>\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={handleSaveToVectorDB}\n disabled={isSaving}\n className={classes.button}\n >\n {isSaving ? (\n <>\n <CircularProgress size={20} color=\"inherit\" style={{ marginRight: 8 }} />\n Saving...\n </>\n ) : (\n 'Save to Vector DB'\n )}\n </Button>\n \n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={handleOpenSearchDialog}\n className={classes.button}\n >\n Search Similar\n </Button>\n </Box>\n \n {saveError && (\n <Alert severity=\"error\" style={{ marginTop: 8 }}>\n {saveError}\n </Alert>\n )}\n \n <Snackbar open={saveSuccess} autoHideDuration={5000} onClose={() => setSaveSuccess(false)}>\n <Alert severity=\"success\">\n {model === 'vit' ? (\n 'Image and classifications successfully saved to vector DB!'\n ) : (\n 'Detected objects successfully saved to vector DB!'\n )}\n </Alert>\n </Snackbar>\n \n {/* Search Dialog */}\n <Dialog\n open={openSearchDialog}\n onClose={handleCloseSearchDialog}\n maxWidth=\"md\"\n fullWidth\n >\n <DialogTitle>Search Vector Database</DialogTitle>\n <DialogContent>\n <FormControl className={classes.formControl}>\n <InputLabel id=\"search-type-label\">Search Type</InputLabel>\n <Select\n labelId=\"search-type-label\"\n id=\"search-type\"\n value={searchType}\n onChange={handleSearchTypeChange}\n >\n <MenuItem value=\"image\">Search by Current Image</MenuItem>\n <MenuItem value=\"class\">Search by Class Name</MenuItem>\n </Select>\n </FormControl>\n \n {searchType === 'class' && (\n <FormControl className={classes.formControl}>\n <TextField\n label=\"Class Name\"\n value={searchClass}\n onChange={handleSearchClassChange}\n placeholder=\"e.g. person, car, dog...\"\n fullWidth\n />\n </FormControl>\n )}\n \n {searchError && (\n <Alert severity=\"error\" style={{ marginBottom: 16 }}>\n {searchError}\n </Alert>\n )}\n \n <Box className={classes.searchResults}>\n {isSearching ? (\n <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\" p={4}>\n <CircularProgress />\n <Typography variant=\"body1\" style={{ marginLeft: 16 }}>\n Searching...\n </Typography>\n </Box>\n ) : (\n <>\n {console.log('Search dialog render - searchResults:', searchResults)}\n {searchResults.length > 0 ? renderSearchResults() : \n <Typography variant=\"body1\">No results found. Please try another search.</Typography>\n }\n </>\n )}\n </Box>\n </DialogContent>\n <DialogActions>\n <Button onClick={handleCloseSearchDialog} color=\"default\">\n Close\n </Button>\n <Button \n onClick={handleSearch} \n color=\"primary\" \n variant=\"contained\"\n disabled={isSearching || (searchType === 'class' && !searchClass.trim())}\n >\n Search\n </Button>\n </DialogActions>\n </Dialog>\n </Box>\n );\n};\n\nexport default VectorDBActions;\n","import React from 'react';\nimport { \n Paper, \n Typography, \n Box, \n List, \n ListItem, \n ListItemText, \n Divider,\n Grid,\n Chip\n} from '@material-ui/core';\nimport VectorDBActions from './VectorDBActions';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n padding: theme.spacing(2)\n },\n marginBottom: {\n marginBottom: theme.spacing(2)\n },\n resultImage: {\n maxWidth: '100%',\n maxHeight: '400px',\n objectFit: 'contain'\n },\n dividerMargin: {\n margin: `${theme.spacing(2)}px 0`\n },\n chipContainer: {\n display: 'flex',\n gap: theme.spacing(1),\n flexWrap: 'wrap'\n }\n}));\n\nconst ResultDisplay = ({ results }) => {\n const classes = useStyles();\n if (!results) return null;\n \n const { model, data } = results;\n \n // Helper to format times nicely\n const formatTime = (ms) => {\n if (ms === undefined || ms === null || isNaN(ms)) return '-';\n const num = Number(ms);\n if (num < 1000) return `${num.toFixed(2)} ms`;\n return `${(num / 1000).toFixed(2)} s`;\n };\n \n // Check if there's an error\n if (data.error) {\n return (\n <Paper sx={{ p: 2, bgcolor: '#ffebee' }}>\n <Typography color=\"error\">{data.error}</Typography>\n </Paper>\n );\n }\n\n // Display performance info\n const renderPerformanceInfo = () => {\n if (!data.performance) return null;\n \n return (\n <Box className=\"performance-info\">\n <Divider className={classes.dividerMargin} />\n <Typography variant=\"body2\">\n Inference time: {formatTime(data.performance.inference_time)} on {data.performance.device}\n </Typography>\n </Box>\n );\n };\n\n // Render for YOLO and DETR (object detection)\n if (model === 'yolo' || model === 'detr') {\n return (\n <Paper className={classes.paper}>\n <Typography variant=\"h6\" gutterBottom>\n {model === 'yolo' ? 'YOLOv8' : 'DETR'} Detection Results\n </Typography>\n \n <Grid container spacing={3}>\n <Grid item xs={12} md={6}>\n {data.image && (\n <Box className={classes.marginBottom}>\n <Typography variant=\"subtitle1\" gutterBottom>\n Detection Result\n </Typography>\n <img \n src={`data:image/png;base64,${data.image}`} \n alt=\"Detection Result\" \n className={classes.resultImage}\n />\n </Box>\n )}\n </Grid>\n \n <Grid item xs={12} md={6}>\n <Box className={classes.marginBottom}>\n <Typography variant=\"subtitle1\" gutterBottom>\n Detected Objects:\n </Typography>\n \n {data.detections && data.detections.length > 0 ? (\n <List>\n {data.detections.map((detection, index) => (\n <React.Fragment key={index}>\n <ListItem>\n <ListItemText \n primary={\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n <Typography variant=\"body1\" component=\"span\">\n {detection.class}\n </Typography>\n <Chip \n label={`${(detection.confidence * 100).toFixed(0)}%`}\n size=\"small\"\n color=\"primary\"\n style={{ marginLeft: 8 }}\n />\n </Box>\n } \n secondary={`Bounding Box: [${detection.bbox.join(', ')}]`} \n />\n </ListItem>\n {index < data.detections.length - 1 && <Divider />}\n </React.Fragment>\n ))}\n </List>\n ) : (\n <Typography variant=\"body1\">No objects detected</Typography>\n )}\n </Box>\n </Grid>\n </Grid>\n \n {renderPerformanceInfo()}\n \n {/* Vector DB Actions for Object Detection */}\n <VectorDBActions results={results} />\n </Paper>\n );\n }\n \n // Render for ViT (classification)\n if (model === 'vit') {\n return (\n <Paper className={classes.paper}>\n <Typography variant=\"h6\" gutterBottom>\n ViT Classification Results\n </Typography>\n \n <Typography variant=\"subtitle1\" gutterBottom>\n Top Predictions:\n </Typography>\n \n {data.top_predictions && data.top_predictions.length > 0 ? (\n <List>\n {data.top_predictions.map((prediction, index) => (\n <React.Fragment key={index}>\n <ListItem>\n <ListItemText \n primary={\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n <Typography variant=\"body1\" component=\"span\">\n {prediction.rank}. {prediction.class}\n </Typography>\n <Chip \n label={`${(prediction.probability * 100).toFixed(1)}%`}\n size=\"small\"\n color={index === 0 ? \"primary\" : \"default\"}\n style={{ marginLeft: 8 }}\n />\n </Box>\n } \n />\n </ListItem>\n {index < data.top_predictions.length - 1 && <Divider />}\n </React.Fragment>\n ))}\n </List>\n ) : (\n <Typography variant=\"body1\">No classifications available</Typography>\n )}\n \n {renderPerformanceInfo()}\n \n {/* Vector DB Actions for ViT Classification */}\n <VectorDBActions results={results} />\n </Paper>\n );\n }\n \n return null;\n};\n\nexport default ResultDisplay;\n","import React, { useState } from 'react';\nimport { \n Paper, \n Typography, \n Box, \n TextField, \n Button, \n CircularProgress,\n Divider\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n padding: theme.spacing(2),\n marginTop: theme.spacing(2)\n },\n marginBottom: {\n marginBottom: theme.spacing(2)\n },\n dividerMargin: {\n margin: `${theme.spacing(2)}px 0`\n },\n responseBox: {\n padding: theme.spacing(2),\n backgroundColor: '#f5f5f5',\n borderRadius: theme.shape.borderRadius,\n marginTop: theme.spacing(2),\n whiteSpace: 'pre-wrap'\n },\n buttonProgress: {\n marginLeft: theme.spacing(1)\n }\n}));\n\nconst LlmAnalysis = ({ visionResults, model }) => {\n const classes = useStyles();\n const [userQuery, setUserQuery] = useState('');\n const [isAnalyzing, setIsAnalyzing] = useState(false);\n const [analysisResult, setAnalysisResult] = useState(null);\n const [error, setError] = useState(null);\n\n // Format time for display\n const formatTime = (ms) => {\n if (ms === undefined || ms === null || isNaN(ms)) return '-';\n const num = Number(ms);\n if (num < 1000) return `${num.toFixed(2)} ms`;\n return `${(num / 1000).toFixed(2)} s`;\n };\n\n const handleAnalyze = async () => {\n if (!userQuery.trim()) return;\n \n setIsAnalyzing(true);\n setError(null);\n \n try {\n const response = await fetch('/api/analyze', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n visionResults: visionResults,\n userQuery: userQuery\n }),\n });\n\n if (!response.ok) {\n throw new Error(`HTTP error! Status: ${response.status}`);\n }\n\n const data = await response.json();\n \n if (data.error) {\n setError(data.error);\n } else {\n setAnalysisResult(data);\n }\n } catch (err) {\n console.error('Error analyzing with LLM:', err);\n setError(`Error analyzing with LLM: ${err.message}`);\n } finally {\n setIsAnalyzing(false);\n }\n };\n\n if (!visionResults) return null;\n\n return (\n <Paper className={classes.paper}>\n <Typography variant=\"h6\" gutterBottom>\n Ask AI about the {model === 'vit' ? 'Classification' : 'Detection'} Results\n </Typography>\n \n <Typography variant=\"body2\" className={classes.marginBottom}>\n Ask a question about the detected objects or classifications to get an AI-powered analysis.\n </Typography>\n \n <TextField\n fullWidth\n label=\"Your question about the image\"\n variant=\"outlined\"\n value={userQuery}\n onChange={(e) => setUserQuery(e.target.value)}\n disabled={isAnalyzing}\n className={classes.marginBottom}\n placeholder={model === 'vit' \n ? \"E.g., What category does this image belong to?\" \n : \"E.g., How many people are in this image?\"}\n />\n \n <Button \n variant=\"contained\" \n color=\"primary\"\n onClick={handleAnalyze}\n disabled={isAnalyzing || !userQuery.trim()}\n >\n Analyze with AI\n {isAnalyzing && <CircularProgress size={24} className={classes.buttonProgress} />}\n </Button>\n \n {error && (\n <Box mt={2}>\n <Typography color=\"error\">{error}</Typography>\n </Box>\n )}\n \n {analysisResult && (\n <>\n <Divider className={classes.dividerMargin} />\n \n <Typography variant=\"subtitle1\" gutterBottom>\n AI Analysis:\n </Typography>\n \n <Box className={classes.responseBox}>\n <Typography variant=\"body1\">\n {analysisResult.response}\n </Typography>\n </Box>\n \n {analysisResult.performance && (\n <Box mt={1}>\n <Typography variant=\"body2\" color=\"textSecondary\">\n Analysis time: {formatTime(analysisResult.performance.inference_time)} on {analysisResult.performance.device}\n </Typography>\n </Box>\n )}\n </>\n )}\n </Paper>\n );\n};\n\nexport default LlmAnalysis;\n","import React, { useState } from 'react';\nimport { \n Paper,\n Typography,\n Grid,\n TextField,\n Button,\n Divider\n} from '@material-ui/core';\n\nfunction OpenAIChat() {\n const [model, setModel] = useState('gpt-4o-mini');\n const [apiKey, setApiKey] = useState('');\n const [system, setSystem] = useState('You are a helpful assistant.');\n const [prompt, setPrompt] = useState('');\n const [response, setResponse] = useState('');\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n\n const onSend = async () => {\n setError('');\n setResponse('');\n const p = (prompt || '').trim();\n if (!p) { setError('Please enter a question.'); return; }\n\n setLoading(true);\n try {\n const res = await fetch('/api/openai/chat', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n credentials: 'include',\n body: JSON.stringify({\n prompt: p,\n model: (model || '').trim() || 'gpt-4o-mini',\n api_key: (apiKey || undefined),\n system: (system || undefined)\n })\n });\n\n if (!res.ok) {\n let txt = await res.text();\n try { txt = JSON.stringify(JSON.parse(txt), null, 2); } catch {}\n throw new Error(txt);\n }\n const data = await res.json();\n const meta = `Model: ${data.model} | Latency: ${data.latency_sec}s` + (data.usage ? ` | Usage: ${JSON.stringify(data.usage)}` : '');\n setResponse((data.response || '(Empty response)') + '\\n\\n---\\n' + meta);\n } catch (e) {\n setError('Error: ' + e.message);\n } finally {\n setLoading(false);\n }\n };\n\n const onClear = () => {\n setPrompt('');\n setResponse('');\n setError('');\n };\n\n return (\n <Paper style={{ padding: 16 }}>\n <Typography variant=\"h5\" gutterBottom>\n OpenAI Chat (OpenAI API)\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n If the server env var OPENAI_API_KEY is set, the API Key field is optional.\n </Typography>\n <Grid container spacing={2}>\n <Grid item xs={12} md={6}>\n <TextField\n label=\"Model\"\n value={model}\n onChange={(e) => setModel(e.target.value)}\n fullWidth\n variant=\"outlined\"\n size=\"small\"\n />\n </Grid>\n <Grid item xs={12} md={6}>\n <TextField\n label=\"OpenAI API Key (optional)\"\n value={apiKey}\n onChange={(e) => setApiKey(e.target.value)}\n fullWidth\n variant=\"outlined\"\n size=\"small\"\n type=\"password\"\n placeholder=\"sk-...\"\n />\n </Grid>\n <Grid item xs={12}>\n <TextField\n label=\"System Prompt (optional)\"\n value={system}\n onChange={(e) => setSystem(e.target.value)}\n fullWidth\n variant=\"outlined\"\n size=\"small\"\n />\n </Grid>\n <Grid item xs={12}>\n <TextField\n label=\"User Question\"\n value={prompt}\n onChange={(e) => setPrompt(e.target.value)}\n fullWidth\n multiline\n rows={4}\n variant=\"outlined\"\n />\n </Grid>\n {error && (\n <Grid item xs={12}>\n <Typography color=\"error\">{error}</Typography>\n </Grid>\n )}\n <Grid item xs={12}>\n <div style={{ display: 'flex', gap: 8 }}>\n <Button color=\"primary\" variant=\"contained\" onClick={onSend} disabled={loading}>\n {loading ? 'Sending...' : 'Send Question'}\n </Button>\n <Button variant=\"outlined\" onClick={onClear}>Clear</Button>\n </div>\n </Grid>\n <Grid item xs={12}>\n <Divider style={{ margin: '12px 0' }} />\n <Typography variant=\"subtitle2\" color=\"textSecondary\">Response</Typography>\n <pre style={{ whiteSpace: 'pre-wrap', fontFamily: 'ui-monospace, monospace' }}>{response}</pre>\n </Grid>\n </Grid>\n </Paper>\n );\n}\n\nexport default OpenAIChat;\n","import React, { useState, useEffect } from 'react';\nimport { \n Container, \n Typography, \n Box, \n Paper, \n Grid, \n CircularProgress,\n AppBar,\n Toolbar,\n ThemeProvider,\n createMuiTheme\n} from '@material-ui/core';\nimport ImageUploader from './components/ImageUploader';\nimport ModelSelector from './components/ModelSelector';\nimport ResultDisplay from './components/ResultDisplay';\nimport LlmAnalysis from './components/LlmAnalysis';\nimport OpenAIChat from './components/OpenAIChat';\nimport './App.css';\n\n// Create a theme\nconst theme = createMuiTheme({\n palette: {\n primary: {\n main: '#3f51b5',\n },\n secondary: {\n main: '#f50057',\n },\n },\n typography: {\n fontFamily: 'Roboto, Arial, sans-serif',\n },\n});\n\nfunction App() {\n const [selectedImage, setSelectedImage] = useState(null);\n const [selectedModel, setSelectedModel] = useState('');\n const [isProcessing, setIsProcessing] = useState(false);\n const [results, setResults] = useState(null);\n const [error, setError] = useState(null);\n const [modelsStatus, setModelsStatus] = useState({\n yolo: false,\n detr: false,\n vit: false\n });\n\n // Check API status on component mount\n useEffect(() => {\n fetch('/api/status')\n .then(response => response.json())\n .then(data => {\n setModelsStatus(data.models);\n })\n .catch(err => {\n console.error('Error checking API status:', err);\n setError('Error connecting to the backend API. Please make sure the server is running.');\n });\n }, []);\n\n const handleImageUpload = (image) => {\n setSelectedImage(image);\n setResults(null);\n setError(null);\n };\n\n const handleModelSelect = (model) => {\n setSelectedModel(model);\n setResults(null);\n setError(null);\n };\n\n const processImage = async () => {\n if (!selectedImage || !selectedModel) {\n setError('Please select both an image and a model');\n return;\n }\n\n setIsProcessing(true);\n setError(null);\n\n // Create form data for the image\n const formData = new FormData();\n formData.append('image', selectedImage);\n\n let endpoint = '';\n switch (selectedModel) {\n case 'yolo':\n endpoint = '/api/detect/yolo';\n break;\n case 'detr':\n endpoint = '/api/detect/detr';\n break;\n case 'vit':\n endpoint = '/api/classify/vit';\n break;\n default:\n setError('Invalid model selection');\n setIsProcessing(false);\n return;\n }\n\n try {\n const response = await fetch(endpoint, {\n method: 'POST',\n body: formData,\n });\n\n if (!response.ok) {\n throw new Error(`HTTP error! Status: ${response.status}`);\n }\n\n const data = await response.json();\n setResults({ model: selectedModel, data });\n } catch (err) {\n console.error('Error processing image:', err);\n setError(`Error processing image: ${err.message}`);\n } finally {\n setIsProcessing(false);\n }\n };\n\n return (\n <ThemeProvider theme={theme}>\n <Box style={{ flexGrow: 1 }}>\n <AppBar position=\"static\">\n <Toolbar>\n <Typography variant=\"h6\" style={{ flexGrow: 1 }}>\n Multi-Model Object Detection Demo\n </Typography>\n </Toolbar>\n </AppBar>\n <Container maxWidth=\"lg\" style={{ marginTop: theme.spacing(4), marginBottom: theme.spacing(4) }}>\n <Grid container spacing={3}>\n <Grid item xs={12}>\n <Paper style={{ padding: theme.spacing(2) }}>\n <Typography variant=\"h5\" gutterBottom>\n Upload an image to see how each model performs!\n </Typography>\n <Typography variant=\"body1\" paragraph>\n This demo showcases three different object detection and image classification models:\n </Typography>\n <Typography variant=\"body1\" component=\"div\">\n <ul>\n <li><strong>YOLOv8</strong>: Fast and accurate object detection</li>\n <li><strong>DETR</strong>: DEtection TRansformer for object detection</li>\n <li><strong>ViT</strong>: Vision Transformer for image classification</li>\n </ul>\n </Typography>\n </Paper>\n </Grid>\n \n <Grid item xs={12} md={6}>\n <ImageUploader onImageUpload={handleImageUpload} />\n </Grid>\n \n <Grid item xs={12} md={6}>\n <ModelSelector \n onModelSelect={handleModelSelect} \n onProcess={processImage}\n isProcessing={isProcessing}\n modelsStatus={modelsStatus}\n selectedModel={selectedModel}\n imageSelected={!!selectedImage}\n />\n </Grid>\n \n {error && (\n <Grid item xs={12}>\n <Paper style={{ padding: theme.spacing(2), backgroundColor: '#ffebee' }}>\n <Typography color=\"error\">{error}</Typography>\n </Paper>\n </Grid>\n )}\n \n {isProcessing && (\n <Grid item xs={12} style={{ textAlign: 'center', margin: `${theme.spacing(4)}px 0` }}>\n <CircularProgress />\n <Typography variant=\"h6\" style={{ marginTop: theme.spacing(2) }}>\n Processing image...\n </Typography>\n </Grid>\n )}\n \n {results && (\n <>\n <Grid item xs={12}>\n <ResultDisplay results={results} />\n </Grid>\n <Grid item xs={12}>\n <LlmAnalysis visionResults={results.data} model={results.model} />\n </Grid>\n </>\n )}\n\n {/* OpenAI Chat section at the end */}\n <Grid item xs={12}>\n <OpenAIChat />\n </Grid>\n </Grid>\n </Container>\n </Box>\n </ThemeProvider>\n );\n}\n\nexport default App;\n","const reportWebVitals = (onPerfEntry) => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n <React.StrictMode>\n <App />\n </React.StrictMode>,\n document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}

static/static/js/runtime-main.25710301.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- !function(e){function r(r){for(var n,i,a=r[0],c=r[1],l=r[2],p=0,s=[];p<a.length;p++)i=a[p],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,l\|\|[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var c=t[a];0!==o[c]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return i.p+"static/js/"+({}[e]\|\|e)+"."+{3:"9013e23f"}[e]+".chunk.js"}(e);var c=new Error;u=function(r){a.onerror=a.onload=null,clearTimeout(l);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var l=setTimeout((function(){u({type:"timeout",target:a})}),12e4);a.onerror=a.onload=u,document.head.appendChild(a)}return Promise.all(r)},i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)\|\|Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/",i.oe=function(e){throw console.error(e),e};var a=this["webpackJsonpvision-web-app"]=this["webpackJsonpvision-web-app"]\|\|[],c=a.push.bind(a);a.push=r,a=a.slice();for(var l=0;l<a.length;l++)r(a[l]);var f=c;t()}([]);
2	- //# sourceMappingURL=runtime-main.25710301.js.map

static/static/js/runtime-main.25710301.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../webpack/bootstrap"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","1","exports","module","l","e","promises","installedChunkData","promise","Promise","resolve","reject","onScriptComplete","script","document","createElement","charset","timeout","nc","setAttribute","src","p","jsonpScriptSrc","error","Error","event","onerror","onload","clearTimeout","chunk","errorType","type","realSrc","target","message","name","request","undefined","setTimeout","head","appendChild","all","m","c","d","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","oe","err","console","jsonpArray","this","oldJsonpFunction","slice"],"mappings":"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","file":"static/js/runtime-main.25710301.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t1: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// script path function\n \tfunction jsonpScriptSrc(chunkId) {\n \t\treturn __webpack_require__.p + \"static/js/\" + ({}[chunkId]||chunkId) + \".\" + {\"3\":\"9013e23f\"}[chunkId] + \".chunk.js\"\n \t}\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar promises = [];\n\n\n \t\t// JSONP chunk loading for javascript\n\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n \t\t\t// a Promise means \"currently loading\".\n \t\t\tif(installedChunkData) {\n \t\t\t\tpromises.push(installedChunkData[2]);\n \t\t\t} else {\n \t\t\t\t// setup Promise in chunk cache\n \t\t\t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t\t\t});\n \t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n \t\t\t\t// start chunk loading\n \t\t\t\tvar script = document.createElement('script');\n \t\t\t\tvar onScriptComplete;\n\n \t\t\t\tscript.charset = 'utf-8';\n \t\t\t\tscript.timeout = 120;\n \t\t\t\tif (__webpack_require__.nc) {\n \t\t\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t\t\t}\n \t\t\t\tscript.src = jsonpScriptSrc(chunkId);\n\n \t\t\t\t// create error before stack unwound to get useful stacktrace later\n \t\t\t\tvar error = new Error();\n \t\t\t\tonScriptComplete = function (event) {\n \t\t\t\t\t// avoid mem leaks in IE.\n \t\t\t\t\tscript.onerror = script.onload = null;\n \t\t\t\t\tclearTimeout(timeout);\n \t\t\t\t\tvar chunk = installedChunks[chunkId];\n \t\t\t\t\tif(chunk !== 0) {\n \t\t\t\t\t\tif(chunk) {\n \t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n \t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n \t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n \t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n \t\t\t\t\t\t\terror.type = errorType;\n \t\t\t\t\t\t\terror.request = realSrc;\n \t\t\t\t\t\t\tchunk[1](error);\n \t\t\t\t\t\t}\n \t\t\t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t\t\t}\n \t\t\t\t};\n \t\t\t\tvar timeout = setTimeout(function(){\n \t\t\t\t\tonScriptComplete({ type: 'timeout', target: script });\n \t\t\t\t}, 120000);\n \t\t\t\tscript.onerror = script.onload = onScriptComplete;\n \t\t\t\tdocument.head.appendChild(script);\n \t\t\t}\n \t\t}\n \t\treturn Promise.all(promises);\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n \tvar jsonpArray = this[\"webpackJsonpvision-web-app\"] = this[\"webpackJsonpvision-web-app\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// run deferred modules from other chunks\n \tcheckDeferredModules();\n"],"sourceRoot":""}

static/static/manifest.json DELETED Viewed

@@ -1,15 +0,0 @@
-{
-  "short_name": "Vision Web App",
-  "name": "Multi-Model Object Detection Demo",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

static/static/precache-manifest.653a7aee73b10eaaa2fae0610652f6fa.js DELETED Viewed

@@ -1,30 +0,0 @@
-self.__precacheManifest = (self.__precacheManifest || []).concat([
-  {
-    "revision": "63e79b8c5a7091459c975e9ced1d4412",
-    "url": "/index.html"
-  },
-  {
-    "revision": "d435db4fd542a4ef6aa8",
-    "url": "/static/css/main.59c2a54e.chunk.css"
-  },
-  {
-    "revision": "a3aa56e81892b1b7fdee",
-    "url": "/static/js/2.abf91741.chunk.js"
-  },
-  {
-    "revision": "89a1b2dcd30c03705b2bceeb141b76b6",
-    "url": "/static/js/2.abf91741.chunk.js.LICENSE.txt"
-  },
-  {
-    "revision": "70d68b45d511e1e11f23",
-    "url": "/static/js/3.9013e23f.chunk.js"
-  },
-  {
-    "revision": "d435db4fd542a4ef6aa8",
-    "url": "/static/js/main.db88b5b1.chunk.js"
-  },
-  {
-    "revision": "d8c310b0ac7ffa6d8151",
-    "url": "/static/js/runtime-main.25710301.js"
-  }
-]);

static/static/service-worker.js DELETED Viewed

@@ -1,39 +0,0 @@
-/**
- * Welcome to your Workbox-powered service worker!
- *
- * You'll need to register this file in your web app and you should
- * disable HTTP caching for this file too.
- * See https://goo.gl/nhQhGp
- *
- * The rest of the code is auto-generated. Please don't update this file
- * directly; instead, make changes to your Workbox build configuration
- * and re-run your build process.
- * See https://goo.gl/2aRDsh
- */
-importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
-importScripts(
-  "/precache-manifest.653a7aee73b10eaaa2fae0610652f6fa.js"
-);
-self.addEventListener('message', (event) => {
-  if (event.data && event.data.type === 'SKIP_WAITING') {
-    self.skipWaiting();
-  }
-});
-workbox.core.clientsClaim();
-/**
- * The workboxSW.precacheAndRoute() method efficiently caches and responds to
- * requests for URLs in the manifest.
- * See https://goo.gl/S9QRab
- */
-self.__precacheManifest = [].concat(self.__precacheManifest || []);
-workbox.precaching.precacheAndRoute(self.__precacheManifest, {});
-workbox.routing.registerNavigationRoute(workbox.precaching.getCacheKeyForURL("/index.html"), {
-  blacklist: [/^\/_/,/\/[^/?]+\.[^/]+$/],
-});