nexu-io · zoeforfun · Apr 2, 2026 · Apr 2, 2026 · Apr 2, 2026 · Apr 2, 2026
diff --git a/apps/cloud-demo/index.html b/apps/cloud-demo/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>nexu cloud demo</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/apps/cloud-demo/package.json b/apps/cloud-demo/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "@nexu-design/cloud-demo",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview",
+    "typecheck": "tsc -b"
+  },
+  "dependencies": {
+    "@nexu-design/demo-pages": "workspace:*",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-router-dom": "^7.13.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.2.0",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "tailwindcss": "^4.2.0",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "~5.9.3",
+    "vite": "^7.3.1"
+  }
+}
diff --git a/apps/cloud-demo/src/App.tsx b/apps/cloud-demo/src/App.tsx
@@ -0,0 +1,57 @@
+import {
+  CloudFullScreenRouteElements,
+  CloudShellRouteElements,
+  DocsRouteElements,
+} from "@nexu-design/demo-pages";
+import { Navigate, Route, Routes, useLocation } from "react-router-dom";
+
+const fullScreenPrefixes = ["/docs/"];
+
+const fullScreenExactPaths = new Set([
+  "/openclaw/workspace",
+  "/openclaw/welcome",
+  "/openclaw/invite",
+  "/openclaw/onboarding",
+  "/openclaw/whatsapp-qr",
+  "/openclaw/privacy",
+  "/openclaw/terms",
+  "/openclaw/channels",
+  "/openclaw/skills",
+  "/openclaw/pricing",
+  "/openclaw/usage",
+  "/openclaw/rewards",
+  "/openclaw/changelog",
+]);
+
+function isFullScreenPath(pathname: string) {
+  return (
+    fullScreenExactPaths.has(pathname) ||
+    pathname.startsWith("/openclaw/auth") ||
+    pathname.startsWith("/openclaw/changelog/") ||
+    pathname.startsWith("/openclaw/skill/") ||
+    pathname.startsWith("/openclaw/growth-demo") ||
+    pathname.startsWith("/openclaw/growth-ops-dashboard") ||
+    fullScreenPrefixes.some((prefix) => pathname.startsWith(prefix))
+  );
+}
+
+export default function App() {
+  const location = useLocation();
+
+  if (isFullScreenPath(location.pathname)) {
+    return (
+      <Routes>
+        {CloudFullScreenRouteElements()}
+        {DocsRouteElements()}
+        <Route path="*" element={<Navigate to="/openclaw/welcome" replace />} />
+      </Routes>
+    );
+  }
+
+  return (
+    <Routes>
+      {CloudShellRouteElements()}
+      <Route path="*" element={<Navigate to="/openclaw" replace />} />
+    </Routes>
+  );
+}
diff --git a/apps/cloud-demo/src/index.css b/apps/cloud-demo/src/index.css
@@ -0,0 +1,8 @@
+@import "../../demo/src/index.css";
+
+html,
+body,
+#root {
+  height: 100%;
+  margin: 0;
+}
diff --git a/apps/cloud-demo/src/main.tsx b/apps/cloud-demo/src/main.tsx
@@ -0,0 +1,26 @@
+import { LocaleProvider, configureOpenExternal } from "@nexu-design/demo-pages";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { BrowserRouter } from "react-router-dom";
+import "./index.css";
+import App from "./App";
+
+configureOpenExternal((url) => {
+  window.open(url, "_blank", "noopener,noreferrer");
+});
+
+const root = document.getElementById("root");
+
+if (!root) {
+  throw new Error("Root element #root not found");
+}
+
+createRoot(root).render(
+  <StrictMode>
+    <BrowserRouter>
+      <LocaleProvider>
+        <App />
+      </LocaleProvider>
+    </BrowserRouter>
+  </StrictMode>,
+);
diff --git a/apps/cloud-demo/tsconfig.app.json b/apps/cloud-demo/tsconfig.app.json
@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client", "react", "react-dom"],
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@nexu-design/demo-pages": ["../../packages/demo-pages/src/index.ts"],
+      "@nexu-design/ui-web": ["../../packages/ui-web/src/index.ts"],
+      "@nexu-design/tokens": ["../../packages/tokens/src/index.ts"]
+    }
+  },
+  "include": ["src"]
+}
diff --git a/apps/cloud-demo/tsconfig.json b/apps/cloud-demo/tsconfig.json
@@ -0,0 +1,4 @@
+{
+  "files": [],
+  "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
+}
diff --git a/apps/cloud-demo/tsconfig.node.json b/apps/cloud-demo/tsconfig.node.json
@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/apps/cloud-demo/vite.config.ts b/apps/cloud-demo/vite.config.ts
@@ -0,0 +1,20 @@
+import { resolve } from "node:path";
+import tailwindcss from "@tailwindcss/vite";
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  publicDir: resolve(__dirname, "../demo/public"),
+  resolve: {
+    alias: {
+      "@": resolve(__dirname, "./src"),
+      "@nexu-design/demo-pages": resolve(__dirname, "../../packages/demo-pages/src/index.ts"),
+      "@nexu-design/ui-web": resolve(__dirname, "../../packages/ui-web/src/index.ts"),
+      "@nexu-design/ui-web/styles.css": resolve(__dirname, "../../packages/ui-web/src/styles.css"),
+      "@nexu-design/tokens": resolve(__dirname, "../../packages/tokens/src/index.ts"),
+      "@nexu-design/tokens/styles.css": resolve(__dirname, "../../packages/tokens/src/styles.css"),
+    },
+  },
+  server: { port: 5176 },
+});
diff --git a/apps/demo/package.json b/apps/demo/package.json
@@ -17,40 +17,21 @@
     "tauri:build": "tauri build"
   },
   "dependencies": {
-    "@nexu-design/tokens": "workspace:*",
+    "@nexu-design/demo-pages": "workspace:*",
     "@nexu-design/ui-web": "workspace:*",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@tauri-apps/api": "^2.10.1",
     "@tauri-apps/plugin-opener": "^2.5.3",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
     "framer-motion": "^12.34.5",
-    "gsap": "^3.14.2",
     "lucide-react": "^0.575.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-markdown": "^10.1.0",
     "react-router-dom": "^7.13.0",
-    "remark-gfm": "^4.0.1",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.5.0"
+    "remark-gfm": "^4.0.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
     "@tailwindcss/vite": "^4.2.0",
     "@tauri-apps/cli": "^2.10.1",
-    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.7",

diff --git a/apps/demo/src-tauri/tauri.conf.json b/apps/demo/src-tauri/tauri.conf.json
@@ -5,7 +5,7 @@
   "identifier": "dev.nexu.app",
   "build": {
     "frontendDist": "../dist",
-    "devUrl": "http://localhost:5175",
+    "devUrl": "http://localhost:5175/openclaw/welcome",
     "beforeDevCommand": "pnpm run dev:web",
     "beforeBuildCommand": "tsc -b && vite build"
   },