@lumerahq/cli 0.19.2 → 0.19.3

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

@@ -0,0 +1,87 @@
+import { createFileRoute } from '@tanstack/react-router';
+import { useContext } from 'react';
+import { MessageSquare, LayoutGrid, Bot, Workflow } from 'lucide-react';
+import { AuthContext } from '../lib/auth';
+
+export const Route = createFileRoute('/')({
+  component: HomePage,
+});
+
+function HomePage() {
+  const auth = useContext(AuthContext);
+
+  return (
+    <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>
+      </div>
+
+      {/* Getting Started */}
+      <div className="rounded-xl bg-card p-6 shadow-[0_1px_3px_0_oklch(0_0_0/0.04),0_1px_2px_-1px_oklch(0_0_0/0.04)] border border-border/60 hover:shadow-[0_4px_12px_-2px_oklch(0_0_0/0.06)] transition-shadow duration-300">
+        <div className="flex items-start gap-4">
+          <div className="rounded-xl bg-gradient-to-br from-primary/10 to-primary/5 p-3 ring-1 ring-primary/10">
+            <MessageSquare className="size-6 text-primary" />
+          </div>
+          <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.
+            </p>
+          </div>
+        </div>
+      </div>
+
+      {/* Example prompts */}
+      <div>
+        <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',
+            'Track vendor payments and flag overdue invoices',
+            'Create a month-end close checklist with task assignments',
+            'Set up an AP inbox that triages emails with AI',
+            'Build an expense tracker with categories and a dashboard',
+          ].map((prompt) => (
+            <span
+              key={prompt}
+              className="inline-flex items-center px-3.5 py-2 rounded-lg text-sm bg-card border border-border/60 text-muted-foreground shadow-[0_1px_2px_0_oklch(0_0_0/0.03)] hover:border-primary/30 hover:text-foreground transition-all duration-200 cursor-default"
+            >
+              {prompt}
+            </span>
+          ))}
+        </div>
+      </div>
+
+      {/* What you can build */}
+      <div>
+        <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.
+            </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.
+            </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.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

package/templates/default/src/styles.css

@@ -0,0 +1,128 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+
+@custom-variant dark (&:is(.dark *));
+
+body {
+  @apply m-0;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  font-feature-settings: "cv11", "ss01";
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Lumera brand theme + full shadcn variable set */
+
+:root {
+  --radius: 0.75rem;
+
+  /* Warm off-white background */
+  --background: oklch(0.985 0.002 60);
+  /* Near-black foreground with warm undertone */
+  --foreground: oklch(0.16 0.01 60);
+  /* Cards: true white */
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.16 0.01 60);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.16 0.01 60);
+  /* Lumera coral-orange primary */
+  --primary: oklch(0.62 0.17 35);
+  --primary-foreground: oklch(0.995 0 0);
+  /* Secondary */
+  --secondary: oklch(0.955 0.005 60);
+  --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);
+  /* Accent — lighter orange tint */
+  --accent: oklch(0.95 0.03 50);
+  --accent-foreground: oklch(0.35 0.12 35);
+  /* Destructive */
+  --destructive: oklch(0.55 0.2 25);
+  --destructive-foreground: oklch(0.995 0 0);
+  /* Warm border */
+  --border: oklch(0.91 0.005 60);
+  --input: oklch(0.91 0.005 60);
+  --ring: oklch(0.62 0.17 35);
+  /* Charts */
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  /* Sidebar */
+  --sidebar: oklch(0.985 0.002 60);
+  --sidebar-foreground: oklch(0.16 0.01 60);
+  --sidebar-primary: oklch(0.62 0.17 35);
+  --sidebar-primary-foreground: oklch(0.995 0 0);
+  --sidebar-accent: oklch(0.95 0.03 50);
+  --sidebar-accent-foreground: oklch(0.35 0.12 35);
+  --sidebar-border: oklch(0.91 0.005 60);
+  --sidebar-ring: oklch(0.62 0.17 35);
+
+  /* Semantic status colors */
+  --success: oklch(0.55 0.14 145);
+  --success-foreground: oklch(0.995 0 0);
+  --warning: oklch(0.75 0.15 70);
+  --warning-foreground: oklch(0.25 0.05 60);
+
+  /* Accent gradient for logo mark */
+  --accent-gradient-from: oklch(0.62 0.17 35);
+  --accent-gradient-to: oklch(0.58 0.19 25);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/templates/default/template.json

