@fluxy-chat/create-fluxy-chat 0.5.4 → 0.5.6

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## [0.5.6] - 2026-08-19
+
+### Changed
+
+- Hosted `full` template opens a local onboarding tour first. Clerk sign-in is the last step, then you land on a simple chat (same UI primitives as the console). Open a second tab to try realtime. Dashboard is a separate button, not the first screen.
+
+### Fixed
+
+- Pin Vite to `@fluxy-chat/ui/dist/index.js` and force `@fluxy-chat/sdk@0.6.2` so `pnpm install` + `pnpm dev` work without extra setup.
+- Depend on `@fluxy-chat/ui@^0.1.3` (valid package exports).
+
+## [0.5.5] - 2026-08-19
+
+### Fixed
+
+- Hosted `full` template now provisions a user project + assistant room via Clerk (no more public playground session).
+- Hosted `full` template uses the same chat UI primitives as FluxyChat (message bubbles/composer/status) to match dashboard/rooms/onboarding styling.
+- Remove fuorvianti "dash" UI artifacts and wire message sending through the same chat path as the dashboard.
+
 ## [0.5.4] - 2026-08-19
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluxy-chat/create-fluxy-chat",
-  "version": "0.5.4",
+  "version": "0.5.6",
   "description": "Scaffold a new FluxyChat bot project with a single command",
   "type": "module",
   "main": "./dist/index.js",

package/templates/full/README.md

@@ -1,66 +1,47 @@
-# FluxyChat — full stack starter
+# FluxyChat full stack starter
 
-Chat + AI agent + tool calls in one Vite app. Provisions against a local FluxyChat worker in ~60 seconds.
+Chat + AI agent in a Vite app. Hosted mode starts with a short local tour, then Clerk, then your own room.
 
 ## Quick start
 
 **Hosted (no wrangler):**
 
 ```bash
-npx @fluxy-chat/create-fluxy-chat my-app --mode hosted -y
+npx @fluxy-chat/create-fluxy-chat@latest my-app --mode hosted -y
 cd my-app
 pnpm install
 pnpm setup:hosted
 pnpm dev
 ```
 
-**Local (full control):**
+Localhost opens a 3-step tour. Last step is sign in. After Clerk you come back to a simple chat. Open a second tab to try realtime. Use Open dashboard for rooms and agents.
+
+**Local worker:**
 
 ```bash
-# Terminal 1 — monorepo worker
 pnpm --filter @fluxy-chat/worker dev
-
-# Terminal 2 — new project
-npx create-fluxy-chat my-app --full -y
+npx @fluxy-chat/create-fluxy-chat@latest my-app --full -y
 cd my-app
 pnpm install
 pnpm setup
 pnpm dev
 ```
 
-Optional: `pnpm doctor` checks `.env`, worker health, room access.
-
-## What you get
-
-- Realtime chat (`useChat` + WebSocket)
-- `@assistant` invoke with tool call thread in the UI
-- Sidebar with project/room/agent metadata
-- Link to operator console
-
 ## Scripts
 
 | Command | Description |
 |---------|-------------|
-| `pnpm setup:hosted` | Guest JWT via `GET /demo/session` on api.fluxychat.com |
-| `pnpm setup:local` | Local `/dev/provision` (same as `pnpm setup`) |
-| `pnpm doctor` | Health check: .env, worker, room |
-| `pnpm dev` | Start Vite; auto-start worker if FluxyChat monorepo is detected nearby |
-| `pnpm dev:app` | Vite only |
+| `pnpm setup:hosted` | Writes worker + console URLs. Auth happens in the browser via Clerk. |
+| `pnpm setup:local` | Local `/dev/provision` |
+| `pnpm doctor` | Health check |
+| `pnpm dev` | Start Vite |
 
 ## Environment
 
-See `.env.example`. Generated by `pnpm setup`:
-
-- `VITE_FLUXYCHAT_WORKER_URL` — default `http://127.0.0.1:8787`
-- `VITE_FLUXYCHAT_MEMBER_JWT` — member token with admin roles
-- `VITE_FLUXYCHAT_ROOM_ID` — `{projectId}-general`
-- `VITE_FLUXYCHAT_AGENT_ID` — built-in `@assistant`
-
-## Hosted credentials
+`.env` from `pnpm setup:hosted` only needs worker and console URLs. Member JWT, room, and agent come from Clerk after sign in.
 
