@kb-labs/studio-app 0.6.0 → 2.8.0

package/dist/mf-stats.json

@@ -0,0 +1,271 @@
+{
+  "id": "studioHost",
+  "name": "studioHost",
+  "metaData": {
+    "name": "studioHost",
+    "type": "app",
+    "buildInfo": {
+      "buildVersion": "0.7.0",
+      "buildName": "@kb-labs/studio-app"
+    },
+    "remoteEntry": {
+      "name": "",
+      "path": "",
+      "type": "global"
+    },
+    "types": {
+      "path": "",
+      "name": "",
+      "zip": ".",
+      "api": "."
+    },
+    "globalName": "studioHost",
+    "pluginVersion": "0.8.12",
+    "prefetchInterface": false,
+    "publicPath": "auto"
+  },
+  "shared": [
+    {
+      "singleton": true,
+      "requiredVersion": "^5.4.0",
+      "shareScope": "default",
+      "eager": true,
+      "name": "@ant-design/icons",
+      "version": "5.6.1",
+      "id": "studioHost:@ant-design/icons",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "main.1d68e922.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": [
+            "main.80b70197.css"
+          ]
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^0.1.0",
+      "shareScope": "default",
+      "eager": true,
+      "name": "@kb-labs/studio-event-bus",
+      "version": "2.6.0",
+      "id": "studioHost:@kb-labs/studio-event-bus",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "main.1d68e922.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": [
+            "main.80b70197.css"
+          ]
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^0.1.0",
+      "shareScope": "default",
+      "eager": true,
+      "name": "@kb-labs/studio-hooks",
+      "version": "2.6.0",
+      "id": "studioHost:@kb-labs/studio-hooks",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "main.1d68e922.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": [
+            "main.80b70197.css"
+          ]
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^0.1.0",
+      "shareScope": "default",
+      "eager": true,
+      "name": "@kb-labs/studio-ui-core",
+      "version": "2.6.0",
+      "id": "studioHost:@kb-labs/studio-ui-core",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "main.1d68e922.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": [
+            "main.80b70197.css"
+          ]
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^0.1.0",
+      "shareScope": "default",
+      "eager": true,
+      "name": "@kb-labs/studio-ui-kit",
+      "version": "2.6.0",
+      "id": "studioHost:@kb-labs/studio-ui-kit",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "main.1d68e922.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": [
+            "main.80b70197.css"
+          ]
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^5.0.0",
+      "shareScope": "default",
+      "eager": true,
+      "name": "@tanstack/react-query",
+      "version": "5.97.0",
+      "id": "studioHost:@tanstack/react-query",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "main.1d68e922.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": [
+            "main.80b70197.css"
+          ]
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^5.21.0",
+      "shareScope": "default",
+      "eager": true,
+      "name": "antd",
+      "version": "5.29.3",
+      "id": "studioHost:antd",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "main.1d68e922.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": [
+            "main.80b70197.css"
+          ]
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^18.3.0",
+      "shareScope": "default",
+      "eager": true,
+      "name": "react-dom",
+      "version": "18.3.1",
+      "id": "studioHost:react-dom",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "main.1d68e922.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": [
+            "main.80b70197.css"
+          ]
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^7.0.0",
+      "shareScope": "default",
+      "eager": true,
+      "name": "react-router-dom",
+      "version": "7.14.0",
+      "id": "studioHost:react-router-dom",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "main.1d68e922.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": [
+            "main.80b70197.css"
+          ]
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^18.3.0",
+      "shareScope": "default",
+      "eager": true,
+      "name": "react",
+      "version": "18.3.1",
+      "id": "studioHost:react",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "main.1d68e922.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": [
+            "main.80b70197.css"
+          ]
+        }
+      },
+      "usedIn": []
+    }
+  ],
+  "remotes": [],
+  "exposes": []
+}

package/package.json