@@ -0,0 +1,7 @@
+{
+  "name": "default",
+  "title": "Blank Starter",
+  "description": "A minimal blank canvas with React frontend and Lumera platform scaffolding. No pre-built collections or agents — start from scratch.",
+  "category": "General",
+  "version": "1.1.0"
+}

package/templates/default/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "include": ["**/*.ts", "**/*.tsx"],
+  "compilerOptions": {
+    "target": "ES2022",
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": ["vite/client"],
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/templates/default/vite.config.ts

@@ -0,0 +1,28 @@
+import tailwindcss from '@tailwindcss/vite';
+import { tanstackRouter } from '@tanstack/router-plugin/vite';
+import viteReact from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  base: './', // Use relative paths for S3 hosting at subpaths
+  plugins: [
+    tanstackRouter({
+      target: 'react',
+      autoCodeSplitting: true,
+    }),
+    viteReact(),
+    tailwindcss(),
+  ],
+  resolve: {
+    alias: {
+      '@': new URL('./src', import.meta.url).pathname,
+    },
+    dedupe: ['react', 'react-dom'],
+  },
+  server: {
+    allowedHosts: [
+      'mac.lumerahq.com',
+      'untunable-del-nonephemerally.ngrok-free.dev',
+    ],
+  },
+});

package/dist/chunk-OQW5E7UT.js

