Initialize Aidoit v0.1 monorepo

packages/ui/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@aidoit/ui",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts",
+    "./styles.css": "./src/styles.css"
+  },
+  "scripts": {
+    "build": "tsc --noEmit",
+    "lint": "tsc --noEmit",
+    "typecheck": "tsc --noEmit",
+    "test": "echo \"No UI tests yet\""
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@aidoit/config": "workspace:*",
+    "@types/react": "^19.0.0",
+    "typescript": "^5.8.0"
+  }
+}

packages/ui/src/index.ts

@@ -0,0 +1 @@
+export { StatCard } from "./stat-card";

packages/ui/src/stat-card.tsx

@@ -0,0 +1,15 @@
+type StatCardProps = {
+  label: string;
+  value: string;
+  detail: string;
+};
+
+export function StatCard({ label, value, detail }: StatCardProps) {
+  return (
+    <article className="aidoit-stat-card">
+      <span>{label}</span>
+      <strong>{value}</strong>
+      <p>{detail}</p>
+    </article>
+  );
+}

packages/ui/src/styles.css

@@ -0,0 +1,52 @@
+:root {
+  color-scheme: dark;
+  --background: #071019;
+  --surface: #0d1824;
+  --surface-soft: #101e2c;
+  --border: rgba(255, 255, 255, 0.08);
+  --text: #eef6ff;
+  --muted: #8ca0b5;
+  --accent: #57c7ff;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  background: var(--background);
+}
+
+body {
+  margin: 0;
+  background:
+    radial-gradient(circle at 80% 0%, rgba(45, 139, 196, 0.12), transparent 28%),
+    var(--background);
+  color: var(--text);
+  font-family:
+    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    sans-serif;
+}
+
+.aidoit-stat-card {
+  padding: 20px;
+  border: 1px solid var(--border);
+  background: linear-gradient(180deg, rgba(16, 30, 44, 0.96), rgba(10, 22, 32, 0.96));
+  border-radius: 18px;
+}
+
+.aidoit-stat-card span,
+.aidoit-stat-card p {
+  color: var(--muted);
+}
+
+.aidoit-stat-card strong {
+  display: block;
+  font-size: 34px;
+  margin: 18px 0 5px;
+}
+
+.aidoit-stat-card p {
+  margin: 0;
+  font-size: 12px;
+}

packages/ui/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "@aidoit/config/react-library.json",
+  "include": ["src"]
+}