RandomCodeSpace · aksOps · Apr 30, 2026 · Apr 29, 2026 · Apr 29, 2026 · Apr 29, 2026
diff --git a/CLAUDE.md b/CLAUDE.md
@@ -4,13 +4,13 @@
 
 OtelContext is a self-hosted OTLP observability platform. Single Go binary with embedded React frontend.
 - **Backend:** Go 1.25, native `net/http` (no frameworks), GORM ORM, gRPC + HTTP for OTLP ingestion
-- **Frontend:** React 19 + TypeScript + Mantine UI v8 + ECharts + ReactFlow
+- **Frontend:** React 19 + TypeScript + `@ossrandom/design-system` + ECharts + ReactFlow
 - **Ports:** gRPC `:4317` (OTLP), HTTP `:8080` (API + HTTP OTLP + WebSocket + UI)
 
 ## Strict Rules
 
 - NO Express.js/Gin/Echo — use native Go `net/http`
-- NO Tailwind CSS — use Mantine UI v8 exclusively
+- NO Tailwind CSS, NO Mantine — use `@ossrandom/design-system` exclusively for UI components and tokens. Raw CSS only for layout escape hatches (root height, scrollbar overrides, virtualised list containers); no auxiliary visual styling.
 - Single-service architecture (no microservices split)
 - All internal DBs must be **embedded** (no external processes)
 - Relational DB (SQLite/MySQL/PostgreSQL/MSSQL) is the **single source of truth**

diff --git a/internal/ui/dist/assets/BricolageGrotesque-Variable-C5Lc8Qmc.woff2 b/internal/ui/dist/assets/BricolageGrotesque-Variable-C5Lc8Qmc.woff2
diff --git a/internal/ui/dist/assets/GeistMono-Variable-BNLlm6Cd.woff2 b/internal/ui/dist/assets/GeistMono-Variable-BNLlm6Cd.woff2
diff --git a/internal/ui/dist/assets/PlusJakartaSans-Variable-eXO_dkmS.woff2 b/internal/ui/dist/assets/PlusJakartaSans-Variable-eXO_dkmS.woff2
diff --git a/internal/ui/dist/assets/cytoscape-cose-bilkent-nxdGmLq9.js b/internal/ui/dist/assets/cytoscape-cose-bilkent-nxdGmLq9.js
diff --git a/internal/ui/dist/assets/cytoscape.esm-Dm6iss-N.js b/internal/ui/dist/assets/cytoscape.esm-Dm6iss-N.js
diff --git a/internal/ui/dist/assets/design-system-BNhP-Tae.js b/internal/ui/dist/assets/design-system-BNhP-Tae.js
diff --git a/internal/ui/dist/assets/design-system-DFjB0sSn.js b/internal/ui/dist/assets/design-system-DFjB0sSn.js
diff --git a/internal/ui/dist/assets/design-system-IOKLDoaG.js b/internal/ui/dist/assets/design-system-IOKLDoaG.js
diff --git a/internal/ui/dist/assets/index-Bi057qLa.js b/internal/ui/dist/assets/index-Bi057qLa.js
diff --git a/internal/ui/dist/assets/index-Bl3ZlcbC.js b/internal/ui/dist/assets/index-Bl3ZlcbC.js
diff --git a/internal/ui/dist/assets/index-DFl6oDLP.css b/internal/ui/dist/assets/index-DFl6oDLP.css
diff --git a/internal/ui/dist/assets/index-DzLWOk_K.css b/internal/ui/dist/assets/index-DzLWOk_K.css
diff --git a/internal/ui/dist/index.html b/internal/ui/dist/index.html
@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>OtelContext</title>
-    <script type="module" crossorigin src="/assets/index-Bl3ZlcbC.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DFl6oDLP.css">
+    <script type="module" crossorigin src="/assets/index-Bi057qLa.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DzLWOk_K.css">
   </head>
   <body>
     <div id="root"></div>