@helloleo/plugins 0.1.20-beta.1 → 0.1.20

package/dist/index.js

@@ -12566,7 +12566,7 @@ async function renderTemplate(templateId, vars, destDir) {
 }
 
 // src/tools/scaffold.ts
-var SCAFFOLD_VERSION = "tanstack-start-2026-06-18";
+var SCAFFOLD_VERSION = "tanstack-router-2026-06-15";
 function projectUuidFromDir(dir) {
   return path3.basename(dir);
 }
@@ -12579,7 +12579,7 @@ async function writeBaseScaffold(opts, dir) {
   return [...created, leoPath];
 }
 var scaffold = tool({
-  description: "Scaffold a new React 19 + Vite + Tailwind CSS v4 + TanStack Start project " + "with shadcn/ui baked in, wired to @helloleo/runtime for Cloudflare " + "bindings (D1 + KV + R2). Renders the full template: TanStack file-based " + "routing + SSR (src/routes/, src/router.tsx), the Cloudflare Worker entry " + "(src/server.ts) + wrangler.jsonc (DB/KV/BUCKET bindings), a Drizzle DB " + "layer (src/db/schema.ts as the single source of truth, src/db/index.ts " + "typed client, drizzle.config.ts), the complete shadcn/ui component set " + "under src/components/ui, src/lib/utils.ts (cn helper), src/lib/proxy.ts " + "(HelloLeo integration proxy), src/styles.css (shadcn design tokens, " + "light+dark), plus package.json, vite.config.ts, tsconfig.json, " + "components.json, .gitignore and the generated src/routeTree.gen.ts. Call " + "this FIRST for any new project before adding routes and pages. For " + "NetSuite projects (NetSuite MCP in the live list), call `setup_netsuite` " + "INSTEAD -- it bundles base scaffold + OAuth wiring in one call. Do not " + "call both.",
+  description: "Scaffold a new React 19 + Vite + Tailwind CSS v4 + TanStack Router project " + "with shadcn/ui baked in. Renders the full template: TanStack file-based " + "routing (src/routes/), the complete shadcn/ui component set under " + "src/components/ui, src/lib/utils.ts (cn helper), src/lib/proxy.ts " + "(HelloLeo integration proxy), src/styles.css (shadcn design tokens, " + "light+dark), plus package.json, vite.config.ts, tsconfig.json, " + "tsr.config.json, components.json, .gitignore and the generated " + "src/routeTree.gen.ts. Call this FIRST for any new project before adding " + "routes and pages. For NetSuite projects (NetSuite MCP in the live list), " + "call `setup_netsuite` INSTEAD -- it bundles base scaffold + OAuth wiring " + "in one call. Do not call both.",
   args: {
     name: tool.schema.string().optional().describe("Project name for package.json (default: leo-project)")
   },
@@ -12594,10 +12594,6 @@ var scaffold = tool({
       "UI: shadcn/ui components are already in src/components/ui -- import and",
       "  use them; do not attempt to re-add via the shadcn CLI.",
       "Design system: edit tokens in src/styles.css (light + dark blocks).",
-      "Database: edit src/db/schema.ts (the single source of truth) -- `bun run",
-      "  db:push` syncs it to the dev DB; the `dev` script does this for you.",
-      "  Query via `import { db } from '#/db'` inside loaders/server functions.",
-      "  KV + R2: `import { kv, storage } from '@helloleo/runtime'`.",
       "Data fetching: React Query is wired (QueryClient on the router context +",
       "  QueryClientProvider). ALWAYS fetch with @tanstack/react-query --",
       "  useQuery / useMutation in components, or a route loader calling",
@@ -12687,17 +12683,20 @@ export function signInWithNetSuite(returnTo: string = window.location.href) {
   // refuses to render -- looks like "nothing happens" to the user. Navigate
   // the top frame instead so the OAuth flow runs at the top level and the
   // callback redirect lands on the same top frame, which then reads the
-  // #nssid= fragment. Fallback to same-frame navigation if the top window
-  // is cross-origin and can't be reassigned.
+  // #nssid= fragment. Use \`location.href =\` (NOT \`location.assign()\`):
+  // reading the \`.assign\` method off a cross-origin \`window.top.location\`
+  // throws a SecurityError, which would drop us into the same-frame fallback
+  // and load NetSuite inside the iframe (X-Frame-Options: DENY -> "refused to
+  // connect"). Assigning \`.href\` is a navigation, allowed cross-origin.
   try {
     if (window.top && window.top !== window) {
-      window.top.location.assign(url.toString());
+      window.top.location.href = url.toString();
       return;
     }
   } catch {
     /* top window not accessible \u2014 fall through to same-frame navigation */
   }
-  window.location.assign(url.toString());
+  window.location.href = url.toString();
 }
 
 export interface NetSuiteSession {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helloleo/plugins",
-  "version": "0.1.20-beta.1",
+  "version": "0.1.20",
   "description": "OpenCode plugins for HelloLeo",
   "license": "UNLICENSED",
   "type": "module",

package/src/tools/scaffold.ts

@@ -8,11 +8,11 @@ import { renderTemplate } from "../template-render.ts";
  * Identifier for the scaffold template a project was generated from. It is
  * also the directory name under src/templates/. Written to .leo/project.json
  * so the webapp / leo-core can tell which template (and therefore which
- * conventions: TanStack Start file routing + SSR, Tailwind v4, shadcn/ui) a
+ * conventions: TanStack Router file routing, Tailwind v4, shadcn/ui) a
  * workspace was bootstrapped with. Bump this (and add a new templates/<id>/
  * dir) when the scaffold's shape changes.
  */
-export const SCAFFOLD_VERSION = "tanstack-start-2026-06-18";
+export const SCAFFOLD_VERSION = "tanstack-router-2026-06-15";
 
 /**
  * The project workspace directory is named after the project UUID -- the
@@ -30,7 +30,7 @@ export interface BaseScaffoldOptions {
 }
 
 /**
- * Write the base scaffold by rendering the TanStack Start template into dir,
+ * Write the base scaffold by rendering the TanStack Router template into dir,
  * then adding .leo/project.json (template metadata the tool owns, not part of
  * the template tree). Shared between `scaffold` (frontend-only) and
  * `setup_netsuite` (base + OAuth files). Returns the relative paths written.
@@ -59,21 +59,17 @@ export async function writeBaseScaffold(
 
 export const scaffold = tool({
 	description:
-		"Scaffold a new React 19 + Vite + Tailwind CSS v4 + TanStack Start project " +
-		"with shadcn/ui baked in, wired to @helloleo/runtime for Cloudflare " +
-		"bindings (D1 + KV + R2). Renders the full template: TanStack file-based " +
-		"routing + SSR (src/routes/, src/router.tsx), the Cloudflare Worker entry " +
-		"(src/server.ts) + wrangler.jsonc (DB/KV/BUCKET bindings), a Drizzle DB " +
-		"layer (src/db/schema.ts as the single source of truth, src/db/index.ts " +
-		"typed client, drizzle.config.ts), the complete shadcn/ui component set " +
-		"under src/components/ui, src/lib/utils.ts (cn helper), src/lib/proxy.ts " +
+		"Scaffold a new React 19 + Vite + Tailwind CSS v4 + TanStack Router project " +
+		"with shadcn/ui baked in. Renders the full template: TanStack file-based " +
+		"routing (src/routes/), the complete shadcn/ui component set under " +
+		"src/components/ui, src/lib/utils.ts (cn helper), src/lib/proxy.ts " +
 		"(HelloLeo integration proxy), src/styles.css (shadcn design tokens, " +
 		"light+dark), plus package.json, vite.config.ts, tsconfig.json, " +
-		"components.json, .gitignore and the generated src/routeTree.gen.ts. Call " +
-		"this FIRST for any new project before adding routes and pages. For " +
-		"NetSuite projects (NetSuite MCP in the live list), call `setup_netsuite` " +
-		"INSTEAD -- it bundles base scaffold + OAuth wiring in one call. Do not " +
-		"call both.",
+		"tsr.config.json, components.json, .gitignore and the generated " +
+		"src/routeTree.gen.ts. Call this FIRST for any new project before adding " +
+		"routes and pages. For NetSuite projects (NetSuite MCP in the live list), " +
+		"call `setup_netsuite` INSTEAD -- it bundles base scaffold + OAuth wiring " +
+		"in one call. Do not call both.",
 	args: {
 		name: tool.schema
 			.string()
@@ -91,10 +87,6 @@ export const scaffold = tool({
 			"UI: shadcn/ui components are already in src/components/ui -- import and",
 			"  use them; do not attempt to re-add via the shadcn CLI.",
 			"Design system: edit tokens in src/styles.css (light + dark blocks).",
-			"Database: edit src/db/schema.ts (the single source of truth) -- `bun run",
-			"  db:push` syncs it to the dev DB; the `dev` script does this for you.",
-			"  Query via `import { db } from '#/db'` inside loaders/server functions.",
-			"  KV + R2: `import { kv, storage } from '@helloleo/runtime'`.",
 			"Data fetching: React Query is wired (QueryClient on the router context +",
 			"  QueryClientProvider). ALWAYS fetch with @tanstack/react-query --",
 			"  useQuery / useMutation in components, or a route loader calling",

package/src/tools/setup-netsuite.ts

@@ -86,17 +86,20 @@ export function signInWithNetSuite(returnTo: string = window.location.href) {
   // refuses to render -- looks like "nothing happens" to the user. Navigate
   // the top frame instead so the OAuth flow runs at the top level and the
   // callback redirect lands on the same top frame, which then reads the
-  // #nssid= fragment. Fallback to same-frame navigation if the top window
-  // is cross-origin and can't be reassigned.
+  // #nssid= fragment. Use \`location.href =\` (NOT \`location.assign()\`):
+  // reading the \`.assign\` method off a cross-origin \`window.top.location\`
+  // throws a SecurityError, which would drop us into the same-frame fallback
+  // and load NetSuite inside the iframe (X-Frame-Options: DENY -> "refused to
+  // connect"). Assigning \`.href\` is a navigation, allowed cross-origin.
   try {
     if (window.top && window.top !== window) {
-      window.top.location.assign(url.toString());
+      window.top.location.href = url.toString();
       return;
     }
   } catch {
     /* top window not accessible — fall through to same-frame navigation */
   }
-  window.location.assign(url.toString());
+  window.location.href = url.toString();
 }
 
 export interface NetSuiteSession {

package/dist/templates/tanstack-start-2026-06-18/components.json

@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "css": "src/styles.css",
-    "baseColor": "slate",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "iconLibrary": "lucide",
-  "rtl": false,
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  },
-  "registries": {}
-}

package/dist/templates/tanstack-start-2026-06-18/drizzle.config.ts

@@ -1,20 +0,0 @@
-import { defineConfig } from 'drizzle-kit'
-
-// src/db/schema.ts is the single source of truth for the D1 / libsql schema.
-//
-// DEV: `drizzle-kit push --force` (the `dev` script) syncs the schema straight
-// into the cf-shim's libsql file. The url MUST match the shim's DEV_DB_PATH
-// default (.dev.db) so push and the running app open the same file.
-//
-// PROD: migrations are generated with `drizzle-kit generate` and applied to D1
-// with `wrangler d1 migrations apply DB --remote` (reads migrations_dir in
-// wrangler.jsonc) — so no d1-http driver or Cloudflare API env vars are needed
-// here.
-const devDbPath = process.env.DEV_DB_PATH ?? '.dev.db'
-
-export default defineConfig({
-  dialect: 'sqlite',
-  schema: './src/db/schema.ts',
-  out: './drizzle',
-  dbCredentials: { url: `file:${devDbPath}` },
-})

package/dist/templates/tanstack-start-2026-06-18/package.json

@@ -1,103 +0,0 @@
-{
-  "name": "{{LEO_NAME}}",
-  "private": true,
-  "type": "module",
-  "imports": {
-    "#/*": "./src/*"
-  },
-  "scripts": {
-    "dev": "drizzle-kit push --force && vite dev",
-    "build": "oxlint --fix && vite build",
-    "preview": "vite preview",
-    "deploy": "bun run db:generate && vite build && wrangler deploy && wrangler d1 migrations apply DB --remote",
-    "db:generate": "drizzle-kit generate",
-    "db:push": "drizzle-kit push --force",
-    "db:migrate": "wrangler d1 migrations apply DB --remote",
-    "typecheck": "tsc --noEmit",
-    "lint": "oxlint --fix",
-    "test": "vitest run"
-  },
-  "dependencies": {
-    "@helloleo/runtime": "^0.1.1",
-    "@hookform/resolvers": "^5.2.2",
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-aspect-ratio": "^1.1.8",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-menubar": "^1.1.16",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.8",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle": "^1.1.10",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@tailwindcss/vite": "^4.1.18",
-    "@tanstack/react-query": "^5.90.0",
-    "@tanstack/react-router": "latest",
-    "@tanstack/react-router-with-query": "latest",
-    "@tanstack/react-start": "latest",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
-    "drizzle-orm": "^0.45.2",
-    "embla-carousel-react": "^8.6.0",
-    "input-otp": "^1.4.2",
-    "lucide-react": "^0.575.0",
-    "react": "^19.2.0",
-    "react-day-picker": "^9.14.0",
-    "react-dom": "^19.2.0",
-    "react-hook-form": "^7.71.2",
-    "react-resizable-panels": "^4.6.5",
-    "recharts": "^2.15.4",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.5.0",
-    "tailwindcss": "^4.1.18",
-    "tw-animate-css": "^1.3.4",
-    "vaul": "^1.1.2",
-    "zod": "^3.24.2"
-  },
-  "devDependencies": {
-    "@cloudflare/vite-plugin": "^1.13.0",
-    "@cloudflare/workers-types": "^4.20250906.0",
-    "@helloleo/vite-config": "^0.1.2",
-    "@libsql/client": "^0.14.0",
-    "@tailwindcss/typography": "^0.5.16",
-    "drizzle-kit": "^0.31.10",
-    "@tanstack/router-plugin": "latest",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.0",
-    "@types/node": "^22.10.2",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^6.0.1",
-    "jsdom": "^28.1.0",
-    "oxlint": "^1.69.0",
-    "typescript": "^6.0.2",
-    "vite": "^8.0.0",
-    "vite-tsconfig-paths": "^6.0.0",
-    "vitest": "^4.1.5",
-    "wrangler": "^4.70.0"
-  },
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "esbuild",
-      "lightningcss"
-    ]
-  }
-}

