Add product tool link to import results

Tweak import results UI
Add image processing and related warnings system, update import results page
2025-10-24 13:55:42 -04:00 · 2025-10-24 12:58:20 -04:00 · 2025-10-24 12:04:46 -04:00
11 changed files with 1471 additions and 102 deletions
--- a/inventory-server/package-lock.json
+++ b/inventory-server/package-lock.json
@@ -23,6 +23,7 @@
        "openai": "^6.0.0",
        "pg": "^8.14.1",
        "pm2": "^5.3.0",
+        "sharp": "^0.33.5",
        "ssh2": "^1.16.0",
        "uuid": "^9.0.1"
      },
@@ -30,6 +31,384 @@
        "nodemon": "^3.0.2"
      }
    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.6.0.tgz",
+      "integrity": "sha512-obtUmAHTMjll499P+D9A3axeJFlhdjOWdKUNs/U6QIGT7V5RjcUW1xToAzjvmgTSQhDbYn/NwfTRoJcQ2rNBxA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD",
+      "optional": true
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz",
+      "integrity": "sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz",
+      "integrity": "sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz",
+      "integrity": "sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz",
+      "integrity": "sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz",
+      "integrity": "sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz",
+      "integrity": "sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz",
+      "integrity": "sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz",
+      "integrity": "sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz",
+      "integrity": "sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz",
+      "integrity": "sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz",
+      "integrity": "sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.0.5"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz",
+      "integrity": "sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz",
+      "integrity": "sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz",
+      "integrity": "sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz",
+      "integrity": "sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz",
+      "integrity": "sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz",
+      "integrity": "sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.2.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz",
+      "integrity": "sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz",
+      "integrity": "sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
    "node_modules/@mapbox/node-pre-gyp": {
      "version": "1.0.11",
      "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
@@ -840,6 +1219,19 @@
        "node": ">=8.10.0"
      }
    },
+    "node_modules/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
    "node_modules/color-convert": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -858,6 +1250,16 @@
      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
      "license": "MIT"
    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
    "node_modules/color-support": {
      "version": "1.1.3",
      "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
@@ -1853,6 +2255,12 @@
        "node": ">= 0.10"
      }
    },
+    "node_modules/is-arrayish": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.4.tgz",
+      "integrity": "sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==",
+      "license": "MIT"
+    },
    "node_modules/is-binary-path": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -3387,6 +3795,45 @@
      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
      "license": "ISC"
    },
+    "node_modules/sharp": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz",
+      "integrity": "sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "color": "^4.2.3",
+        "detect-libc": "^2.0.3",
+        "semver": "^7.6.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.33.5",
+        "@img/sharp-darwin-x64": "0.33.5",
+        "@img/sharp-libvips-darwin-arm64": "1.0.4",
+        "@img/sharp-libvips-darwin-x64": "1.0.4",
+        "@img/sharp-libvips-linux-arm": "1.0.5",
+        "@img/sharp-libvips-linux-arm64": "1.0.4",
+        "@img/sharp-libvips-linux-s390x": "1.0.4",
+        "@img/sharp-libvips-linux-x64": "1.0.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.0.4",
+        "@img/sharp-linux-arm": "0.33.5",
+        "@img/sharp-linux-arm64": "0.33.5",
+        "@img/sharp-linux-s390x": "0.33.5",
+        "@img/sharp-linux-x64": "0.33.5",
+        "@img/sharp-linuxmusl-arm64": "0.33.5",
+        "@img/sharp-linuxmusl-x64": "0.33.5",
+        "@img/sharp-wasm32": "0.33.5",
+        "@img/sharp-win32-ia32": "0.33.5",
+        "@img/sharp-win32-x64": "0.33.5"
+      }
+    },
    "node_modules/shimmer": {
      "version": "1.2.1",
      "resolved": "https://registry.npmjs.org/shimmer/-/shimmer-1.2.1.tgz",
@@ -3471,6 +3918,15 @@
      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
      "license": "ISC"
    },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.4.tgz",
+      "integrity": "sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
    "node_modules/simple-update-notifier": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
--- a/inventory-server/package.json
+++ b/inventory-server/package.json
@@ -32,6 +32,7 @@
    "openai": "^6.0.0",
    "pg": "^8.14.1",
    "pm2": "^5.3.0",
+    "sharp": "^0.33.5",
    "ssh2": "^1.16.0",
    "uuid": "^9.0.1"
  },
--- a/inventory-server/src/routes/import.js
+++ b/inventory-server/src/routes/import.js
@@ -5,6 +5,8 @@ const mysql = require('mysql2/promise');
 const multer = require('multer');
 const path = require('path');
 const fs = require('fs');
+const fsp = fs.promises;
+const sharp = require('sharp');

 // Create uploads directory if it doesn't exist
 const uploadsDir = path.join('/var/www/html/inventory/uploads/products');
@@ -35,6 +37,9 @@ const connectionCache = {
  }
 };

