[FEAT] Frontend Pivot: 2D Viewer and PZ UX (#621)

* feat: pivot configurator to 2d viewer

* chore: remove partcad and fix build lint

* Update frontend/playwright.config.ts

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

Author: shayancoin

frontend/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

frontend/next.config.mjs

@@ -15,9 +15,6 @@ const nextConfig = {
     ],
   },
   assetPrefix: '',
-  experimental: {
-    instrumentationHook: true,
-  },
   async headers() {
     const corsHeaders = [
       { key: 'Access-Control-Allow-Origin', value: '*' },

frontend/package-lock.json

@@ -9,11 +9,6 @@
     "lint": "next lint",
     "test": "jest",
     "test:e2e": "playwright test -c ../playwright.config.ts",
-    "assets:gen": "python ../scripts/generate_reference_glbs.py",
-    "assets:pack": "bash ../scripts/pack_models.sh",
-    "assets:validate": "python ../scripts/glb_validate.py public/models/*.glb --fail-on-warning",
-    "assets:manifest": "python ../scripts/gen_glb_manifest.py > public/models/manifest.json",
-    "assets:all": "npm run assets:gen && npm run assets:pack && npm run assets:validate && npm run assets:manifest",
     "test:manifest": "vitest run --reporter=dot",
     "perf:budget": "node ./tools/perf/run-perf-budget.js"
   },
@@ -27,6 +22,11 @@
     "@opentelemetry/context-zone": "^1.19.0",
     "@opentelemetry/core": "^1.19.0",
     "@opentelemetry/exporter-trace-otlp-http": "^0.52.1",
+    "@opentelemetry/instrumentation": "^0.52.1",
+    "@opentelemetry/instrumentation-fetch": "^0.52.1",
+    "@opentelemetry/sdk-trace-base": "^1.19.0",
+    "@opentelemetry/sdk-trace-node": "^1.19.0",
+    "@opentelemetry/sdk-trace-web": "^1.19.0",
     "@shopify/hydrogen-react": "^2025.7.0",
     "@supabase/ssr": "^0.5.1",
     "@supabase/supabase-js": "^2.45.4",
@@ -38,7 +38,6 @@
     "react": "^18",
     "react-dom": "^18",
     "react-icons": "^5.3.0",
-    "threepipe": "file:../ext/threepipe",
     "web-vitals": "^4.2.4",
     "zustand": "^4.5.0",
     "@graphql-typed-document-node/core": "^3.2.0",

frontend/package.json

@@ -5,10 +5,44 @@ const typedBase = baseConfig as PlaywrightTestConfig;
 
 const reporters: ReporterDescription[] = [];
 
+const normalizeReporter = (entry: unknown): ReporterDescription | null => {
+  if (!entry) {
+    return null;
+  }
+  if (typeof entry === 'string') {
+    return [entry];
+  }
+  if (Array.isArray(entry)) {
+    if (entry.length === 0) {
+      return null;
+    }
+    const [name, options] = entry;
+    if (typeof name !== 'string') {
+      console.warn('Invalid reporter format: expected string name, got', typeof name);
+      return null;
+    }
+    return [name, options] as ReporterDescription;
+  }
+  // Handle object-style reporter descriptors
+  if (typeof entry === 'object' && entry !== null) {
+    return entry as ReporterDescription;
+  }
+  console.warn('Unexpected reporter format:', entry);
+  return null;
+};
+
 if (Array.isArray(typedBase.reporter)) {
-  reporters.push(...(typedBase.reporter as ReporterDescription[]));
-} else if (typedBase.reporter) {
-  reporters.push(typedBase.reporter as ReporterDescription);
+  typedBase.reporter.forEach((item) => {
+    const normalized = normalizeReporter(item);
+    if (normalized) {
+      reporters.push(normalized);
+    }
+  });
+} else {
+  const normalized = normalizeReporter(typedBase.reporter);
+  if (normalized) {
+    reporters.push(normalized);
+  }
 }
 
 reporters.push([