package/dist/templates/tanstack-start-2026-06-18/src/components/ui/accordion.tsx

@@ -1,51 +0,0 @@
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDown } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-const Accordion = AccordionPrimitive.Root;
-
-const AccordionItem = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
->(({ className, ...props }, ref) => (
-  <AccordionPrimitive.Item ref={ref} className={cn("border-b", className)} {...props} />
-));
-AccordionItem.displayName = "AccordionItem";
-
-const AccordionTrigger = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-  <AccordionPrimitive.Header className="flex">
-    <AccordionPrimitive.Trigger
-      ref={ref}
-      className={cn(
-        "flex flex-1 items-center justify-between py-4 text-sm font-medium cursor-pointer transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
-        className,
-      )}
-      {...props}
-    >
-      {children}
-      <ChevronDown className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
-    </AccordionPrimitive.Trigger>
-  </AccordionPrimitive.Header>
-));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-
-const AccordionContent = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
->(({ className, children, ...props }, ref) => (
-  <AccordionPrimitive.Content
-    ref={ref}
-    className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
-    {...props}
-  >
-    <div className={cn("pb-4 pt-0", className)}>{children}</div>
-  </AccordionPrimitive.Content>
-));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/templates/tanstack-start-2026-06-18/src/components/ui/alert-dialog.tsx

