Initial MobilityOps build pack (docs, contracts, scaffold)

frontend/src/App.tsx

@@ -0,0 +1,49 @@
+import { useEffect, useState } from "react";
+
+const API = import.meta.env.VITE_API_BASE_URL ?? "";
+
+type Status = {
+  service: string;
+  environment: string;
+  demo_mode: boolean;
+  knowledge_provider: string;
+  scaffold: boolean;
+};
+
+export function App() {
+  const [status, setStatus] = useState<Status | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    fetch(`${API}/api/v1/system/status`)
+      .then((response) => {
+        if (!response.ok) throw new Error(`API returned ${response.status}`);
+        return response.json();
+      })
+      .then(setStatus)
+      .catch((reason: unknown) => setError(reason instanceof Error ? reason.message : "Unknown error"));
+  }, []);
+
+  return (
+    <main className="shell">
+      <section className="hero">
+        <p className="eyebrow">Synthetic proof of concept</p>
+        <h1>MobilityOps</h1>
+        <p>Connected operations for vehicle rental and service teams.</p>
+      </section>
+      <section className="panel" aria-live="polite">
+        <h2>Scaffold status</h2>
+        {error && <p className="error">API unavailable: {error}</p>}
+        {!error && !status && <p>Connecting to the MobilityOps API…</p>}
+        {status && (
+          <dl>
+            <div><dt>Service</dt><dd>{status.service}</dd></div>
+            <div><dt>Environment</dt><dd>{status.environment}</dd></div>
+            <div><dt>Knowledge provider</dt><dd>{status.knowledge_provider}</dd></div>
+          </dl>
+        )}
+        <p className="note">This is the bootable project scaffold. Claude must replace it with the complete scoped application described in the build pack.</p>
+      </section>
+    </main>
+  );
+}