+const MIN_IMAGE_DIMENSION = 1000;
+const MAX_IMAGE_SIZE_BYTES = 5 * 1024 * 1024;
+
 // Function to schedule image deletion after 24 hours
 const scheduleImageDeletion = (filename, filePath) => {
  // Only schedule deletion for images in the products folder
@@ -145,6 +150,255 @@ const cleanupImagesOnStartup = () => {
 // Run cleanup on server start
 cleanupImagesOnStartup();

+const bytesToMegabytes = (bytes) => Number((bytes / (1024 * 1024)).toFixed(2));
+
+const processUploadedImage = async (filePath, mimetype) => {
+  const notices = [];
+  const legacyWarnings = [];
+  const metadata = {};
+
+  const originalBuffer = await fsp.readFile(filePath);
+  let baseMetadata = await sharp(originalBuffer, { failOn: 'none' }).metadata();
+
+  metadata.width = baseMetadata.width || 0;
+  metadata.height = baseMetadata.height || 0;
+  metadata.size = originalBuffer.length;
+  metadata.colorSpace = baseMetadata.space || baseMetadata.colourspace || null;
+
+  if (
+    baseMetadata.width &&
+    baseMetadata.height &&
+    (baseMetadata.width < MIN_IMAGE_DIMENSION || baseMetadata.height < MIN_IMAGE_DIMENSION)
+  ) {
+    const message = `Image is ${baseMetadata.width}x${baseMetadata.height}. Recommended minimum is ${MIN_IMAGE_DIMENSION}x${MIN_IMAGE_DIMENSION}.`;
+    notices.push({
+      message,
+      level: 'warning',
+      code: 'dimensions_too_small',
+      source: 'server'
+    });
+    legacyWarnings.push(message);
+  }
+
+  const colorSpace = (baseMetadata.space || baseMetadata.colourspace || '').toLowerCase();
+  let shouldConvertToRgb = colorSpace === 'cmyk';
+
+  if (shouldConvertToRgb) {
+    const message = 'Converted image from CMYK to RGB.';
+    notices.push({
+      message,
+      level: 'info',
+      code: 'converted_to_rgb',
+      source: 'server'
+    });
+    legacyWarnings.push(message);
+  }
+
+  const format = (baseMetadata.format || '').toLowerCase();
+  if (format === 'gif') {
+    if (metadata.size > MAX_IMAGE_SIZE_BYTES) {
+      const message = `GIF optimization is limited; resulting size is ${bytesToMegabytes(metadata.size)}MB (target 5MB).`;
+      notices.push({
+        message,
+        level: 'warning',
+        code: 'gif_size_limit',
+        source: 'server'
+      });
+      legacyWarnings.push(message);
+    }
+    metadata.convertedToRgb = false;
+    metadata.resized = false;
+    return { notices, warnings: legacyWarnings, metadata, finalSize: metadata.size };
+  }
+
+  const supportsQuality = ['jpeg', 'jpg', 'webp'].includes(format);
+  let targetQuality = supportsQuality ? 90 : undefined;
+  let finalQuality = undefined;
+
+  let currentWidth = baseMetadata.width || null;
+  let currentHeight = baseMetadata.height || null;
+
+  let resized = false;
+  let mutated = false;
+  let finalBuffer = originalBuffer;
+  let finalInfo = baseMetadata;
+
+  const encode = async ({ width, height, quality }) => {
+    let pipeline = sharp(originalBuffer, { failOn: 'none' });
+
+    if (shouldConvertToRgb) {
+      pipeline = pipeline.toColorspace('srgb');
+    }
+
+    if (width || height) {
+      pipeline = pipeline.resize({
+        width: width ?? undefined,
+        height: height ?? undefined,
+        fit: 'inside',
+        withoutEnlargement: true,
+      });
+    }
+
+    switch (format) {
+      case 'png':
+        pipeline = pipeline.png({
+          compressionLevel: 9,
+          adaptiveFiltering: true,
+          palette: true,
+        });
+        break;
+      case 'webp':
+        pipeline = pipeline.webp({ quality: quality ?? 90 });
+        break;
+      case 'jpeg':
+      case 'jpg':
+      default:
+        pipeline = pipeline.jpeg({ quality: quality ?? 90, mozjpeg: true });
+        break;
+    }
+
+    return pipeline.toBuffer({ resolveWithObject: true });
+  };
+
+  const canResize =
+    (currentWidth && currentWidth > MIN_IMAGE_DIMENSION) ||
+    (currentHeight && currentHeight > MIN_IMAGE_DIMENSION);
+
+  if (metadata.size > MAX_IMAGE_SIZE_BYTES && (supportsQuality || canResize)) {
+    const maxAttempts = 8;
+
+    for (let attempt = 0; attempt < maxAttempts; attempt++) {
+      let targetWidth = currentWidth;
+      let targetHeight = currentHeight;
+      let resizedThisAttempt = false;
+
+      if (currentWidth && currentWidth > MIN_IMAGE_DIMENSION) {
+        targetWidth = Math.max(MIN_IMAGE_DIMENSION, Math.round(currentWidth * 0.85));
+      }
+
+      if (currentHeight && currentHeight > MIN_IMAGE_DIMENSION) {
+        targetHeight = Math.max(MIN_IMAGE_DIMENSION, Math.round(currentHeight * 0.85));
+      }
+
+      if (
+        (targetWidth && currentWidth && targetWidth < currentWidth) ||
+        (targetHeight && currentHeight && targetHeight < currentHeight)
+      ) {
+        resized = true;
+        resizedThisAttempt = true;
+        currentWidth = targetWidth;
+        currentHeight = targetHeight;
+      } else if (!supportsQuality || (targetQuality && targetQuality <= 70)) {
+        // Cannot resize further and quality cannot be adjusted
+        break;
+      }
+
+      const qualityForAttempt = supportsQuality ? targetQuality : undefined;
+      const { data, info } = await encode({
+        width: currentWidth,
+        height: currentHeight,
+        quality: qualityForAttempt,
+      });
+
+      mutated = true;
+      finalBuffer = data;
+      finalInfo = info;
+      metadata.optimizedSize = data.length;
+      if (info.width) metadata.width = info.width;
+      if (info.height) metadata.height = info.height;
+      if (info.width) currentWidth = info.width;
+      if (info.height) currentHeight = info.height;
+
+      if (supportsQuality && qualityForAttempt) {
+        finalQuality = qualityForAttempt;
+      }
+
+      if (data.length <= MAX_IMAGE_SIZE_BYTES) {
+        break;
+      }
+
+      if (resizedThisAttempt) {
+        continue;
+      }
+
+      if (supportsQuality && targetQuality && targetQuality > 70) {
+        const nextQuality = Math.max(70, targetQuality - 10);
+        if (nextQuality === targetQuality) {
+          break;
+        }
+        targetQuality = nextQuality;
+        continue;
+      }
+
+      break;
+    }
+
+    if (finalBuffer.length > MAX_IMAGE_SIZE_BYTES) {
+      const message = `Optimized image remains ${bytesToMegabytes(finalBuffer.length)}MB (target 5MB).`;
+      notices.push({
+        message,
+        level: 'warning',
+        code: 'size_over_limit',
+        source: 'server'
+      });
+      legacyWarnings.push(message);
+    }
+  } else if (shouldConvertToRgb) {
+    const { data, info } = await encode({ width: currentWidth, height: currentHeight });
+    mutated = true;
+    finalBuffer = data;
+    finalInfo = info;
+    metadata.optimizedSize = data.length;
+    if (info.width) metadata.width = info.width;
+    if (info.height) metadata.height = info.height;
+    if (info.width) currentWidth = info.width;
+    if (info.height) currentHeight = info.height;
+  }
+
+  if (mutated) {
+    await fsp.writeFile(filePath, finalBuffer);
+    metadata.optimizedSize = finalBuffer.length;
+  } else {
+    // No transformation occurred; still need to ensure we report original stats
+    metadata.optimizedSize = metadata.size;
+  }
+
+  metadata.convertedToRgb = shouldConvertToRgb && mutated;
+  metadata.resized = resized;
+  if (finalQuality) {
+    metadata.quality = finalQuality;
+  }
+
+  if (resized && metadata.width && metadata.height) {
+    const message = `Image resized to ${metadata.width}x${metadata.height} during optimization.`;
+    notices.push({
+      message,
+      level: 'info',
+      code: 'resized',
+      source: 'server'
+    });
+    legacyWarnings.push(message);
+  }
+
+  if (finalQuality && finalQuality < 90) {
+    const message = `Image quality adjusted to ${finalQuality} to reduce file size.`;
+    notices.push({
+      message,
+      level: 'info',
+      code: 'quality_adjusted',
+      source: 'server'
+    });
+    legacyWarnings.push(message);
+  }
+
+  return {
+    notices,
+    warnings: legacyWarnings,
+    metadata,
+    finalSize: finalBuffer.length,
+  };
+};
+
 // Configure multer for file uploads
 const storage = multer.diskStorage({
  destination: function (req, file, cb) {
@@ -178,7 +432,7 @@ const storage = multer.diskStorage({
 const upload = multer({ 
  storage: storage,
  limits: {
-    fileSize: 5 * 1024 * 1024, // 5MB max file size
+    fileSize: 15 * 1024 * 1024, // Allow bigger uploads; processing will reduce to 5MB
  },
  fileFilter: function (req, file, cb) {
    // Accept only image files
@@ -345,7 +599,7 @@ async function setupSshTunnel() {
 }

 // Image upload endpoint
-router.post('/upload-image', upload.single('image'), (req, res) => {
+router.post('/upload-image', upload.single('image'), async (req, res) => {
  try {
    if (!req.file) {
      return res.status(400).json({ error: 'No image file provided' });
@@ -375,6 +629,10 @@ router.post('/upload-image', upload.single('image'), (req, res) => {
      }
    });

+    // Process the image (resize/compress/color-space) before responding
+    const processingResult = await processUploadedImage(filePath, req.file.mimetype);
+    req.file.size = processingResult.finalSize;
+
    // Create URL for the uploaded file - using an absolute URL with domain
    // This will generate a URL like: https://acot.site/uploads/products/filename.jpg
    const baseUrl = 'https://acot.site';
@@ -390,11 +648,24 @@ router.post('/upload-image', upload.single('image'), (req, res) => {
      fileName: req.file.filename,
      mimetype: req.file.mimetype,
      fullPath: filePath,
+      notices: processingResult.notices,
+      warnings: processingResult.warnings,
+      metadata: processingResult.metadata,
      message: 'Image uploaded successfully (will auto-delete after 24 hours)'
    });
    
  } catch (error) {
    console.error('Error uploading image:', error);
+    if (req?.file?.filename) {
+      const cleanupPath = path.join(uploadsDir, req.file.filename);
+      if (fs.existsSync(cleanupPath)) {
+        try {
+          fs.unlinkSync(cleanupPath);
+        } catch (cleanupError) {
+          console.error('Failed to remove file after processing error:', cleanupError);
+        }
+      }
+    }
    res.status(500).json({ error: error.message || 'Failed to upload image' });
  }
 });
--- a/inventory/src/components/product-import/steps/ImageUploadStep/components/ProductCard/SortableImage.tsx
+++ b/inventory/src/components/product-import/steps/ImageUploadStep/components/ProductCard/SortableImage.tsx
@@ -1,32 +1,16 @@
 import { useState, useRef } from "react";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { Loader2, Trash2, Maximize2, GripVertical, X } from "lucide-react";
+import { Loader2, Trash2, Maximize2, GripVertical, X, Info } from "lucide-react";
 import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import type { ProductImageSortable } from "../../types";

-// Define the ProductImage interface
-interface ProductImage {
-  id: string;
-  url?: string;
-  imageUrl?: string;
-  fileName?: string;
-  loading?: boolean;
-  isLoading?: boolean;
-  // Optional fields from the full ProductImage type
-  productIndex?: number;
-  pid?: number;
-  iid?: number;
-  type?: number;
-  order?: number;
-  width?: number;
-  height?: number;
-  hidden?: number;
-}
+type SortableImage = ProductImageSortable & { url?: string };

-// Define the SortableImageProps interface
 interface SortableImageProps {
-  image: ProductImage;
+  image: SortableImage;
  productIndex: number;
  imgIndex: number;
  productName?: string; // Make this optional
@@ -55,6 +39,11 @@ export const SortableImage = ({
  removeImage 
 }: SortableImageProps) => {
  const [dialogOpen, setDialogOpen] = useState(false);
+  const notices = image.notices ?? [];
+  const attentionNotices = notices.filter((notice) => notice.level === 'warning');
+  const infoNotices = notices.filter((notice) => notice.level === 'info');
+  const hasAttention = attentionNotices.length > 0;
+  const metadata = image.metadata;
  
  const {
    attributes,
@@ -145,6 +134,40 @@ export const SortableImage = ({
            <Trash2 className="h-3.5 w-3.5" />
          </button>

+          {hasAttention && (
+            <TooltipProvider>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <div className="absolute bottom-1 right-1 z-10 flex items-center rounded-full bg-sky-500/90 p-1 text-white shadow-sm">
+                    <Info className="h-3 w-3" />
+                  </div>
+                </TooltipTrigger>
+                <TooltipContent side="top" align="end" className="max-w-[240px] text-xs">
+                  <div className="space-y-1">
+                    {attentionNotices.map((notice, idx) => (
+                      <p key={`warn-${idx}`}>{notice.message}</p>
+                    ))}
+                    {infoNotices.map((notice, idx) => (
+                      <p key={`info-${idx}`} className="text-muted-foreground">
+                        {notice.message}
+                      </p>
+                    ))}
+                    {metadata?.width && metadata?.height && (
+                      <p className="text-muted-foreground">
+                        Detected size: {metadata.width}×{metadata.height}
+                      </p>
+                    )}
+                    {metadata?.optimizedSize && (
+                      <p className="text-muted-foreground">
+                        Optimized size: {(metadata.optimizedSize / (1024 * 1024)).toFixed(2)}MB
+                      </p>
+                    )}
+                  </div>
+                </TooltipContent>
+              </Tooltip>
+            </TooltipProvider>
+          )}
+          
          <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
            <DialogTrigger asChild>
              <button 
--- a/inventory/src/components/product-import/steps/ImageUploadStep/hooks/useProductImageOperations.ts
+++ b/inventory/src/components/product-import/steps/ImageUploadStep/hooks/useProductImageOperations.ts
@@ -1,6 +1,92 @@
 import { toast } from "sonner";
 import config from "@/config";
-import { Product, ProductImageSortable } from "../types";
+import { Product, ProductImageSortable, ImageMetadata, ImageNotice } from "../types";
+
+const MIN_DIMENSION = 1000;
+const MAX_FILE_SIZE_BYTES = 5 * 1024 * 1024;
+
+const readImageMetadata = async (file: File): Promise<ImageMetadata> => {
+  try {
+    if (typeof createImageBitmap === "function") {
+      const bitmap = await createImageBitmap(file);
+      return {
+        width: bitmap.width,
+        height: bitmap.height,
+        size: file.size
+      };
+    }
+  } catch (error) {
+    console.warn("createImageBitmap failed, falling back to Image element", error);
+  }
+
+  return new Promise((resolve) => {
+    const image = new Image();
+    const objectUrl = URL.createObjectURL(file);
+
+    image.onload = () => {
+      resolve({
+        width: image.naturalWidth,
+        height: image.naturalHeight,
+        size: file.size
+      });
+      URL.revokeObjectURL(objectUrl);
+    };
+
+    image.onerror = () => {
+      resolve({ size: file.size });
+      URL.revokeObjectURL(objectUrl);
+    };
+
+    image.src = objectUrl;
+  });
+};
+
+const analyzeImage = async (file: File) => {
+  const metadata = await readImageMetadata(file);
+  const notices: ImageNotice[] = [];
+
+  if (metadata.width && metadata.height) {
+    if (metadata.width < MIN_DIMENSION || metadata.height < MIN_DIMENSION) {
+      notices.push({
+        message: `Image is ${metadata.width}x${metadata.height}. Recommended minimum is ${MIN_DIMENSION}x${MIN_DIMENSION}.`,
+        level: 'warning',
+        code: 'dimensions_too_small',
+        source: 'client'
+      });
+    }
+  } else {
+    notices.push({
+      message: "Unable to verify image dimensions.",
+      level: 'info',
+      code: 'dimensions_unknown',
+      source: 'client'
+    });
+  }
+
+  if (file.size > MAX_FILE_SIZE_BYTES) {
+    const sizeMb = (file.size / (1024 * 1024)).toFixed(1);
+    notices.push({
+      message: `Image is ${sizeMb}MB. Files above 5MB will be optimized automatically.`,
+      level: 'info',
+      code: 'client_large_file',
+      source: 'client'
+    });
+  }
+
+  return { metadata, notices };
+};
+
+const dedupeNotices = (notices: ImageNotice[] = []) => {
+  const seen = new Set<string>();
+  return notices.filter((notice) => {
+    const key = `${notice.level}:${notice.code ?? ''}:${notice.message}`;
+    if (seen.has(key)) {
+      return false;
+    }
+    seen.add(key);
+    return true;
+  });
+};

 interface UseProductImageOperationsProps {
  data: Product[];
@@ -72,10 +158,12 @@ export const useProductImageOperations = ({
    
    for (let i = 0; i < files.length; i++) {
      const file = files[i];
+      const imageId = `image-${productIndex}-${Date.now()}-${i}`;
+      const productLabel = data[productIndex].name || `Product #${productIndex + 1}`;
      
      // Add placeholder for this image
      const newImage: ProductImageSortable = {
-        id: `image-${productIndex}-${Date.now()}-${i}`, // Generate a unique ID
+        id: imageId,
        productIndex,
        imageUrl: '',
        loading: true,
@@ -92,6 +180,48 @@ export const useProductImageOperations = ({
      
      setProductImages(prev => [...prev, newImage]);

+      let analysisNotices: ImageNotice[] | undefined;
+      let metadata: ImageMetadata | undefined;
+
+      try {
+        const analysis = await analyzeImage(file);
+        metadata = analysis.metadata;
+        analysisNotices = analysis.notices?.length ? dedupeNotices(analysis.notices) : undefined;
+
+        if (analysisNotices?.length) {
+          const warningMessages = analysisNotices
+            .filter((notice) => notice.level === 'warning')
+            .map((notice) => notice.message);
+          const infoMessages = analysisNotices
+            .filter((notice) => notice.level === 'info')
+            .map((notice) => notice.message);
+
+          if (warningMessages.length) {
+            toast.warning(`${file.name}: ${warningMessages.join(" ")}`);
+          }
+
+          if (infoMessages.length) {
+            if (typeof toast.info === 'function') {
+              toast.info(`${file.name}: ${infoMessages.join(" ")}`);
+            } else {
+              toast(`${file.name}`, {
+                description: infoMessages.join(" "),
+              });
+            }
+          }
+        }
+
+        setProductImages(prev =>
+          prev.map(img =>
+            img.id === imageId
+              ? { ...img, metadata, notices: analysisNotices }
+              : img
+          )
+        );
+      } catch (error) {
+        console.warn('Failed to analyze image before upload', error);
+      }
+      
      // Create form data for upload
      const formData = new FormData();
      formData.append('image', file);
@@ -111,29 +241,77 @@ export const useProductImageOperations = ({
        }
        
        const result = await response.json();
+        const serverNotices: ImageNotice[] = Array.isArray(result.notices)
+          ? result.notices.map((notice: any) => ({
+              message: String(notice.message ?? notice),
+              level: notice.level === 'warning' ? 'warning' : 'info',
+              code: notice.code,
+              source: notice.source ?? 'server'
+            }))
+          : Array.isArray(result.warnings)
+            ? result.warnings.map((message: any) => ({
+                message: String(message),
+                level: 'info',
+                source: 'server'
+              }))
+            : [];
+
+        if (serverNotices.length) {
+          const warningMessages = serverNotices
+            .filter((notice) => notice.level === 'warning')
+            .map((notice) => notice.message);
+          const infoMessages = serverNotices
+            .filter((notice) => notice.level === 'info')
+            .map((notice) => notice.message);
+
+          if (warningMessages.length) {
+            toast.warning(`${file.name}: ${warningMessages.join(" ")}`);
+          }
+
+          if (infoMessages.length) {
+            if (typeof toast.info === 'function') {
+              toast.info(`${file.name}: ${infoMessages.join(" ")}`);
+            } else {
+              toast(`${file.name}`, {
+                description: infoMessages.join(" "),
+              });
+            }
+          }
+        }
        
        // Update the image URL in our state
        setProductImages(prev => 
-          prev.map(img => 
-            (img.loading && img.productIndex === productIndex && img.fileName === file.name) 
-              ? { ...img, imageUrl: result.imageUrl, loading: false }
-              : img
-          )
+          prev.map(img => {
+            if (img.id !== imageId) return img;
+
+            const combinedNotices = dedupeNotices([
+              ...(analysisNotices || []),
+              ...serverNotices
+            ]);
+
+            const combinedMetadata: ImageMetadata | undefined = result.metadata
+              ? { ...metadata, ...result.metadata }
+              : metadata;
+
+            return {
+              ...img,
+              imageUrl: result.imageUrl,
+              loading: false,
+              notices: combinedNotices.length ? combinedNotices : undefined,
+              metadata: combinedMetadata,
+            };
+          })
        );
        
        // Update the product data with the new image URL
        addImageToProduct(productIndex, result.imageUrl);
        
-        toast.success(`Image uploaded for ${data[productIndex].name || `Product #${productIndex + 1}`}`);
+        toast.success(`Image uploaded for ${productLabel}`);
      } catch (error) {
        console.error('Upload error:', error);
        
        // Remove the failed image from our state
-        setProductImages(prev => 
-          prev.filter(img => 
-            !(img.loading && img.productIndex === productIndex && img.fileName === file.name)
-          )
-        );
+        setProductImages(prev => prev.filter(img => img.id !== imageId));
        
        toast.error(`Failed to upload image: ${error instanceof Error ? error.message : 'Unknown error'}`);
      }
--- a/inventory/src/components/product-import/steps/ImageUploadStep/types.ts
+++ b/inventory/src/components/product-import/steps/ImageUploadStep/types.ts
@@ -3,6 +3,8 @@ export type ProductImage = {
  imageUrl: string;
  loading: boolean;
  fileName: string;
+  notices?: ImageNotice[];
+  metadata?: ImageMetadata;
  // Schema fields
  pid: number;
  iid: number;
@@ -13,6 +15,26 @@ export type ProductImage = {
  hidden: number;
 }

+export type ImageNoticeLevel = 'info' | 'warning';
+
+export type ImageNotice = {
+  message: string;
+  level: ImageNoticeLevel;
+  code?: string;
+  source?: 'client' | 'server';
+};
+
+export type ImageMetadata = {
+  width?: number;
+  height?: number;
+  size?: number;
+  optimizedSize?: number;
+  colorSpace?: string;
+  quality?: number;
+  resized?: boolean;
+  convertedToRgb?: boolean;
+};
+
 export type UnassignedImage = {
  file: File;
  previewUrl: string;
--- a/inventory/src/index.css
+++ b/inventory/src/index.css
@@ -28,6 +28,15 @@
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;

+    --info: 217.2 91.2% 59.8%;
+    --info-foreground: 222.2 47.4% 11.2%;
+
+    --success: 142.1 76.2% 36.3%;
+    --success-foreground: 222.2 47.4% 11.2%;
+
+    --warning: 45.4 93.4% 47.5%;
+    --warning-foreground: 222.2 47.4% 11.2%;
+
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 222.2 84% 4.9%;
@@ -76,6 +85,15 @@
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;

+    --info: 217.2 91.2% 59.8%;
+    --info-foreground: 210 40% 98%;
+
+    --success: 142.1 70.6% 45.3%;
+    --success-foreground: 210 40% 98%;
+
+    --warning: 45.4 93.4% 47.5%;
+    --warning-foreground: 222.2 47.4% 11.2%;
+
    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 212.7 26.8% 83.9%;
--- a/inventory/src/pages/Import.tsx
+++ b/inventory/src/pages/Import.tsx
@@ -2,13 +2,16 @@ import { useState, useContext } from "react";
 import { ReactSpreadsheetImport, StepType } from "@/components/product-import";
 import type { StepState } from "@/components/product-import/steps/UploadFlow";
 import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Code } from "@/components/ui/code";
 import { toast } from "sonner";
 import { motion } from "framer-motion";
 import { useQuery } from "@tanstack/react-query";
 import config from "@/config";
-import { Loader2 } from "lucide-react";
+import { Loader2, AlertCircle, AlertTriangle, Info, CheckCircle, ExternalLink } from "lucide-react";
+import { Alert, AlertTitle, AlertDescription } from "@/components/ui/alert";
+import { Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip";
+import { Separator } from "@/components/ui/separator";
 import type { Data, DataValue, FieldType, Result, SubmitOptions } from "@/components/product-import/types";
 import { BASE_IMPORT_FIELDS, type ImportFieldKey } from "@/components/product-import/config";
 import { submitNewProducts, type SubmitNewProductsResponse } from "@/services/apiv2";
@@ -43,20 +46,110 @@ const isRecord = (value: unknown): value is Record<string, unknown> =>

 const extractBackendPayload = (
  data: SubmitNewProductsResponse["data"],
-): { created: BackendProductResult[]; errored: BackendProductResult[] } => {
+): { created: BackendProductResult[]; errored: BackendProductResult[]; queryId: string | null } => {
  if (!isRecord(data)) {
-    return { created: [], errored: [] };
+    return { created: [], errored: [], queryId: null };
  }

+  const payloadRecord = data as Record<string, unknown>;
  const toList = (value: unknown): BackendProductResult[] =>
    Array.isArray(value) ? (value.filter(isRecord) as BackendProductResult[]) : [];
+  const queryIdSource = payloadRecord.query_id ?? payloadRecord.queryId ?? payloadRecord.queryID;
+  let queryId: string | null = null;
+
+  if (typeof queryIdSource === "string") {
+    const trimmed = queryIdSource.trim();
+    queryId = trimmed.length ? trimmed : null;
+  } else if (typeof queryIdSource === "number") {
+    queryId = queryIdSource.toString();
+  }

  return {
-    created: toList((data as Record<string, unknown>).created),
-    errored: toList((data as Record<string, unknown>).errored),
+    created: toList(payloadRecord.created),
+    errored: toList(payloadRecord.errored),
+    queryId,
  };
 };

+const extractStringFromRecord = (record: Record<string, unknown>): string | null => {
+  const candidateKeys = ["error_msg", "message", "reason", "error", "detail"];
+
+  for (const key of candidateKeys) {
+    const value = record[key];
+    if (typeof value === "string") {
+      const trimmed = value.trim();
+      if (trimmed.length > 0) {
+        return trimmed;
+      }
+    }
+  }
+
+  return null;
+};
+
+const extractFailureMessageFromResponse = (response: SubmitNewProductsResponse): string | null => {
+  if (typeof response.message === "string") {
+    const trimmed = response.message.trim();
+    if (trimmed.length > 0) {
+      return trimmed;
+    }
+  }
+
+  const { error } = response;
+
+  if (!error) {
+    return null;
+  }
+
+  if (typeof error === "string") {
+    const trimmed = error.trim();
+    return trimmed.length > 0 ? trimmed : null;
+  }
+
+  if (Array.isArray(error)) {
+    for (const entry of error) {
+      if (typeof entry === "string") {
+        const trimmed = entry.trim();
+        if (trimmed.length > 0) {
+          return trimmed;
+        }
+      } else if (isRecord(entry)) {
+        const extracted = extractStringFromRecord(entry);
+        if (extracted) {
+          return extracted;
+        }
+      }
+    }
+    return null;
+  }
+
+  if (isRecord(error)) {
+    return extractStringFromRecord(error);
+  }
+
+  return null;
+};
+
+const extractErroredEntriesFromResponse = (
+  response: SubmitNewProductsResponse,
+): BackendProductResult[] => {
+  const { error } = response;
+
+  if (!error) {
+    return [];
+  }
+
+  if (Array.isArray(error)) {
+    return error.filter(isRecord) as BackendProductResult[];
+  }
+
+  if (isRecord(error)) {
+    return [error as BackendProductResult];
+  }
+
+  return [];
+};
+
 const getFirstStringValue = (value: string | string[] | boolean | null | undefined): string | null => {
  if (Array.isArray(value)) {
    for (const entry of value) {
@@ -172,7 +265,201 @@ export function Import() {
  const [selectedLine, setSelectedLine] = useState<string | null>(null);
  const [startFromScratch, setStartFromScratch] = useState(false);
  const { user } = useContext(AuthContext);
-  const hasDebugPermission = user?.permissions?.includes("admin:debug") ?? false;
+  const hasDebugPermission = Boolean(user?.is_admin || user?.permissions?.includes("admin:debug"));
+
+  // ========== TEMPORARY TEST DATA ==========
+  // Uncomment the useEffect below to test the results page without submitting actual data
+  
+  // useEffect(() => {
+  //   // Test scenario: Mix of successful and failed products
+  //   const testSubmittedProducts: NormalizedProduct[] = [
+  //     {
+  //       name: "Test Product 1",
+  //       upc: "123456789012",
+  //       item_number: "ITEM-001",
+  //       company: "Test Company",
+  //       line: "Test Line",
+  //       subline: "Test Subline",
+  //       product_images: ["https://picsum.photos/200/200?random=1"],
+  //       short_description: "This is a test product",
+  //       retail: "29.99",
+  //       wholesale: "15.00",
+  //       weight: "1.5",
+  //       categories: ["Category 1", "Category 2"],
+  //       colors: ["Red", "Blue"],
+  //       size_cat: "Medium",
+  //       tax_cat: "Taxable",
+  //       ship_restrictions: "None",
+  //       supplier: "Test Supplier",
+  //       artist: null,
+  //       themes: ["Theme 1"],
+  //       vendor_sku: "VS-001",
+  //       publish: true,
+  //       list_on_marketplace: false,
+  //     },
+  //     {
+  //       name: "Test Product 2",
+  //       upc: "234567890123",
+  //       item_number: "ITEM-002",
+  //       company: "Test Company",
+  //       line: "Test Line",
+  //       subline: "Test Subline",
+  //       product_images: ["https://picsum.photos/200/200?random=2"],
+  //       short_description: "Another test product",
+  //       retail: "49.99",
+  //       wholesale: "25.00",
+  //       weight: "2.0",
+  //       categories: ["Category 3"],
+  //       colors: ["Green"],
+  //       size_cat: "Large",
+  //       tax_cat: "Taxable",
+  //       ship_restrictions: "None",
+  //       supplier: "Test Supplier",
+  //       artist: "Test Artist",
+  //       themes: [],
+  //       vendor_sku: "VS-002",
+  //       publish: true,
+  //       list_on_marketplace: true,
+  //     },
+  //     {
+  //       name: "Failed Product 1",
+  //       upc: "345678901234",
+  //       item_number: "ITEM-003",
+  //       company: "Test Company",
+  //       line: "Test Line",
+  //       subline: null,
+  //       product_images: ["https://picsum.photos/200/200?random=3"],
+  //       short_description: "This product will fail",
+  //       retail: "19.99",
+  //       wholesale: "10.00",
+  //       weight: "0.5",
+  //       categories: [],
+  //       colors: [],
+  //       size_cat: null,
+  //       tax_cat: "Taxable",
+  //       ship_restrictions: null,
+  //       supplier: null,
+  //       artist: null,
+  //       themes: [],
+  //       vendor_sku: "VS-003",
+  //       publish: false,
+  //       list_on_marketplace: false,
+  //     },
+  //     {
+  //       name: "Failed Product 2",
+  //       upc: "456789012345",
+  //       item_number: "ITEM-004",
+  //       company: "Test Company",
+  //       line: null,
+  //       subline: null,
+  //       product_images: null,
+  //       description: "Another failed product",
+  //       msrp: "99.99",
+  //       cost_each: "50.00",
+  //       weight: "5.0",
+  //       categories: ["Category 1"],
+  //       colors: ["Yellow"],
+  //       size_cat: "Small",
+  //       tax_cat: null,
+  //       ship_restrictions: "Hazmat",
+  //       supplier: "Test Supplier",
+  //       artist: null,
+  //       themes: [],
+  //       vendor_sku: null,
+  //       publish: true,
+  //       list_on_marketplace: false,
+  //     },
+  //   ];
+
+  //   const testSubmittedRows: Data<string>[] = testSubmittedProducts.map(product => ({ ...product } as Data<string>));
+
+    // //Scenario 1: All successful
+    // const testResponse: SubmitNewProductsResponse = {
+    //   success: true,
+    //   message: "Successfully created 4 products",
+    //   data: {
+    //     created: [
+    //       { pid: 12345, upc: "123456789012", item_number: "ITEM-001" },
+    //       { pid: 12346, upc: "234567890123", item_number: "ITEM-002" },
+    //       { pid: 12347, upc: "345678901234", item_number: "ITEM-003" },
+    //       { pid: 12348, upc: "456789012345", item_number: "ITEM-004" },
+    //     ],
+    //     errored: [],
+    //   },
+    // };
+
+    // // Scenario 2: Partial success (2 created, 2 failed)
+    // const testResponse: SubmitNewProductsResponse = {
+    //   success: true,
+    //   message: "Created 2 of 4 products. 2 products had errors.",
+    //   data: {
+    //     created: [
+    //       { pid: 12345, upc: "123456789012", item_number: "ITEM-001" },
+    //       { pid: 12346, upc: "234567890123", item_number: "ITEM-002" },
+    //     ],
+    //     errored: [
+    //       {
+    //         upc: "345678901234",
+    //         item_number: "ITEM-003",
+    //         error_msg: "Missing required field: supplier",
+    //         errors: {
+    //           supplier: ["Supplier is required for this product line"],
+    //           categories: ["At least one category must be selected"],
+    //         },
+    //       },
+    //       {
+    //         upc: "456789012345",
+    //         item_number: "ITEM-004",
+    //         error_msg: "Invalid product configuration",
+    //         errors: {
+    //           line: ["Product line is required"],
+    //           tax_cat: ["Tax category must be specified"],
+    //         },
+    //       },
+    //     ],
+    //     query_id: "1234567890",
+    //   },
+    // };
+
+    // // Scenario 3: Complete failure
+    // const testResponse: SubmitNewProductsResponse = {
+    //   success: false,
+    //   message: "Failed to create products. Please check the errors below.",
+    //   data: {
+    //     created: [],
+    //     errored: [
+    //       {
+    //         upc: "123456789012",
+    //         item_number: "ITEM-001",
+    //         error_msg: "UPC already exists in the system",
+    //       },
+    //       {
+    //         upc: "234567890123",
+    //         item_number: "ITEM-002",
+    //         error_msg: "Invalid wholesale price",
+    //       },
+    //       {
+    //         upc: "345678901234",
+    //         item_number: "ITEM-003",
+    //         error_msg: "Missing required field: supplier",
+    //       },
+    //       {
+    //         upc: "456789012345",
+    //         item_number: "ITEM-004",
+    //         error_msg: "Invalid product configuration",
+    //       },
+    //     ],
+    //   },
+    // };
+
+  //   setImportOutcome({
+  //     submittedProducts: testSubmittedProducts,
+  //     submittedRows: testSubmittedRows,
+  //     response: testResponse,
+  //   });
+  // }, []);
+  
+  // ========== END TEST DATA ==========

  // Fetch initial field options from the API
  const { data: fieldOptions, isLoading: isLoadingOptions } = useQuery({
@@ -452,31 +739,69 @@ export function Import() {
        employeeId: user?.id ?? undefined,
      });

-      if (!response.success) {
-        throw new Error(response.message || "Failed to submit products");
+      const isSuccess = response.success;
+      const defaultFailureMessage = "Failed to submit products. Please review and try again.";
+      const failureEntries = isSuccess ? [] : extractErroredEntriesFromResponse(response);
+      const resolvedFailureMessage = isSuccess
+        ? null
+        : extractFailureMessageFromResponse(response) ?? defaultFailureMessage;
+
+      let normalizedResponse: SubmitNewProductsResponse = response;
+
+      if (!isSuccess) {
+        const baseData: Record<string, unknown> = isRecord(response.data)
+          ? { ...(response.data as Record<string, unknown>) }
+          : {};
+
+        if (failureEntries.length) {
+          const existingErrored = baseData["errored"];
+          if (!Array.isArray(existingErrored) || existingErrored.length === 0) {
+            baseData["errored"] = failureEntries;
+          }
+        }
+
+        const hasDataOverrides = Object.keys(baseData).length > 0;
+
+        normalizedResponse = {
+          ...response,
+          success: false,
+          message: resolvedFailureMessage ?? defaultFailureMessage,
+          data: hasDataOverrides ? baseData : response.data,
+        };
      }

      setResumeStepState(undefined);
      setImportOutcome({
        submittedProducts: formattedRows.map((product) => ({ ...product })),
        submittedRows: rows.map((row) => ({ ...row })),
-        response,
+        response: normalizedResponse,
      });
      setIsDebugDataVisible(false);
      setIsOpen(false);
+      setStartFromScratch(false);

-      const successMessage = response.message
-        ? response.message
-        : `Submitted ${formattedRows.length} product${formattedRows.length === 1 ? "" : "s"} successfully`;
-
-      toast.success(successMessage);
+      if (isSuccess) {
+        const successMessage =
+          normalizedResponse.message ||
+          `Submitted ${formattedRows.length} product${formattedRows.length === 1 ? "" : "s"} successfully.`;
+        toast.success(successMessage);
+      } else {
+        toast.error(resolvedFailureMessage ?? defaultFailureMessage);
+      }
    } catch (error) {
      console.error("Import error:", error);
-      throw error instanceof Error ? error : new Error("Failed to import data");
+      const errorMessage =
+        error instanceof Error ? error.message : "Failed to import data. Please try again.";
+      toast.error(errorMessage);
    }
  };

-  const backendPayload = importOutcome ? extractBackendPayload(importOutcome.response.data) : { created: [], errored: [] };
+  const backendPayload = importOutcome
+    ? extractBackendPayload(importOutcome.response.data)
+    : { created: [] as BackendProductResult[], errored: [] as BackendProductResult[], queryId: null };
+  const productToolUrl = backendPayload.queryId
+    ? `https://backend.acherryontop.com/product_tool/${backendPayload.queryId}`
+    : null;

  const createdProducts = importOutcome
    ? backendPayload.created.map((entry) => {
@@ -643,13 +968,10 @@ export function Import() {
      {importOutcome && (
        <Card>
          <CardHeader className="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
-            <div className="space-y-1">
              <CardTitle>Import Results</CardTitle>
-              {summaryMessage && <CardDescription>{summaryMessage}</CardDescription>}
-            </div>
            {hasDebugPermission && (
              <Button
-                variant="outline"
+                variant="secondary"
                size="sm"
                onClick={() => setIsDebugDataVisible((prev) => !prev)}
              >
@@ -658,21 +980,57 @@ export function Import() {
            )}
          </CardHeader>
          <CardContent className="space-y-6">
-            <p className="text-sm text-muted-foreground">
-              Created {createdProducts.length} of {totalSubmitted} product{totalSubmitted === 1 ? "" : "s"}.
-              {erroredProducts.length > 0
-                ? ` ${erroredProducts.length} product${erroredProducts.length === 1 ? "" : "s"} need attention.`
-                : ""}
-            </p>
-            {erroredProducts.length > 0 && hasErroredRowsForEditing && (
-              <Button size="sm" onClick={handleResumeErroredProducts}>
-                Fix errored products
-              </Button>
-            )}
+            {importOutcome.response.success === false ? (
+              <Alert className="border-destructive bg-destructive/10">
+                <AlertCircle className="h-4 w-4" style={{ color: 'hsl(var(--destructive))' }} />
+                <AlertTitle className="text-destructive">Error</AlertTitle>
+                <AlertDescription className="text-destructive">
+                  {summaryMessage ?? "Products not created - please review details and fix."}
+                </AlertDescription>
+              </Alert>
+            ) : createdProducts.length === totalSubmitted && totalSubmitted > 0 ? (
+              <Alert className="border-success bg-success/10">
+                <CheckCircle className="h-4 w-4" style={{ color: 'hsl(var(--success))' }} />
+                <AlertTitle className="text-success-foreground">Success</AlertTitle>
+                <AlertDescription className="text-success-foreground">All products created successfully.</AlertDescription>
+              </Alert>
+            ) : createdProducts.length > 0 && erroredProducts.length > 0 ? (
+              <Alert className="border-warning bg-warning/10">
+                <AlertTriangle className="h-4 w-4" style={{ color: 'hsl(var(--warning))' }} />
+                <AlertTitle className="text-warning-foreground">Partial Success</AlertTitle>
+                <AlertDescription className="text-warning-foreground">
+                  {createdProducts.length} product{createdProducts.length === 1 ? "" : "s"} created successfully. {erroredProducts.length} product{erroredProducts.length === 1 ? "" : "s"} need attention.
+                </AlertDescription>
+              </Alert>
+            ) : erroredProducts.length > 0 ? (
+              <Alert className="border-destructive bg-destructive/10">
+                <AlertCircle className="h-4 w-4" style={{ color: 'hsl(var(--destructive))' }} />
+                <AlertTitle className="text-destructive-foreground">Error</AlertTitle>
+                <AlertDescription className="text-destructive-foreground">
+                  {summaryMessage ?? "Products not created - please review details and fix."}
+                </AlertDescription>
+              </Alert>
+            ) : summaryMessage ? (
+              <Alert>
+                <Info className="h-4 w-4" />
+                <AlertTitle>Notice</AlertTitle>
+                <AlertDescription>{summaryMessage}</AlertDescription>
+              </Alert>
+            ) : null}

            {createdProducts.length > 0 && (
              <div className="space-y-3">
-                <h3 className="text-lg font-semibold">Created Products</h3>
+                <div className="flex items-center justify-between gap-3">
+                  <h3 className="text-lg font-semibold">Created Products</h3>
+                  {productToolUrl && (
+                    <Button asChild size="sm" variant="default">
+                      <a href={productToolUrl} target="_blank" rel="noreferrer">
+                        View in Product Tool
+                        <ExternalLink />
+                      </a>
+                    </Button>
+                  )}
+                </div>
                <div className="grid gap-3">
                  {createdProducts.map((product, index) => {
                    const key = product.pid ?? product.upc ?? product.itemNumber ?? index;
@@ -685,7 +1043,7 @@ export function Import() {
                    );

                    return (
-                      <div key={key} className="flex items-start gap-4 rounded-md border p-4">
+                      <div key={key} className="flex items-start gap-4 rounded-md p-1 transition-colors">
                        {product.url ? (
                          <a
                            href={product.url}
@@ -700,21 +1058,34 @@ export function Import() {
                            {imageContent}
                          </div>
                        )}
-                        <div className="flex flex-col gap-1">
-                          {product.url ? (
-                            <a
-                              href={product.url}
-                              target="_blank"
-                              rel="noreferrer"
-                              className="text-sm font-medium text-primary hover:underline"
-                            >
-                              {product.name}
-                            </a>
-                          ) : (
-                            <span className="text-sm font-medium">{product.name}</span>
-                          )}
+                        <div className="flex flex-col gap-1 flex-1">
+                          <div className="flex items-start justify-between gap-2">
+                            <div className="flex items-center gap-2 flex-1">
+                              {product.url ? (
+                                <a
+                                  href={product.url}
+                                  target="_blank"
+                                  rel="noreferrer"
+                                  className="text-sm font-medium text-primary hover:underline flex items-center gap-1.5"
+                                >
+                                  {product.name}
+                                  <Tooltip>
+                                    <TooltipTrigger asChild>
+                                      <span>
+                                        <ExternalLink className="h-3.5 w-3.5 shrink-0" />
+                                      </span>
+                                    </TooltipTrigger>
+                                    <TooltipContent>
+                                      <p>View in Backend</p>
+                                    </TooltipContent>
+                                  </Tooltip>
+                                </a>
+                              ) : (
+                                <span className="text-sm font-medium">{product.name}</span>
+                              )}
+                            </div>
+                          </div>
                          <span className="text-xs text-muted-foreground">
-                            {product.pid ? `PID: ${product.pid} · ` : ""}
                            UPC: {product.upc}
                          </span>
                          <span className="text-xs text-muted-foreground">Item #: {product.itemNumber}</span>
@@ -728,10 +1099,17 @@ export function Import() {

            {erroredProducts.length > 0 && (
              <div className="space-y-3">
-                <h3 className="text-lg font-semibold text-destructive">Errored Products</h3>
-                <div className="grid gap-3">
+                <div className="flex items-center justify-between">
+                  <h3 className="text-lg font-semibold text-destructive">Products with Errors</h3>
+                  {hasErroredRowsForEditing && (
+                    <Button size="sm" onClick={handleResumeErroredProducts} variant="default">
+                      Fix products with errors
+                    </Button>
+                  )}
+                </div>
+                <div className="grid gap-3 border border-destructive rounded-md p-2">
                  {erroredProducts.map((product, index) => (
-                    <div key={product.upc ?? product.itemNumber ?? index} className="flex items-start gap-4 rounded-md border border-destructive/40 p-4">
+                    <div key={product.upc ?? product.itemNumber ?? index} className="flex items-start gap-4 p-1">
                      <div className="block h-16 w-16 shrink-0 overflow-hidden rounded-md border bg-muted">
                        {product.imageUrl ? (
                          <img src={product.imageUrl} alt={product.name} className="h-full w-full object-cover" />
@@ -743,10 +1121,15 @@ export function Import() {
                      </div>
                      <div className="flex flex-col gap-1">
                        <span className="text-sm font-medium">{product.name}</span>
+                        <div className="flex items-center gap-3">
                        <span className="text-xs text-muted-foreground">UPC: {product.upc}</span>
+                        <Separator orientation="vertical" className="h-3" />
                        <span className="text-xs text-muted-foreground">Item #: {product.itemNumber}</span>
+                        </div>
                        {product.errorDetails && (
-                          <span className="text-xs text-destructive">{product.errorDetails}</span>
+                          <div className="px-2 pb-0.5 rounded-md bg-destructive/10 border border-destructive/20">
+                            <span className="text-xs text-destructive">{product.errorDetails}</span>
+                          </div>
                        )}
                      </div>
                    </div>
@@ -757,7 +1140,7 @@ export function Import() {

            {hasDebugPermission && isDebugDataVisible && (
              <div className="space-y-2">
-                <h3 className="text-sm font-semibold">Submitted Payload</h3>
+                <h3 className="text-sm font-semibold">Submitted Data</h3>
                <Code className="p-4 w-full rounded-md border whitespace-pre-wrap">
                  {JSON.stringify(importOutcome.submittedProducts, null, 2)}
                </Code>
--- a/inventory/src/services/apiv2.ts
+++ b/inventory/src/services/apiv2.ts
@@ -60,7 +60,7 @@ export async function submitNewProducts({
    throw new Error("Backend authentication required. Please ensure you are logged into the backend system.");
  }

-  let parsed: SubmitNewProductsResponse | null = null;
+  let parsed: unknown;
  try {
    parsed = JSON.parse(rawBody);
  } catch {
@@ -68,17 +68,22 @@ export async function submitNewProducts({
    throw new Error(message);
  }

-  if (!response.ok) {
-    throw new Error(parsed?.message || `Request failed with status ${response.status}`);
-  }
-
-  if (!parsed) {
+  if (!parsed || typeof parsed !== "object") {
    throw new Error("Empty response from backend");
  }

-  if (!parsed.success) {
-    throw new Error(parsed.message || "Backend rejected product submission");
+  const parsedResponse = parsed as SubmitNewProductsResponse & Record<string, unknown>;
+  const extraFields = parsedResponse as Record<string, unknown>;
+  const normalizedResponse: SubmitNewProductsResponse = {
+    success: Boolean(parsedResponse.success),
+    message: typeof parsedResponse.message === "string" ? parsedResponse.message : undefined,
+    data: parsedResponse.data,
+    error: parsedResponse.error ?? extraFields.errors ?? extraFields.error_msg,
+  };
+
+  if (!response.ok || !normalizedResponse.success) {
+    return normalizedResponse;
  }

-  return parsed;
+  return normalizedResponse;
 }
--- a/inventory/tailwind.config.js
+++ b/inventory/tailwind.config.js
@@ -35,6 +35,18 @@ export default {
  				DEFAULT: 'hsl(var(--destructive))',
  				foreground: 'hsl(var(--destructive-foreground))'
  			},
+  			info: {
+  				DEFAULT: 'hsl(var(--info))',
+  				foreground: 'hsl(var(--info-foreground))'
+  			},
+  			success: {
+  				DEFAULT: 'hsl(var(--success))',
+  				foreground: 'hsl(var(--success-foreground))'
+  			},
+  			warning: {
+  				DEFAULT: 'hsl(var(--warning))',
+  				foreground: 'hsl(var(--warning-foreground))'
+  			},
  			muted: {
  				DEFAULT: 'hsl(var(--muted))',
  				foreground: 'hsl(var(--muted-foreground))'
--- a/inventory/tsconfig.tsbuildinfo
+++ b/inventory/tsconfig.tsbuildinfo
Author	SHA1	Message	Date
Matt	217abd41af	Add product tool link to import results	2025-10-24 13:55:42 -04:00
Matt	d56beb5143	Tweak import results UI	2025-10-24 12:58:20 -04:00
Matt	0b5f3162c7	Add image processing and related warnings system, update import results page	2025-10-24 12:04:46 -04:00