@@ -1,41 +1,13 @@
 {
-  "name": "@kb-labs/studio-app",
-  "version": "0.6.0",
-  "description": "KB Labs Studio application",
-  "type": "module",
-  "scripts": {
-    "dev": "rspack serve",
-    "build": "rspack build",
-    "preview": "rspack serve --mode production",
-    "clean": "rimraf dist",
-    "type-check": "tsc --noEmit",
-    "lint": "eslint . --max-warnings=0",
-    "test": "vitest run --passWithNoTests",
-    "test:watch": "vitest --passWithNoTests"
-  },
   "dependencies": {
+    "@ant-design/charts": "^2.6.6",
     "@ant-design/icons": "^5.4.0",
     "@ant-design/plots": "^2.6.6",
-    "@kb-labs/agent-contracts": "^0.1.0",
-    "@kb-labs/qa-contracts": "^0.1.0",
-    "@kb-labs/quality-contracts": "^0.1.0",
-    "@kb-labs/release-manager-contracts": "^0.1.0",
-    "@kb-labs/rest-api-contracts": "^1.3.0",
-    "@kb-labs/studio-data-client": "^0.6.0",
-    "@kb-labs/studio-devtools": "^0.6.0",
-    "@kb-labs/studio-federation": "^0.6.0",
-    "@kb-labs/studio-hooks": "^0.6.0",
-    "@kb-labs/studio-event-bus": "^0.6.0",
-    "@kb-labs/studio-ui-core": "^0.6.0",
-    "@kb-labs/studio-plugin-tools": "^0.6.0",
-    "@kb-labs/studio-ui-kit": "^0.6.0",
-    "@kb-labs/workflow-contracts": "^1.4.0",
-    "@ant-design/charts": "^2.6.6",
-    "clsx": "^2.1.1",
     "@tanstack/react-query": "^5.62.23",
     "@tanstack/react-query-devtools": "^5.62.23",
     "@types/react-grid-layout": "^1.3.6",
     "antd": "^5.21.0",
+    "clsx": "^2.1.1",
     "dayjs": "^1.11.19",
     "dompurify": "^3.3.1",
     "lucide-react": "^0.468.0",
@@ -47,26 +19,71 @@
     "react-router-dom": "^7.1.4",
     "reactflow": "^11.11.4",
     "zod": "^3.23.8",
-    "zustand": "^5.0.2"
+    "zustand": "^5.0.2",
+    "@kb-labs/qa-contracts": "2.6.0",
+    "@kb-labs/studio-data-client": "2.6.0",
+    "@kb-labs/release-manager-contracts": "2.7.0",
+    "@kb-labs/quality-contracts": "2.6.0",
+    "@kb-labs/studio-devtools": "2.6.0",
+    "@kb-labs/studio-event-bus": "2.6.0",
+    "@kb-labs/studio-federation": "2.6.0",
+    "@kb-labs/studio-hooks": "2.6.0",
+    "@kb-labs/studio-ui-core": "2.6.0",
+    "@kb-labs/studio-ui-kit": "2.6.0",
+    "@kb-labs/agent-contracts": "2.6.0",
+    "@kb-labs/studio-plugin-tools": "2.6.0",
+    "@kb-labs/rest-api-contracts": "2.6.0",
+    "@kb-labs/workflow-contracts": "2.6.0"
   },
+  "description": "KB Labs Studio application",
   "devDependencies": {
-    "@kb-labs/devkit": "link:../../../../infra/kb-labs-devkit",
+    "@module-federation/enhanced": "^0.8.0",
+    "@rspack/cli": "^1.7.0",
+    "@rspack/core": "^1.7.0",
+    "@rspack/plugin-react-refresh": "^1.6.0",
     "@types/dompurify": "^3.2.0",
     "@types/node": "^22.10.0",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
-    "@rspack/cli": "^1.7.0",
-    "@rspack/core": "^1.7.0",
-    "@rspack/plugin-react-refresh": "^1.6.0",
-    "@module-federation/enhanced": "^0.8.0",
     "autoprefixer": "^10.4.21",
     "eslint": "^9",
     "jiti": "^2.6.1",
     "postcss": "^8.4.49",
+    "postcss-loader": "^8.1.0",
     "rimraf": "^6",
     "tailwindcss": "^3.4.17",
+    "tsup": "^8",
     "typescript": "^5",
-    "postcss-loader": "^8.1.0",
-    "vitest": "^3.2.4"
+    "vitest": "^3.2.4",
+    "@kb-labs/devkit": "2.6.0"
+  },
+  "engines": {
+    "node": ">=20.0.0",
+    "pnpm": ">=9.0.0"
+  },
+  "name": "@kb-labs/studio-app",
+  "main": "./server.js",
+  "files": [
+    "dist",
+    "server.js"
+  ],
+  "kb": {
+    "manifest": "./src/manifest.ts"
+  },
+  "type": "module",
+  "version": "2.8.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rspack build",
+    "clean": "rimraf dist",
+    "dev": "rspack serve",
+    "start": "node server.js",
+    "lint": "eslint . --max-warnings=0",
+    "preview": "rspack serve --mode production",
+    "test": "vitest run --passWithNoTests",
+    "test:watch": "vitest --passWithNoTests",
+    "type-check": "tsc --noEmit"
   }