-Use [fluxychat.com/onboarding](https://fluxychat.com/onboarding) and copy values into `.env` manually.
+Dashboard: [fluxychat.com/dashboard](https://fluxychat.com/dashboard)
 
 ## Learn more
 
-- [One-click product roadmap](https://github.com/AlessandroFare/fluxychat/blob/main/docs/ONE-CLICK-PRODUCT-ROADMAP.md)
 - [Docs](https://docs.fluxychat.com)

package/templates/full/index.html

@@ -4,6 +4,9 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>FluxyChat</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650&display=swap" rel="stylesheet" />
   </head>
   <body>
     <div id="root"></div>

package/templates/full/package.json

@@ -16,15 +16,30 @@
   "dependencies": {
     "@fluxy-chat/react": "^0.1.1",
     "@fluxy-chat/sdk": "^0.6.2",
+    "@fluxy-chat/ui": "^0.1.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.511.0",
+    "radix-ui": "^1.4.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "tailwind-merge": "^3.0.0",
     "zustand": "^5.0.14"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.3.0",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.5.0",
+    "tailwindcss": "^3.4.17",
     "typescript": "^5.6.0",
     "vite": "^6.0.0"
+  },
+  "pnpm": {
+    "overrides": {
+      "@fluxy-chat/sdk": "0.6.2",
+      "@fluxy-chat/react>@fluxy-chat/sdk": "0.6.2"
+    }
   }
 }

package/templates/full/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/templates/full/scripts/fluxy-doctor.mjs

@@ -71,8 +71,11 @@ async function main() {
   if (!workerUrl) fail("VITE_FLUXYCHAT_WORKER_URL unset");
   else pass(`worker URL: ${workerUrl}`);
 
-  if (!jwt) fail("VITE_FLUXYCHAT_MEMBER_JWT unset");
-  else pass(`JWT present (${jwt.length} chars)`);
+  const hosted = (env.VITE_FLUXYCHAT_CONSOLE_URL || "").includes("fluxychat.com");
+  if (!jwt) {
+    if (hosted) warn("VITE_FLUXYCHAT_MEMBER_JWT unset — sign in from the app (Clerk)");
+    else fail("VITE_FLUXYCHAT_MEMBER_JWT unset");
+  } else pass(`JWT present (${jwt.length} chars)`);
 
   if (!roomId) warn("VITE_FLUXYCHAT_ROOM_ID unset");
   else pass(`room: ${roomId}`);

package/templates/full/scripts/fluxy-setup.mjs

@@ -189,49 +189,32 @@ async function setupHosted() {
 
   console.log(dim(`  mode: hosted · worker: ${workerUrl}`));
 
-  const cliHeaders = { Origin: consoleUrl };
-
-  const status = await getJson(workerUrl, "/demo/status", cliHeaders).catch(() => null);
-  if (!status?.ready) {
-    fail(
-      `Public demo not available at ${workerUrl}\n` +
-        "  Try: pnpm setup -- --mode local (with local worker)\n" +
-        "  Or: https://fluxychat.com/demo",
-    );
-  }
-  ok("public demo ready");
-
-  const session = await getJson(workerUrl, "/demo/session", cliHeaders);
-  if (!session?.token || !session?.roomId) {
-    fail("/demo/session did not return token + roomId");
-  }
-  ok(`guest session · room ${session.roomId}`);
-
   writeEnv({
     workerUrl,
-    token: session.token,
-    roomId: session.roomId,
-    agentId: session.agentId ?? "",
-    agentHandle: session.agentHandle ?? "@assistant",
-    projectId: "hosted-demo",
-    userId: session.userId ?? "demo-guest",
+    token: "",
+    roomId: "",
+    agentId: "",
+    agentHandle: "@assistant",
+    projectId: "",
+    userId: "",
     consoleUrl,
   });
 
   writeMeta({
     mode: "hosted",
     workerUrl,
-    projectId: "hosted-demo",
-    roomId: session.roomId,
-    agentId: session.agentId ?? null,
-    agentHandle: session.agentHandle ?? "@assistant",
-    expiresIn: session.expiresIn ?? null,
+    projectId: null,
+    roomId: null,
+    agentId: null,
+    agentHandle: "@assistant",
     setupAt: new Date().toISOString(),
+    auth: "clerk",
   });
 
+  ok("wrote hosted endpoints (sign in with Clerk on pnpm dev)");
   console.log(dim("  Run: pnpm dev"));
-  console.log(dim(`  Keep this project: ${consoleUrl}/onboarding?from=cli`));
-  console.log(dim("  Paste your .env in the console to continue onboarding."));
+  console.log(dim("  Sign in with Clerk. We create your project and assistant room."));
+  console.log(dim(`  Console: ${consoleUrl}/onboarding`));
 }
 
 async function setupLocal() {