refactor: remove legacy react ui

2026-03-29 14:03:47 +03:00
parent 9767d12966
commit df2974bafa
32 changed files with 100 additions and 7149 deletions
@@ -4,9 +4,91 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Crank Console</title>
+    <style>
+      :root {
+        color-scheme: light;
+        font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
+        background: #eef3f7;
+        color: #162433;
+      }
+
+      * {
+        box-sizing: border-box;
+      }
+
+      body {
+        margin: 0;
+        min-height: 100vh;
+        display: grid;
+        place-items: center;
+        background:
+          radial-gradient(circle at top, rgba(0, 148, 134, 0.12), transparent 28rem),
+          linear-gradient(180deg, #f5f8fb 0%, #ebf1f6 100%);
+      }
+
+      main {
+        width: min(42rem, calc(100vw - 3rem));
+        padding: 3rem;
+        border-radius: 1.5rem;
+        background: rgba(255, 255, 255, 0.9);
+        border: 1px solid rgba(22, 36, 51, 0.08);
+        box-shadow: 0 24px 60px rgba(22, 36, 51, 0.12);
+      }
+
+      img {
+        width: 5rem;
+        height: 5rem;
+        display: block;
+        margin-bottom: 1.5rem;
+      }
+
+      h1 {
+        margin: 0 0 0.75rem;
+        font-size: clamp(2rem, 5vw, 3rem);
+        line-height: 1;
+      }
+
+      p {
+        margin: 0 0 1rem;
+        font-size: 1rem;
+        line-height: 1.6;
+        color: #516070;
+      }
+
+      .badge {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.5rem;
+        margin-bottom: 1rem;
+        padding: 0.45rem 0.8rem;
+        border-radius: 999px;
+        font-size: 0.85rem;
+        font-weight: 700;
+        letter-spacing: 0.03em;
+        text-transform: uppercase;
+        color: #0f766e;
+        background: rgba(15, 118, 110, 0.12);
+      }
+
+      .muted {
+        font-size: 0.95rem;
+        color: #6a7b8d;
+      }
+    </style>
  </head>
  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <main>
+      <img src="/Crank.png" alt="Crank logo" />
+      <div class="badge">UI replacement in progress</div>
+      <h1>Crank Console</h1>
+      <p>
+        The legacy React/Vite UI has been removed. A new operator console is being integrated on top of the same
+        deployment path.
+      </p>
+      <p class="muted">
+        Backend services, MCP endpoints and deployment contracts remain intact. Replace this static entrypoint with
+        the new Alpine.js UI when it is ready.
+      </p>
+    </main>
  </body>
  </html>