-}
+}

package/server.js

@@ -0,0 +1,68 @@
+#!/usr/bin/env node
+/**
+ * Studio static server — serves built SPA from dist/
+ * All routes fall back to index.html (SPA routing).
+ */
+import { createServer } from 'node:http';
+import { readFile, stat } from 'node:fs/promises';
+import { join, extname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url));
+const DIST = resolve(__dirname, 'dist');
+const PORT = Number(process.env.PORT ?? 3000);
+
+const MIME = {
+  '.html': 'text/html; charset=utf-8',
+  '.js':   'application/javascript; charset=utf-8',
+  '.css':  'text/css; charset=utf-8',
+  '.json': 'application/json',
+  '.svg':  'image/svg+xml',
+  '.png':  'image/png',
+  '.ico':  'image/x-icon',
+  '.woff2':'font/woff2',
+  '.woff': 'font/woff',
+  '.ttf':  'font/ttf',
+};
+
+const server = createServer(async (req, res) => {
+  // Strip query string
+  const url = req.url.split('?')[0];
+
+  // Prevent path traversal
+  const safePath = resolve(DIST, '.' + url);
+  if (!safePath.startsWith(DIST)) {
+    res.writeHead(403); res.end('Forbidden'); return;
+  }
+
+  let filePath = safePath;
+
+  try {
+    const s = await stat(filePath);
+    if (s.isDirectory()) filePath = join(filePath, 'index.html');
+  } catch {
+    // File not found → SPA fallback
+    filePath = join(DIST, 'index.html');
+  }
+
+  try {
+    const data = await readFile(filePath);
+    const ext = extname(filePath);
+    const mime = MIME[ext] ?? 'application/octet-stream';
+
+    // index.html: no cache; assets with hash: immutable
+    const isHtml = ext === '.html';
+    const cache = isHtml
+      ? 'no-cache'
+      : 'public, max-age=31536000, immutable';
+
+    res.writeHead(200, { 'Content-Type': mime, 'Cache-Control': cache });
+    res.end(data);
+  } catch {
+    res.writeHead(404); res.end('Not found');
+  }
+});
+
+server.listen(PORT, () => {
+  console.log(`Studio running at http://localhost:${PORT}`);
+});

package/.env.example

@@ -1,10 +0,0 @@
-# API Configuration
-# All traffic goes through Gateway — auth, namespacing, host dispatch
-KB_API_BASE_URL=http://localhost:4000/api/v1
-
-# Gateway auth token (staticTokens in .kb/kb.config.json → gateway.staticTokens)
-KB_GATEWAY_TOKEN=dev-studio-token
-
-# Data Source Mode
-# Options: 'mock' | 'http'
-KB_DATA_SOURCE_MODE=http