@@ -1,159 +0,0 @@
-import {
-  fetchWithRetry
-} from "./chunk-FJFIWC7G.js";
-
-// src/lib/templates.ts
-import { existsSync, mkdirSync, readdirSync, readFileSync, rmSync, unlinkSync, writeFileSync } from "fs";
-import { homedir, tmpdir } from "os";
-import { join } from "path";
-import { spawnSync } from "child_process";
-var GITHUB_OWNER = "lumerahq";
-var GITHUB_REPO = "app-templates";
-var GITHUB_REF = "main";
-function getCacheDir() {
-  return join(homedir(), ".lumera", "templates");
-}
-function readCacheMeta() {
-  const metaPath = join(getCacheDir(), ".cache-meta.json");
-  if (!existsSync(metaPath)) return null;
-  try {
-    return JSON.parse(readFileSync(metaPath, "utf-8"));
-  } catch {
-    return null;
-  }
-}
-async function fetchLatestSha() {
-  const url = `https://api.github.com/repos/${GITHUB_OWNER}/${GITHUB_REPO}/commits/${GITHUB_REF}`;
-  const res = await fetchWithRetry(url, {
-    headers: { Accept: "application/vnd.github.sha" }
-  });
-  if (!res.ok) throw new Error(`GitHub API error: ${res.status}`);
-  return (await res.text()).trim();
-}
-async function downloadAndExtract(commitSha) {
-  const cacheDir = getCacheDir();
-  const tarballUrl = `https://github.com/${GITHUB_OWNER}/${GITHUB_REPO}/archive/refs/heads/${GITHUB_REF}.tar.gz`;
-  const res = await fetchWithRetry(tarballUrl);
-  if (!res.ok) throw new Error(`Failed to download templates: ${res.status}`);
-  const tmpFile = join(tmpdir(), `lumera-templates-${Date.now()}.tar.gz`);
-  const buffer = Buffer.from(await res.arrayBuffer());
-  writeFileSync(tmpFile, buffer);
-  mkdirSync(cacheDir, { recursive: true });
-  for (const entry of readdirSync(cacheDir)) {
-    if (entry === ".cache-meta.json" || entry === ".refs") continue;
-    rmSync(join(cacheDir, entry), { recursive: true, force: true });
-  }
-  const result = spawnSync("tar", ["xzf", tmpFile, "-C", cacheDir, "--strip-components=1"], { stdio: "ignore" });
-  if (result.status !== 0) throw new Error("Failed to extract template archive");
-  unlinkSync(tmpFile);
-  const meta = { commitSha, fetchedAt: (/* @__PURE__ */ new Date()).toISOString() };
-  writeFileSync(join(cacheDir, ".cache-meta.json"), JSON.stringify(meta));
-  return cacheDir;
-}
-async function ensureRemoteCache() {
-  const cacheDir = getCacheDir();
-  const cached = readCacheMeta();
-  const latestSha = await fetchLatestSha();
-  if (cached?.commitSha === latestSha && existsSync(cacheDir)) {
-    return cacheDir;
-  }
-  console.log("  Fetching latest templates...");
-  return downloadAndExtract(latestSha);
-}
-function parseTemplateRef(input) {
-  const atIndex = input.lastIndexOf("@");
-  if (atIndex > 0) {
-    return {
-      name: input.slice(0, atIndex),
-      ref: input.slice(atIndex + 1)
-    };
-  }
-  return { name: input, ref: null };
-}
-async function ensureRemoteCacheForRef(ref) {
-  const refCacheDir = join(getCacheDir(), ".refs", ref);
-  if (existsSync(refCacheDir) && existsSync(join(refCacheDir, ".cache-meta.json"))) {
-    return refCacheDir;
-  }
-  console.log(`  Fetching templates at ref "${ref}"...`);
-  const urls = [
-    `https://github.com/${GITHUB_OWNER}/${GITHUB_REPO}/archive/refs/tags/${ref}.tar.gz`,
-    `https://github.com/${GITHUB_OWNER}/${GITHUB_REPO}/archive/refs/heads/${ref}.tar.gz`,
-    `https://github.com/${GITHUB_OWNER}/${GITHUB_REPO}/archive/${ref}.tar.gz`
-  ];
-  let res = null;
-  for (const url of urls) {
-    const attempt = await fetchWithRetry(url);
-    if (attempt.ok) {
-      res = attempt;
-      break;
-    }
-  }
-  if (!res) {
-    throw new Error(
-      `Failed to fetch templates at ref "${ref}". Ensure the tag, branch, or SHA exists in ${GITHUB_OWNER}/${GITHUB_REPO}.`
-    );
-  }
-  const tmpFile = join(tmpdir(), `lumera-templates-${ref}-${Date.now()}.tar.gz`);
-  const buffer = Buffer.from(await res.arrayBuffer());
-  writeFileSync(tmpFile, buffer);
-  mkdirSync(refCacheDir, { recursive: true });
-  const result = spawnSync("tar", ["xzf", tmpFile, "-C", refCacheDir, "--strip-components=1"], { stdio: "ignore" });
-  if (result.status !== 0) throw new Error("Failed to extract template archive");
-  unlinkSync(tmpFile);
-  const meta = { commitSha: ref, fetchedAt: (/* @__PURE__ */ new Date()).toISOString() };
-  writeFileSync(join(refCacheDir, ".cache-meta.json"), JSON.stringify(meta));
-  return refCacheDir;
-}
-function listTemplates(baseDir) {
-  if (!existsSync(baseDir)) return [];
-  const templates = [];
-  for (const entry of readdirSync(baseDir, { withFileTypes: true })) {
-    if (!entry.isDirectory()) continue;
-    const metaPath = join(baseDir, entry.name, "template.json");
-    if (!existsSync(metaPath)) continue;
-    try {
-      const raw = JSON.parse(readFileSync(metaPath, "utf-8"));
-      if (!raw.name || !raw.title || !raw.description || !raw.category) {
-        console.warn(`Warning: Skipping template "${entry.name}" \u2014 template.json is missing required fields (name, title, description, category)`);
-        continue;
-      }
-      templates.push(raw);
-    } catch {
-      console.warn(`Warning: Skipping template "${entry.name}" \u2014 invalid template.json`);
-    }
-  }
-  return templates.sort((a, b) => {
-    if (a.name === "default") return -1;
-    if (b.name === "default") return 1;
-    return a.title.localeCompare(b.title);
-  });
-}
-async function resolveTemplate(nameWithRef) {
-  const { name, ref } = parseTemplateRef(nameWithRef);
-  const cacheDir = ref ? await ensureRemoteCacheForRef(ref) : await ensureRemoteCache();
-  const dir = join(cacheDir, name);
-  if (!existsSync(dir) || !existsSync(join(dir, "template.json"))) {
-    const available = listTemplates(cacheDir).map((t) => t.name).join(", ");
-    if (ref) {
-      throw new Error(
-        `Template "${name}" not found at ref "${ref}". Available: ${available || "none"}`
-      );
-    }
-    throw new Error(
-      `Template "${name}" not found. Available: ${available || "none"}
-  Cache location: ${cacheDir}
-  Try deleting the cache and retrying: rm -rf ${cacheDir}`
-    );
-  }
-  return dir;
-}
-async function listAllTemplates() {
-  const cacheDir = await ensureRemoteCache();
-  return listTemplates(cacheDir);
-}
-
-export {
-  resolveTemplate,
-  listAllTemplates
-};