@@ -1,115 +0,0 @@
-import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-
-import { cn } from "@/lib/utils";
-import { buttonVariants } from "@/components/ui/button";
-
-const AlertDialog = AlertDialogPrimitive.Root;
-
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
-
-const AlertDialogPortal = AlertDialogPrimitive.Portal;
-
-const AlertDialogOverlay = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Overlay
-    className={cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className,
-    )}
-    {...props}
-    ref={ref}
-  />
-));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-
-const AlertDialogContent = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <AlertDialogPortal>
-    <AlertDialogOverlay />
-    <AlertDialogPrimitive.Content
-      ref={ref}
-      className={cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-lg",
-        className,
-      )}
-      {...props}
-    />
-  </AlertDialogPortal>
-));
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-
-const AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn("flex flex-col space-y-2 text-center sm:text-left", className)} {...props} />
-);
-AlertDialogHeader.displayName = "AlertDialogHeader";
-
-const AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
-    {...props}
-  />
-);
-AlertDialogFooter.displayName = "AlertDialogFooter";
-
-const AlertDialogTitle = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Title
-    ref={ref}
-    className={cn("text-lg font-semibold", className)}
-    {...props}
-  />
-));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-
-const AlertDialogDescription = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Description
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-
-const AlertDialogAction = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Action>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />
-));
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-
-const AlertDialogCancel = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Cancel
-    ref={ref}
-    className={cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className)}
-    {...props}
-  />
-));
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-
-export {
-  AlertDialog,
-  AlertDialogPortal,
-  AlertDialogOverlay,
-  AlertDialogTrigger,
-  AlertDialogContent,
-  AlertDialogHeader,
-  AlertDialogFooter,
-  AlertDialogTitle,
-  AlertDialogDescription,
-  AlertDialogAction,
-  AlertDialogCancel,
-};

