Restore dashboard at / with Paperclip at /app/ (proper fix)

Patch ui/src/main.tsx in the Dockerfile build to add basename="/app"
to BrowserRouter. With this, React Router strips the /app prefix
client-side before matching routes — /app/ becomes /, /app/ABC/issues
becomes /ABC/issues — so the company-prefix extractor never sees "app".

Health server:
- / → HuggingClip dashboard (restored)
- /app/* → proxy to Paperclip with /app prefix stripped
- /api/* → proxy pass-through
- /* catch-all → proxy pass-through (assets, sw.js, etc.)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Dockerfile

@@ -11,6 +11,12 @@ RUN apt-get update && apt-get install -y \
 # Clone Paperclip (depth=1 for speed, uses repo's default branch)
 RUN git clone --depth=1 https://github.com/paperclipai/paperclip.git .
 
+# Patch React Router to use /app as basename so the health dashboard owns /
+# Without this, <BrowserRouter> sees the full path "/app/" and treats "app"
+# as a company prefix, showing "Company not found".
+RUN sed -i 's|<BrowserRouter>|<BrowserRouter basename="/app">|' ui/src/main.tsx && \
+    grep -q 'basename="/app"' ui/src/main.tsx || (echo "PATCH NOT APPLIED to main.tsx" && exit 1)
+
 # Patch firstBlockedChainFinding to cap chain depth at 500.
 # Default 1MB stack overflows on deep recovery-issue chains created by
 # runaway agents. Cycle detection is already in place via the Set; we

health-server.js

@@ -84,6 +84,10 @@ app.get("/health", async (req, res) => {
 // ============================================================================
 // Dashboard Route
 // ============================================================================
+app.get("/", (req, res) => {
+  res.send(getDashboardHTML());
+});
+
 app.get("/_status", (req, res) => {
   res.send(getDashboardHTML());
 });
@@ -93,7 +97,7 @@ app.get("/_status/", (req, res) => {
 });
 
 app.get("/dashboard/", (req, res) => {
-  res.redirect("/_status");
+  res.redirect("/");
 });
 
 app.get("/dashboard/status", (req, res) => {
@@ -136,6 +140,24 @@ app.post("/dashboard/uptimerobot/setup", (req, res) => {
 // Reverse Proxy Routes
 // ============================================================================
 
+// Proxy /app/* to Paperclip, stripping the /app prefix.
+// The SPA is built with BrowserRouter basename="/app" so React Router
+// strips the prefix on the client — Paperclip receives clean paths.
+app.all("/app/*", async (req, res) => {
+  const targetPath = req.path.replace("/app", "") || "/";
+  const query = req.url.includes("?") ? req.url.slice(req.url.indexOf("?")) : "";
+  const targetUrl = `http://${PAPERCLIP_HOST}:${PAPERCLIP_PORT}${targetPath}${query}`;
+
+  try {
+    const response = await proxyRequest(req.method, targetUrl, req.headers, req.body);
+    Object.keys(response.headers).forEach((key) => res.setHeader(key, response.headers[key]));
+    res.status(response.statusCode).send(response.body);
+  } catch (error) {
+    console.error(`Proxy error: ${error.message}`);
+    res.status(503).json({ error: "Paperclip service unavailable", details: error.message });
+  }
+});
+
 // Proxy all /api/* requests to Paperclip
 app.all("/api/*", async (req, res) => {
   const targetPath = req.path;
@@ -599,10 +621,10 @@ function getDashboardHTML() {
                 </div>
                 <div class="stat">
                     <span class="stat-label">UI URL</span>
-                    <span class="stat-value"><span class="code">/</span></span>
+                    <span class="stat-value"><span class="code">/app/</span></span>
                 </div>
                 <div class="button-group">
-                    <a href="/" class="button button-primary" target="_blank">Open Paperclip UI</a>
+                    <a href="/app/" class="button button-primary" target="_blank">Open Paperclip UI</a>
                 </div>
             </div>
 
@@ -660,7 +682,7 @@ function getDashboardHTML() {
             <div class="card">
                 <h2>📚 Resources</h2>
                 <div class="button-group" style="flex-direction: column;">
-                    <a href="/" class="button button-primary" target="_blank">Paperclip Dashboard</a>
+                    <a href="/app/" class="button button-primary" target="_blank">Paperclip Dashboard</a>
                     <a href="/api/" class="button button-secondary" target="_blank">API Reference</a>
                 </div>
                 <div class="stat" style="margin-top: 16px;">

start.sh

@@ -258,8 +258,8 @@ fi
 
 echo "HuggingClip is ready!"
 echo ""
-echo "  Health dashboard : http://localhost:7861/_status"
-echo "  Paperclip UI     : http://localhost:7861/"
+echo "  Health dashboard : http://localhost:7861/"
+echo "  Paperclip UI     : http://localhost:7861/app/"
 echo "  API              : http://localhost:7861/api/"
 echo ""