@lumerahq/cli 0.19.10 → 0.19.12

package/dist/{chunk-WWEIOMW6.js → chunk-4WZMUFC7.js}

@@ -4,7 +4,7 @@ import {
 import {
   createApiClient,
   isApiErrorStatus
-} from "./chunk-EDRAYUWN.js";
+} from "./chunk-MDCAEFUH.js";
 import {
   findProjectRoot,
   getAppName
@@ -14,17 +14,7 @@ import {
 import pc from "picocolors";
 import { existsSync, readFileSync, writeFileSync, mkdirSync, readdirSync } from "fs";
 import { join } from "path";
-var LEGACY_DEPS_FILE = "platform/project_deps.json";
 var SHARED_COLLECTIONS_DIR = "platform/collections/shared";
-function loadLegacyDeps(projectRoot) {
-  const depsPath = join(projectRoot, LEGACY_DEPS_FILE);
-  if (!existsSync(depsPath)) return null;
-  try {
-    return JSON.parse(readFileSync(depsPath, "utf-8"));
-  } catch {
-    return null;
-  }
-}
 function sharedCollectionsDir(projectRoot) {
   return join(projectRoot, SHARED_COLLECTIONS_DIR);
 }
@@ -58,13 +48,6 @@ function loadSharedCollectionDeps(projectRoot) {
   }
   return deps2.sort((a, b) => a.file.localeCompare(b.file));
 }
-async function projectPermissionsModeEnabled(api) {
-  try {
-    return await api.isProjectPermissionsModeEnabled();
-  } catch {
-    return false;
-  }
-}
 function declarationForShare(share, existing) {
   return {
     ...existing ?? {},
@@ -134,156 +117,76 @@ async function syncResourceShareDeps(projectRoot, api, projectExternalId, opts)
   }
   return true;
 }
-async function syncLegacyDeps(projectRoot, api, quiet = false) {
-  const deps2 = loadLegacyDeps(projectRoot);
-  if (!deps2 || !deps2.dependencies || Object.keys(deps2.dependencies).length === 0) {
-    return true;
-  }
-  let allOk = true;
-  for (const [depProject, config] of Object.entries(deps2.dependencies)) {
-    try {
-      const manifest = await api.getProjectManifest(depProject);
-      const remoteNames = new Set(manifest.collections.map((c) => c.name));
-      for (const col of config.collections) {
-        if (remoteNames.has(col)) {
-          if (!quiet) console.log(pc.green("  \u2713"), `${depProject}/${col}`);
-        } else {
-          if (!quiet) console.log(pc.red("  \u2717"), `${depProject}/${col} \u2014 not found in project manifest`);
-          allOk = false;
-        }
-      }
-    } catch (e) {
-      if (!quiet) console.log(pc.red("  \u2717"), `${depProject}: failed to fetch manifest \u2014 ${e}`);
-      allOk = false;
-    }
-  }
-  return allOk;
-}
-async function projectResourceDepsEnabled(projectRoot) {
-  const root = projectRoot ?? findProjectRoot();
-  loadEnv(root);
-  const appName = getAppName(root);
-  const api = createApiClient(void 0, void 0, appName);
-  return projectPermissionsModeEnabled(api);
-}
 async function syncDeps(projectRoot, options = {}) {
   const root = projectRoot ?? findProjectRoot();
   loadEnv(root);
   const appName = getAppName(root);
   const api = createApiClient(void 0, void 0, appName);
-  const flagOn = await projectPermissionsModeEnabled(api);
   const quiet = options.quiet === true;
   const write = options.write === true;
-  if (flagOn) {
-    return syncResourceShareDeps(root, api, appName, {
-      write,
-      quiet,
-      ignorePermissionDenied: options.ignorePermissionDenied === true
-    });
-  }
-  if (options.legacyWhenDisabled === false) {
-    return true;
-  }
-  return syncLegacyDeps(root, api, quiet);
+  return syncResourceShareDeps(root, api, appName, {
+    write,
+    quiet,
+    ignorePermissionDenied: options.ignorePermissionDenied === true
+  });
 }
 async function deps(args) {
   const sub = args[0];
   const projectRoot = findProjectRoot();
   loadEnv(projectRoot);
-  let cachedFlagOn;
-  async function flagOn() {
-    if (cachedFlagOn !== void 0) return cachedFlagOn;
-    cachedFlagOn = await projectResourceDepsEnabled(projectRoot);
-    return cachedFlagOn;
-  }
   if (sub === "sync") {
-    const enabled = await flagOn();
     console.log();
     console.log(pc.cyan(pc.bold("  Deps Sync")));
-    console.log(pc.dim(enabled ? "  Syncing incoming resource shares into platform/collections/shared..." : "  Verifying legacy cross-project dependencies..."));
+    console.log(pc.dim("  Syncing incoming resource shares into platform/collections/shared..."));
     console.log();
-    const ok = await syncDeps(projectRoot, { write: enabled });
+    const ok = await syncDeps(projectRoot, { write: true });
     if (!ok) {
       console.log();
-      console.log(pc.red(enabled ? "  Some resource-share dependencies could not be synced." : "  Some dependencies could not be resolved."));
+      console.log(pc.red("  Some resource-share dependencies could not be synced."));
       process.exit(1);
     }
     console.log();
-    console.log(pc.green(enabled ? "  Resource shares synced." : "  All dependencies verified."));
+    console.log(pc.green("  Resource shares synced."));
     return;
   }
   if (sub === "list") {
-    if (await flagOn()) {
-      const sharedDeps = loadSharedCollectionDeps(projectRoot);
-      if (sharedDeps.length === 0) {
-        console.log(pc.dim("  No shared collection declarations in platform/collections/shared"));
-        return;
-      }
-      console.log();
-      console.log(pc.cyan(pc.bold("  Shared Collection Dependencies")));
-      console.log();
-      for (const { file, dep } of sharedDeps) {
-        const source = dep.source_project ?? "unknown-source";
-        const collection = dep.collection ?? "unknown-table";
-        const privilege = dep.privilege ?? "collection.read";
-        console.log(`  ${pc.bold(file)}`);
-        console.log(`    ${source}/${collection} ${pc.dim(`(${privilege})`)}`);
-      }
-      console.log();
-      return;
-    }
-    const depsData = loadLegacyDeps(projectRoot);
-    if (!depsData || Object.keys(depsData.dependencies).length === 0) {
-      console.log(pc.dim("  No dependencies declared in platform/project_deps.json"));
+    const sharedDeps = loadSharedCollectionDeps(projectRoot);
+    if (sharedDeps.length === 0) {
+      console.log(pc.dim("  No shared collection declarations in platform/collections/shared"));
       return;
     }
     console.log();
-    console.log(pc.cyan(pc.bold("  Project Dependencies")));
+    console.log(pc.cyan(pc.bold("  Shared Collection Dependencies")));
     console.log();
-    for (const [depProject, config] of Object.entries(depsData.dependencies)) {
-      console.log(`  ${pc.bold(depProject)}`);
-      for (const col of config.collections) {
-        console.log(`    \u2022 ${col}`);
-      }
+    for (const { file, dep } of sharedDeps) {
+      const source = dep.source_project ?? "unknown-source";
+      const collection = dep.collection ?? "unknown-table";
+      const privilege = dep.privilege ?? "collection.read";
+      console.log(`  ${pc.bold(file)}`);
+      console.log(`    ${source}/${collection} ${pc.dim(`(${privilege})`)}`);
     }
     console.log();
     return;
   }
   if (sub === "init") {
-    if (await flagOn()) {
-      const dir = sharedCollectionsDir(projectRoot);
-      mkdirSync(dir, { recursive: true });
-      console.log(pc.green("  \u2713"), "Created platform/collections/shared/");
-      return;
-    }
-    const depsPath = join(projectRoot, LEGACY_DEPS_FILE);
-    if (existsSync(depsPath)) {
-      console.log(pc.yellow("  platform/project_deps.json already exists."));
-      return;
-    }
-    const platformDir = join(projectRoot, "platform");
-    mkdirSync(platformDir, { recursive: true });
-    const initial = { dependencies: {} };
-    writeFileSync(depsPath, JSON.stringify(initial, null, 2) + "\n");
-    console.log(pc.green("  \u2713"), "Created platform/project_deps.json");
+    const dir = sharedCollectionsDir(projectRoot);
+    mkdirSync(dir, { recursive: true });
+    console.log(pc.green("  \u2713"), "Created platform/collections/shared/");
     return;
   }
   console.log(`
   ${pc.bold("lumera deps")} \u2014 manage cross-project dependencies
 
   ${pc.bold("Commands:")}
-    sync    Sync dependencies. With project permissions on, writes incoming
-            resource shares to platform/collections/shared/*.json
+    sync    Sync incoming resource shares to platform/collections/shared/*.json
     list    Show declared dependencies
-    init    Create dependency storage for the current feature mode
+    init    Create dependency storage
 
-  ${pc.bold("Project permissions mode:")} platform/collections/shared/*.json
-  ${pc.bold("Legacy mode:")}              platform/project_deps.json
+  ${pc.bold("Dependencies:")} platform/collections/shared/*.json
   `);
 }
 
 export {
-  projectResourceDepsEnabled,
   syncDeps,
   deps
 };

package/dist/{chunk-EDRAYUWN.js → chunk-MDCAEFUH.js}

@@ -90,10 +90,6 @@ var ApiClient = class {
   async getMe() {
     return this.request("/api/me");
   }
-  async isProjectPermissionsModeEnabled() {
-    const me = await this.getMe();
-    return me.user?.feature_flags?.project_permissions_mode === true;
-  }
   async listCollections() {
     const result = await this.request("/api/pb/collections");
     return result.items;

package/dist/{chunk-53NOF33P.js → chunk-OGG5TR4Y.js}

@@ -116,9 +116,10 @@ async function deploy(options) {
     throw new Error(`Deploy failed: ${await res.text()}`);
   }
   const result = await res.json();
+  const launchUrl = result.launch_url || result.url;
   console.log(pc.green(`
-Deployed! ${result.url}`));
-  return { url: result.url, version };
+Deployed! ${launchUrl}`));
+  return { url: launchUrl, version };
 }
 function isPortInUse(port, host = "127.0.0.1") {
   return new Promise((resolve2) => {

package/dist/{deps-WSZGH35V.js → deps-KVHWZARX.js}

@@ -1,15 +1,13 @@
 import {
   deps,
-  projectResourceDepsEnabled,
   syncDeps
-} from "./chunk-WWEIOMW6.js";
+} from "./chunk-4WZMUFC7.js";
 import "./chunk-2CR762KB.js";
-import "./chunk-EDRAYUWN.js";
+import "./chunk-MDCAEFUH.js";
 import "./chunk-ZH3NVYEQ.js";
 import "./chunk-FJFIWC7G.js";
 import "./chunk-PNKVD2UK.js";
 export {
   deps,
-  projectResourceDepsEnabled,
   syncDeps
 };

package/dist/{dev-35XSSGOG.js → dev-EZTXUSD2.js}

@@ -1,16 +1,15 @@
 import {
   dev
-} from "./chunk-53NOF33P.js";
+} from "./chunk-OGG5TR4Y.js";
 import {
-  projectResourceDepsEnabled,
   syncDeps
-} from "./chunk-WWEIOMW6.js";
+} from "./chunk-4WZMUFC7.js";
 import {
   loadEnv
 } from "./chunk-2CR762KB.js";
 import {
   createApiClient
-} from "./chunk-EDRAYUWN.js";
+} from "./chunk-MDCAEFUH.js";
 import {
   findProjectRoot,
   getApiUrl,
@@ -125,14 +124,11 @@ async function dev2(args) {
   const appName = getAppName(projectRoot);
   const appTitle = getAppTitle(projectRoot);
   const apiUrl = getApiUrl();
-  if (await projectResourceDepsEnabled(projectRoot)) {
-    await syncDeps(projectRoot, {
-      write: true,
-      quiet: true,
-      legacyWhenDisabled: false,
-      ignorePermissionDenied: true
-    });
-  }
+  await syncDeps(projectRoot, {
+    write: true,
+    quiet: true,
+    ignorePermissionDenied: true
+  });
   if (!flags["skip-setup"]) {
     const fresh = await isFreshProject(projectRoot);
     if (fresh) {

package/dist/index.js

@@ -219,39 +219,39 @@ async function main() {
     switch (command) {
       // Resource commands
       case "plan":
-        await import("./resources-M3ILBD6X.js").then((m) => m.plan(args.slice(1)));
+        await import("./resources-DPGY7KC3.js").then((m) => m.plan(args.slice(1)));
         break;
       case "apply":
-        await import("./resources-M3ILBD6X.js").then((m) => m.apply(args.slice(1)));
+        await import("./resources-DPGY7KC3.js").then((m) => m.apply(args.slice(1)));
         break;
       case "pull":
-        await import("./resources-M3ILBD6X.js").then((m) => m.pull(args.slice(1)));
+        await import("./resources-DPGY7KC3.js").then((m) => m.pull(args.slice(1)));
         break;
       case "destroy":
-        await import("./resources-M3ILBD6X.js").then((m) => m.destroy(args.slice(1)));
+        await import("./resources-DPGY7KC3.js").then((m) => m.destroy(args.slice(1)));
         break;
       case "list":
-        await import("./resources-M3ILBD6X.js").then((m) => m.list(args.slice(1)));
+        await import("./resources-DPGY7KC3.js").then((m) => m.list(args.slice(1)));
         break;
       case "show":
-        await import("./resources-M3ILBD6X.js").then((m) => m.show(args.slice(1)));
+        await import("./resources-DPGY7KC3.js").then((m) => m.show(args.slice(1)));
         break;
       case "diff":
-        await import("./resources-M3ILBD6X.js").then((m) => m.diff(args.slice(1)));
+        await import("./resources-DPGY7KC3.js").then((m) => m.diff(args.slice(1)));
         break;
       // Development
       case "dev":
-        await import("./dev-35XSSGOG.js").then((m) => m.dev(args.slice(1)));
+        await import("./dev-EZTXUSD2.js").then((m) => m.dev(args.slice(1)));
         break;
       case "run":
-        await import("./run-YUL73K5O.js").then((m) => m.run(args.slice(1)));
+        await import("./run-R6MO23U7.js").then((m) => m.run(args.slice(1)));
         break;
       // Project
       case "init":
-        await import("./init-FW4RFXLL.js").then((m) => m.init(args.slice(1)));
+        await import("./init-QCNR4ULM.js").then((m) => m.init(args.slice(1)));
         break;
       case "register":
-        await import("./register-HR2QQFWX.js").then((m) => m.register(args.slice(1)));
+        await import("./register-QBRKXWNX.js").then((m) => m.register(args.slice(1)));
         break;
       case "templates":
         await import("./templates-LNUOTNLN.js").then((m) => m.templates(subcommand, args.slice(2)));
@@ -268,7 +268,7 @@ async function main() {
         break;
       // Dependencies
       case "deps":
-        await import("./deps-WSZGH35V.js").then((m) => m.deps(args.slice(1)));
+        await import("./deps-KVHWZARX.js").then((m) => m.deps(args.slice(1)));
         break;
       // Auth
       case "login":

package/dist/{init-FW4RFXLL.js → init-QCNR4ULM.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-BHYDYR75.js";
 import {
   createApiClient
-} from "./chunk-EDRAYUWN.js";
+} from "./chunk-MDCAEFUH.js";
 import {
   getToken,
   init_auth,

package/dist/{register-HR2QQFWX.js → register-QBRKXWNX.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-BHYDYR75.js";
 import {
   createApiClient
-} from "./chunk-EDRAYUWN.js";
+} from "./chunk-MDCAEFUH.js";
 import {
   findProjectRoot,
   getAppName,

package/dist/{resources-M3ILBD6X.js → resources-DPGY7KC3.js}

@@ -1,17 +1,16 @@
 import {
   deploy
-} from "./chunk-53NOF33P.js";
+} from "./chunk-OGG5TR4Y.js";
 import {
-  projectResourceDepsEnabled,
   syncDeps
-} from "./chunk-WWEIOMW6.js";
+} from "./chunk-4WZMUFC7.js";
 import {
   loadEnv
 } from "./chunk-2CR762KB.js";
 import {
   ApiError,
   createApiClient
-} from "./chunk-EDRAYUWN.js";
+} from "./chunk-MDCAEFUH.js";
 import {
   findProjectRoot,
   getApiUrl,
@@ -3385,9 +3384,9 @@ async function pull(args) {
     console.log(pc2.bold("  Collections:"));
     await pullCollections(api, platformDir, name || void 0, appName);
     console.log();
-    if (!name && await projectResourceDepsEnabled(projectRoot)) {
+    if (!name) {
       console.log(pc2.bold("  Resource shares:"));
-      await syncDeps(projectRoot, { write: true, legacyWhenDisabled: false, ignorePermissionDenied: true });
+      await syncDeps(projectRoot, { write: true, ignorePermissionDenied: true });
       console.log();
     }
   }

package/dist/{run-YUL73K5O.js → run-R6MO23U7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2CR762KB.js";
 import {
   createApiClient
-} from "./chunk-EDRAYUWN.js";
+} from "./chunk-MDCAEFUH.js";
 import {
   findProjectRoot,
   getApiUrl,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lumerahq/cli",
-  "version": "0.19.10",
+  "version": "0.19.12",
   "description": "CLI for building and deploying Lumera apps",
   "type": "module",
   "engines": {
@@ -13,6 +13,11 @@
     "dist",
     "templates"
   ],
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --clean",
+    "dev": "tsup src/index.ts --format esm --watch",
+    "prepublishOnly": "pnpm build"
+  },
   "dependencies": {
     "acorn": "^8.16.0",
     "archiver": "^7.0.1",
@@ -30,9 +35,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "scripts": {
-    "build": "tsup src/index.ts --format esm --clean",
-    "dev": "tsup src/index.ts --format esm --watch"
   }
-}
+}

package/templates/default/AGENTS.md

@@ -17,6 +17,12 @@ src/
 scripts/               # Utility scripts (seed data, migrations, etc.)
 ```
 
+The starter UI is intentionally throwaway. `src/routes/index.tsx` is just the
+default landing page shown before the real app exists, and `index.html` is only
+the Vite shell. When building the user's first real workflow or screen, replace
+the starter home page with the app experience instead of preserving or building
+around the placeholder content.
+
 ## Lumera Concepts
 
 A Lumera app is built from these primitives — all defined as code in `platform/`:
@@ -110,6 +116,29 @@ fetch('https://app.lumerahq.com/api/pb/sql', ...);
 - Token is not needed — the bridge handles auth via the parent session
 - `X-Lumera-Project` header is not needed — the parent adds it automatically
 
+## Shareable Links
+
+For any URL a human will open (copy-link, invites, emails, QR codes), use `getShareableAppUrl()` or `buildShareableAppUrl()` from `@lumerahq/ui/lib` — **never `window.location.href`**. The app runs inside an iframe, so `window.location` returns the internal `/_apps/{company}/{app}/...` URL instead of the shell's `/app/{appId}` URL.
+
+```ts
+import { buildShareableAppUrl, getShareableAppUrl } from '@lumerahq/ui/lib';
+const link = getShareableAppUrl(); // preserves current path/search/hash
+const invoiceLink = buildShareableAppUrl('/invoices/123', { router: 'hash' });
+```
+
+When reporting a deployed app, use `launch_url` or `url` from the deploy response. Do not share `iframe_url`; it is only the internal iframe/static asset mount.
+
+## Preview and Verification
+
+The Studio environment already runs the Vite dev server and exposes it through
+the portal's **Preview tab**. Users are not expected to run local developer
+commands, and raw localhost URLs are not reachable from the Studio portal.
+
+**Never tell users to run `pnpm dev`, `pnpm dev:vite`, `npm run dev`, or any
+other dev-server command. Never tell users to open `localhost`, `127.0.0.1`, or
+Vite ports such as `http://localhost:5173/`.** When explaining how to verify UI
+changes, tell them to open the **Preview tab**.
+
 
 ## Workflow
 
@@ -122,7 +151,7 @@ Follow the user's lead. If they tell you exactly what to build, build it. The wo
 
 ### Step 2: Build (one slice at a time)
 4. **Build horizontally** — Pick the first step. Build the full slice: collection schema → `lumera apply` → seed data → UI route/components → commit. Each slice should be deployable and usable on its own.
-5. **Stop and ask for feedback** — Tell the user to open the **Preview tab** to see the app. The dev server starts automatically — you do NOT need to run `pnpm dev` or start any server. Iterate on the slice until they're happy.
+5. **Stop and ask for feedback** — Tell the user to open the **Preview tab** to see the app. Do not mention local dev-server commands or localhost URLs. Iterate on the slice until they're happy.
 6. **Repeat** — Move to the next step. Build, deploy, get feedback.
 
 ### Rules

package/templates/default/biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.0.0/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.4.16/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",

package/templates/default/package.json

@@ -24,7 +24,7 @@
     "check:ci": "biome check . && tsr generate && tsc --noEmit"
   },
   "dependencies": {
-    "@lumerahq/ui": "^0.7.6",
+    "@lumerahq/ui": "^0.9.1",
     "@tanstack/react-query": "^5.90.11",
     "@tanstack/react-router": "1.155.0",
     "@tanstack/router-plugin": "1.155.0",

package/templates/default/src/lib/utils.ts

@@ -1,5 +1,5 @@
-import { type ClassValue, clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
+import { type ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));

package/templates/default/src/main.tsx

@@ -125,6 +125,6 @@ if (rootElement && !rootElement.innerHTML) {
   ReactDOM.createRoot(rootElement).render(
     <StrictMode>
       <App />
-    </StrictMode>,
+    </StrictMode>
   );
 }

package/templates/default/src/routes/index.tsx

@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/react-router';
+import { Bot, LayoutGrid, MessageSquare, Workflow } from 'lucide-react';
 import { useContext } from 'react';
-import { MessageSquare, LayoutGrid, Bot, Workflow } from 'lucide-react';
 import { AuthContext } from '../lib/auth';
 
 export const Route = createFileRoute('/')({
@@ -14,8 +14,12 @@ function HomePage() {
     <div className="space-y-10">
       {/* Header */}
       <div>
-        <h1 className="text-2xl font-semibold tracking-tight">Welcome{auth?.user?.name ? `, ${auth.user.name}` : ''}</h1>
-        <p className="text-muted-foreground mt-2 text-[0.95rem] leading-relaxed">Your app is ready. Use Studio to start building.</p>
+        <h1 className="text-2xl font-semibold tracking-tight">
+          Welcome{auth?.user?.name ? `, ${auth.user.name}` : ''}
+        </h1>
+        <p className="text-muted-foreground mt-2 text-[0.95rem] leading-relaxed">
+          Your app is ready. Use Studio to start building.
+        </p>
       </div>
 
       {/* Getting Started */}
@@ -27,8 +31,8 @@ function HomePage() {
           <div className="space-y-2">
             <h2 className="font-semibold text-lg tracking-tight">Build with Studio</h2>
             <p className="text-muted-foreground text-sm leading-relaxed">
-              Switch to the <strong>Chat</strong> tab and tell the agent what you want to build.
-              It will set up your data, write the logic, and build your UI — all from a conversation.
+              Switch to the <strong>Chat</strong> tab and tell the agent what you want to build. It
+              will set up your data, write the logic, and build your UI — all from a conversation.
             </p>
           </div>
         </div>
@@ -36,7 +40,9 @@ function HomePage() {
 
       {/* Example prompts */}
       <div>
-        <h2 className="text-sm font-semibold uppercase tracking-wider text-muted-foreground mb-4">Try asking the agent</h2>
+        <h2 className="text-sm font-semibold uppercase tracking-wider text-muted-foreground mb-4">
+          Try asking the agent
+        </h2>
         <div className="flex flex-wrap gap-2">
           {[
             'Build an invoice processing app with approval workflows',
@@ -57,27 +63,32 @@ function HomePage() {
 
       {/* What you can build */}
       <div>
-        <h2 className="text-sm font-semibold uppercase tracking-wider text-muted-foreground mb-5">What you can build</h2>
+        <h2 className="text-sm font-semibold uppercase tracking-wider text-muted-foreground mb-5">
+          What you can build
+        </h2>
         <div className="grid gap-4 md:grid-cols-3">
           <div className="group rounded-xl bg-card p-5 space-y-3 shadow-[0_1px_2px_0_oklch(0_0_0/0.03)] border border-border/60 hover:shadow-[0_4px_12px_-2px_oklch(0_0_0/0.06)] hover:border-border transition-all duration-300">
             <LayoutGrid className="size-5 text-primary transition-colors duration-300" />
             <h3 className="font-medium text-sm tracking-tight">Internal apps</h3>
             <p className="text-xs text-muted-foreground leading-relaxed">
-              Back-office tools for your team — dashboards, approval queues, and operational workflows.
+              Back-office tools for your team — dashboards, approval queues, and operational
+              workflows.
             </p>
           </div>
           <div className="group rounded-xl bg-card p-5 space-y-3 shadow-[0_1px_2px_0_oklch(0_0_0/0.03)] border border-border/60 hover:shadow-[0_4px_12px_-2px_oklch(0_0_0/0.06)] hover:border-border transition-all duration-300">
             <Bot className="size-5 text-primary transition-colors duration-300" />
             <h3 className="font-medium text-sm tracking-tight">Agent-powered workflows</h3>
             <p className="text-xs text-muted-foreground leading-relaxed">
-              AI agents that extract data, run reviews, draft outputs, and route exceptions — humans stay in the loop.
+              AI agents that extract data, run reviews, draft outputs, and route exceptions — humans
+              stay in the loop.
             </p>
           </div>
           <div className="group rounded-xl bg-card p-5 space-y-3 shadow-[0_1px_2px_0_oklch(0_0_0/0.03)] border border-border/60 hover:shadow-[0_4px_12px_-2px_oklch(0_0_0/0.06)] hover:border-border transition-all duration-300">
             <Workflow className="size-5 text-primary transition-colors duration-300" />
             <h3 className="font-medium text-sm tracking-tight">Automations</h3>
             <p className="text-xs text-muted-foreground leading-relaxed">
-              Connect to your systems, process inbound emails, and trigger actions automatically — with a full audit trail.
+              Connect to your systems, process inbound emails, and trigger actions automatically —
+              with a full audit trail.
             </p>
           </div>
         </div>

package/templates/default/src/styles.css

@@ -34,7 +34,7 @@ body {
   --secondary-foreground: oklch(0.16 0.01 60);
   /* Warm stone muted tones */
   --muted: oklch(0.955 0.005 60);
-  --muted-foreground: oklch(0.50 0.01 60);
+  --muted-foreground: oklch(0.5 0.01 60);
   /* Accent — lighter orange tint */
   --accent: oklch(0.95 0.03 50);
   --accent-foreground: oklch(0.35 0.12 35);

package/templates/default/vite.config.ts

@@ -20,9 +20,6 @@ export default defineConfig({
     dedupe: ['react', 'react-dom'],
   },
   server: {
-    allowedHosts: [
-      'mac.lumerahq.com',
-      'untunable-del-nonephemerally.ngrok-free.dev',
-    ],
+    allowedHosts: ['mac.lumerahq.com'],
   },
 });