package/dist/templates/tanstack-start-2026-06-18/src/components/ui/alert.tsx

@@ -1,49 +0,0 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const alertVariants = cva(
-  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
-  {
-    variants: {
-      variant: {
-        default: "bg-background text-foreground",
-        destructive:
-          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  },
-);
-
-const Alert = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
->(({ className, variant, ...props }, ref) => (
-  <div ref={ref} role="alert" className={cn(alertVariants({ variant }), className)} {...props} />
-));
-Alert.displayName = "Alert";
-
-const AlertTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
-  ({ className, ...props }, ref) => (
-    <h5
-      ref={ref}
-      className={cn("mb-1 font-medium leading-none tracking-tight", className)}
-      {...props}
-    />
-  ),
-);
-AlertTitle.displayName = "AlertTitle";
-
-const AlertDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("text-sm [&_p]:leading-relaxed", className)} {...props} />
-));
-AlertDescription.displayName = "AlertDescription";
-
-export { Alert, AlertTitle, AlertDescription };

package/dist/templates/tanstack-start-2026-06-18/src/components/ui/aspect-ratio.tsx

@@ -1,5 +0,0 @@
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-
-const AspectRatio = AspectRatioPrimitive.Root;
-
-export { AspectRatio };

package/dist/templates/tanstack-start-2026-06-18/src/components/ui/avatar.tsx

@@ -1,47 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-
-import { cn } from "@/lib/utils";
-
-const Avatar = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Root
-    ref={ref}
-    className={cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className)}
-    {...props}
-  />
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-
-const AvatarImage = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Image>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Image
-    ref={ref}
-    className={cn("aspect-square h-full w-full", className)}
-    {...props}
-  />
-));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-
-const AvatarFallback = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Fallback>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Fallback
-    ref={ref}
-    className={cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      className,
-    )}
-    {...props}
-  />
-));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-
-export { Avatar, AvatarImage, AvatarFallback };

package/dist/templates/tanstack-start-2026-06-18/src/components/ui/badge.tsx

@@ -1,32 +0,0 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const badgeVariants = cva(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-        secondary:
-          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive:
-          "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-        outline: "text-foreground",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  },
-);
-
-export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
-
-function Badge({ className, variant, ...props }: BadgeProps) {
-  return <div className={cn(badgeVariants({ variant }), className)} {...props} />;
-}
-
-export { Badge, badgeVariants };