From 3b1212250af86a961905ca7969bbf89cb097a4f4 Mon Sep 17 00:00:00 2001
From: "groombook-ci[bot]" <ci@groombook.bot>
Date: Sat, 28 Mar 2026 21:04:12 +0000
Subject: [PATCH] fix(GRO-213): resolve 3 type errors blocking CI
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- setup.ts:73: cast result.code to 409 to satisfy ContentfulStatusCode
- SetupWizard.jsx: quote CSS rem value (2rem -> "2rem") — inline styles
  require strings for CSS units
- SetupWizard.js: rename to .jsx so Vite can parse JSX (QA requirement)
- App.tsx: update import to .jsx extension
- Add SetupWizard.d.ts type declaration for .jsx module resolution

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 apps/api/src/routes/setup.ts                           | 2 +-
 apps/web/src/App.tsx                                   | 2 +-
 apps/web/src/pages/SetupWizard.d.ts                    | 1 +
 apps/web/src/pages/{SetupWizard.js => SetupWizard.jsx} | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)
 create mode 100644 apps/web/src/pages/SetupWizard.d.ts
 rename apps/web/src/pages/{SetupWizard.js => SetupWizard.jsx} (98%)

diff --git a/apps/api/src/routes/setup.ts b/apps/api/src/routes/setup.ts
index f81525b..1102635 100644
--- a/apps/api/src/routes/setup.ts
+++ b/apps/api/src/routes/setup.ts
@@ -70,7 +70,7 @@ setupRouter.post("/", zValidator("json", setupSchema), async (c) => {
   });
 
   if ("error" in result) {
-    return c.json({ error: result.error }, result.code);
+    return c.json({ error: result.error }, result.code as 409);
   }
 
   return c.json({ ok: true, staff: result.staff }, 201);
diff --git a/apps/web/src/App.tsx b/apps/web/src/App.tsx
index 73b8eb5..3a91a34 100644
--- a/apps/web/src/App.tsx
+++ b/apps/web/src/App.tsx
@@ -12,7 +12,7 @@ import { SettingsPage } from "./pages/Settings.js";
 import { BookingConfirmedPage } from "./pages/BookingConfirmed.js";
 import { BookingCancelledPage } from "./pages/BookingCancelled.js";
 import { BookingErrorPage } from "./pages/BookingError.js";
-import { SetupWizard } from "./pages/SetupWizard.js";
+import { SetupWizard } from "./pages/SetupWizard.jsx";
 import { CustomerPortal } from "./portal/CustomerPortal.js";
 import { DevLoginSelector, getDevUser } from "./pages/DevLoginSelector.js";
 import { DevSessionIndicator } from "./components/DevSessionIndicator.js";
diff --git a/apps/web/src/pages/SetupWizard.d.ts b/apps/web/src/pages/SetupWizard.d.ts
new file mode 100644
index 0000000..5758e2b
--- /dev/null
+++ b/apps/web/src/pages/SetupWizard.d.ts
@@ -0,0 +1 @@
+export { SetupWizard } from "./SetupWizard.jsx";
diff --git a/apps/web/src/pages/SetupWizard.js b/apps/web/src/pages/SetupWizard.jsx
similarity index 98%
rename from apps/web/src/pages/SetupWizard.js
rename to apps/web/src/pages/SetupWizard.jsx
index 85ce1ee..69ed08d 100644
--- a/apps/web/src/pages/SetupWizard.js
+++ b/apps/web/src/pages/SetupWizard.jsx
@@ -79,7 +79,7 @@ export function SetupWizard() {
         width: "100%",
       }}>
         {/* Progress dots */}
-        <div style={{ display: "flex", gap: 6, marginBottom: 2rem, justifyContent: "center" }}>
+        <div style={{ display: "flex", gap: 6, marginBottom: "2rem", justifyContent: "center" }}>
           {STEPS.map((_, i) => (
             <div
               key={i}