@lumerahq/cli 0.19.11 → 0.19.13

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

@@ -1,6 +1,100 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "shadcn/tailwind.css";
+
+@theme inline {
+  @keyframes accordion-down {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(
+        --radix-accordion-content-height,
+        var(--accordion-panel-height, auto)
+      );
+    }
+  }
+
+  @keyframes accordion-up {
+    from {
+      height: var(
+        --radix-accordion-content-height,
+        var(--accordion-panel-height, auto)
+      );
+    }
+    to {
+      height: 0;
+    }
+  }
+}
+
+@custom-variant data-open {
+  &:where([data-state="open"]),
+  &:where([data-open]:not([data-open="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-closed {
+  &:where([data-state="closed"]),
+  &:where([data-closed]:not([data-closed="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-checked {
+  &:where([data-state="checked"]),
+  &:where([data-checked]:not([data-checked="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-unchecked {
+  &:where([data-state="unchecked"]),
+  &:where([data-unchecked]:not([data-unchecked="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-selected {
+  &:where([data-selected="true"]) {
+    @slot;
+  }
+}
+
+@custom-variant data-disabled {
+  &:where([data-disabled="true"]),
+  &:where([data-disabled]:not([data-disabled="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-active {
+  &:where([data-state="active"]),
+  &:where([data-active]:not([data-active="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-horizontal {
+  &:where([data-orientation="horizontal"]) {
+    @slot;
+  }
+}
+
+@custom-variant data-vertical {
+  &:where([data-orientation="vertical"]) {
+    @slot;
+  }
+}
+
+@utility no-scrollbar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
 
 @custom-variant dark (&:is(.dark *));
 
@@ -34,7 +128,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'],
   },
 });