package/dist/chunk-XDTWVFPE.js

@@ -1,120 +0,0 @@
-import {
-  loadEnv
-} from "./chunk-2CR762KB.js";
-import {
-  createApiClient
-} from "./chunk-GKI2HQJC.js";
-import {
-  findProjectRoot,
-  getAppName
-} from "./chunk-ZH3NVYEQ.js";
-
-// src/commands/deps.ts
-import pc from "picocolors";
-import { existsSync, readFileSync, writeFileSync, mkdirSync } from "fs";
-import { join } from "path";
-var DEPS_FILE = "platform/project_deps.json";
-function loadDeps(projectRoot) {
-  const depsPath = join(projectRoot, DEPS_FILE);
-  if (!existsSync(depsPath)) return null;
-  try {
-    return JSON.parse(readFileSync(depsPath, "utf-8"));
-  } catch {
-    return null;
-  }
-}
-async function syncDeps(projectRoot) {
-  const root = projectRoot ?? findProjectRoot();
-  loadEnv(root);
-  const deps2 = loadDeps(root);
-  if (!deps2 || !deps2.dependencies || Object.keys(deps2.dependencies).length === 0) {
-    return true;
-  }
-  const appName = getAppName(root);
-  const api = createApiClient(void 0, void 0, appName);
-  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)) {
-          console.log(pc.green("  \u2713"), `${depProject}/${col}`);
-        } else {
-          console.log(pc.red("  \u2717"), `${depProject}/${col} \u2014 not found in project manifest`);
-          allOk = false;
-        }
-      }
-    } catch (e) {
-      console.log(pc.red("  \u2717"), `${depProject}: failed to fetch manifest \u2014 ${e}`);
-      allOk = false;
-    }
-  }
-  return allOk;
-}
-async function deps(args) {
-  const sub = args[0];
-  const projectRoot = findProjectRoot();
-  loadEnv(projectRoot);
-  if (sub === "sync") {
-    console.log();
-    console.log(pc.cyan(pc.bold("  Deps Sync")));
-    console.log(pc.dim("  Verifying cross-project dependencies..."));
-    console.log();
-    const ok = await syncDeps(projectRoot);
-    if (!ok) {
-      console.log();
-      console.log(pc.red("  Some dependencies could not be resolved."));
-      process.exit(1);
-    }
-    console.log();
-    console.log(pc.green("  All dependencies verified."));
-    return;
-  }
-  if (sub === "list") {
-    const depsData = loadDeps(projectRoot);
-    if (!depsData || Object.keys(depsData.dependencies).length === 0) {
-      console.log(pc.dim("  No dependencies declared in platform/project_deps.json"));
-      return;
-    }
-    console.log();
-    console.log(pc.cyan(pc.bold("  Project 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}`);
-      }
-    }
-    console.log();
-    return;
-  }
-  if (sub === "init") {
-    const depsPath = join(projectRoot, 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");
-    return;
-  }
-  console.log(`
-  ${pc.bold("lumera deps")} \u2014 manage cross-project dependencies
-
-  ${pc.bold("Commands:")}
-    sync    Fetch manifests and verify declared dependencies exist
-    list    Show declared dependencies
-    init    Create an empty platform/project_deps.json
-
-  ${pc.bold("Dependency file:")} platform/project_deps.json
-  `);
-}
-
-export {
-  syncDeps,
-  deps
-};