@helloleo/plugins 0.2.21 → 0.2.23

package/dist/index.js

@@ -24900,23 +24900,9 @@ async function renderTemplate(templateId, vars, destDir) {
 }
 
 // src/tools/scaffold.ts
-var SCAFFOLD_TEMPLATES = {
-  "tanstack-start": "tanstack-start-2026-07-30",
-  "tanstack-router": "tanstack-router-2026-06-15"
-};
-var LEGACY_TEMPLATES = ["tanstack-start-2026-06-18"];
-var SCAFFOLD_VERSION = SCAFFOLD_TEMPLATES["tanstack-start"];
-function resolveTemplateId(type) {
-  const version3 = process.env.PLUGINS_SCAFFOLD_VERSION;
-  const known = [
-    ...Object.values(SCAFFOLD_TEMPLATES),
-    ...LEGACY_TEMPLATES
-  ];
-  const pinned = version3 && known.includes(version3) ? version3 : undefined;
-  if (type) {
-    return pinned?.startsWith(type) ? pinned : SCAFFOLD_TEMPLATES[type];
-  }
-  return pinned ?? SCAFFOLD_TEMPLATES["tanstack-router"];
+var SCAFFOLD_VERSION = "tanstack-start-2026-07-30";
+function resolveTemplateId() {
+  return SCAFFOLD_VERSION;
 }
 function projectUuidFromDir(dir) {
   return path3.basename(dir);
@@ -24927,14 +24913,13 @@ function integrationProxyUrl(projectUuid) {
 }
 var scaffoldOptionsSchema = exports_external2.object({
   name: exports_external2.string().describe("Human-readable name for SEO, e.g. 'Shipping Platform'"),
-  description: exports_external2.string().describe("One sentence describing the app. Used as the meta description."),
-  type: exports_external2.enum(["tanstack-start", "tanstack-router"]).optional().describe("Project type. 'tanstack-start': SSR app with API routes and a " + "database, KV and bucket \u2014 use it whenever the app needs to " + "persist data or run server-side code, and always for " + "setup_authentication (it needs server routes). " + "'tanstack-router': client-only SPA with no server and no database " + "\u2014 use it only for pure frontends that talk to external APIs. " + "Omit to use the deployment's default.")
+  description: exports_external2.string().describe("One sentence describing the app. Used as the meta description.")
 });
 function slugify(name) {
   return name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "leo-project";
 }
-async function writeBaseScaffold({ name, description, type }, dir) {
-  const templateId = resolveTemplateId(type);
+async function writeBaseScaffold({ name, description }, dir) {
+  const templateId = resolveTemplateId();
   const projectUuid = projectUuidFromDir(dir);
   const created = await renderTemplate(templateId, {
     LEO_NAME: name,
@@ -24949,33 +24934,26 @@ async function writeBaseScaffold({ name, description, type }, dir) {
   return [...created, leoPath];
 }
 var scaffold = tool({
-  description: "Scaffold a new project with React 19, file-based routing (TanStack), " + "Tailwind v4, shadcn/ui, and react-query. Two types: 'tanstack-start' " + "(SSR, API routes, and a database, KV and bucket via @helloleo/runtime) " + "or 'tanstack-router' (client-only SPA, no server, no database). Call " + "this first for any new project, before writing routes or components.",
+  description: "Scaffold a new project with React 19, file-based routing (TanStack), " + "Tailwind v4, shadcn/ui, and react-query. Projects are TanStack Start: " + "SSR with API routes and a database, KV and bucket via @helloleo/runtime. " + "Call this first for any new project, before writing routes or components.",
   args: {
     name: scaffoldOptionsSchema.shape.name,
-    description: scaffoldOptionsSchema.shape.description,
-    type: scaffoldOptionsSchema.shape.type
+    description: scaffoldOptionsSchema.shape.description
   },
   async execute(args, context) {
-    const isStart = resolveTemplateId(args.type).startsWith("tanstack-start");
     const created = await writeBaseScaffold(args, context.directory);
     const uiComponents = created.filter((f) => f.startsWith("src/components/ui/"));
     const rest = created.filter((f) => !f.startsWith("src/components/ui/"));
-    const typeNotes = isStart ? [
+    const typeNotes = [
       "- This is a TanStack Start project. The server entry is src/server.ts. There is no index.html or client entrypoint.",
       "- For JSON/CRUD APIs, add server routes under src/routes/api/. Read src/routes/api/health.ts first, add routes as needed.",
       "- The database schema lives in src/db/schema.ts and is the single source of truth. Migration files under drizzle/ are generated and applied automatically. Never create, edit or delete them.",
       "- Never rename existing tables or columns in schema.ts. Renames cannot be auto-migrated: no migration file is generated, the database keeps the old name, and every query against the new name fails at runtime with a 500. To reshape data, add a new column or table, write to it, and migrate old values in app code (e.g. fall back to the old column on read).",
       "- Persistence goes through @helloleo/runtime exclusively: database via #/db (see src/db/index.ts), key-value store via #/lib/kv (see src/lib/kv.ts), file storage via #/lib/storage (see src/lib/storage.ts -- uploads/downloads flow through your API routes; presigned URLs are NOT available), env/secrets via env from @helloleo/runtime. Read those files before server-side data work. Never install another DB/storage client, never import from cloudflare:workers, all of it is server-side only."
-    ] : [
-      "- This is a TanStack Router SPA. The client entry is index.html -> src/main.tsx. There is no server: no API routes, no server functions, no database.",
-      "- Fetch data from external APIs only. If the app needs its own persistence or server-side code, it should have been scaffolded as tanstack-start."
     ];
-    const nextSteps = isStart ? [
+    const nextSteps = [
       "Next: read src/routes/index.tsx and continue with the user's request.",
       "For authentication (password and/or OAuth), call setup_authentication.",
       "For NetSuite projects, call setup_netsuite."
-    ] : [
-      "Next: read src/routes/index.tsx and continue with the user's request."
     ];
     return [
       `Scaffolded ${created.length} files:`,
@@ -25879,6 +25857,9 @@ export async function netsuiteFetch(sid: string, path: string, init: RequestInit
   const headers = new Headers(init.headers)
   headers.set('Authorization', \`Bearer \${session.accessToken}\`)
   if (init.body && !headers.has('Content-Type')) headers.set('Content-Type', 'application/json')
+  // NetSuite's suiteql endpoint requires Prefer: transient (400s without it on
+  // some accounts). Set centrally so no call site can forget it.
+  if (url.includes('/suiteql') && !headers.has('Prefer')) headers.set('Prefer', 'transient')
   return fetch(url, { ...init, headers })
 }
 `;
@@ -25988,6 +25969,21 @@ export const Route = createFileRoute('/auth/netsuite/callback')({
         })
 
         const dest = new URL(flow.returnTo)
+
+        // Popup flow: signInWithNetSuite appended popup=1 to return_to. Hand
+        // the sid back to the opener via postMessage and close -- the preview
+        // iframe never navigates. Target the app's own origin, never '*'.
+        if (dest.searchParams.get('popup') === '1') {
+          dest.searchParams.delete('popup')
+          const html = \`<!DOCTYPE html><html><body><p>Signed in. You can close this window.</p><script>
+(function(){
+  try{window.opener && window.opener.postMessage({type:'netsuite_auth',sid:\${JSON.stringify(sid)}},\${JSON.stringify(dest.origin)});}catch(e){}
+  window.close();
+})();
+<\\/script></body></html>\`
+          return new Response(html, { status: 200, headers: { 'Content-Type': 'text/html; charset=utf-8' } })
+        }
+
         dest.hash = \`nssid=\${sid}\`
         return new Response(null, { status: 302, headers: { Location: dest.toString() } })
       },
@@ -26110,23 +26106,58 @@ export function getSessionToken(): string | null {
 }
 
 export function signInWithNetSuite(returnTo: string = window.location.href) {
-  const url = new URL('/auth/netsuite/start', window.location.origin)
-  url.searchParams.set('return_to', returnTo)
-  // The app renders inside the HelloLeo preview iframe; /start 302s to
-  // NetSuite, whose OAuth page sends X-Frame-Options: DENY. Navigate the TOP
-  // frame so the flow runs at top level and the callback lands there to read
-  // #nssid=. Assign .href (NOT .assign(): reading .assign off a cross-origin
-  // window.top.location throws, dropping us into the iframe fallback ->
-  // "refused to connect").
+  const startUrl = new URL('/auth/netsuite/start', window.location.origin)
+
+  // Open OAuth in a POPUP -- not the iframe (NetSuite's OAuth page sends
+  // X-Frame-Options: DENY and can never render there), and not the top frame
+  // (that kicks the whole HelloLeo preview out to the raw app and strands the
+  // session in a different browsing context). The callback sees popup=1 on
+  // return_to and postMessages the sid back to this exact window.
+  const popupReturnTo = new URL(returnTo)
+  popupReturnTo.searchParams.set('popup', '1')
+  startUrl.searchParams.set('return_to', popupReturnTo.toString())
+
+  const width = 600
+  const height = 760
+  const left = Math.max(0, Math.round(window.screenX + (window.outerWidth - width) / 2))
+  const top = Math.max(0, Math.round(window.screenY + (window.outerHeight - height) / 2))
+  const popup = window.open(
+    startUrl.toString(),
+    'netsuite_oauth',
+    \`width=\${width},height=\${height},left=\${left},top=\${top},toolbar=0,menubar=0,location=1,status=0,scrollbars=1,resizable=1\`,
+  )
+
+  if (popup && !popup.closed) {
+    const onMessage = (ev: MessageEvent) => {
+      if (ev.origin !== window.location.origin) return
+      const data = ev.data as { type?: string; sid?: string } | null
+      if (!data || data.type !== 'netsuite_auth' || !data.sid) return
+      window.removeEventListener('message', onMessage)
+      try {
+        sessionStorage.setItem(TOKEN_KEY, data.sid)
+      } catch {}
+      // Re-render as signed-in -- the auth provider re-checks /api/me on load.
+      window.location.reload()
+    }
+    window.addEventListener('message', onMessage)
+    return
+  }
+
+  // Popup blocked -> previous behavior: navigate the top frame (or same frame)
+  // with a CLEAN return_to (no popup flag) so the callback uses the #nssid=
+  // redirect. Assign .href (NOT .assign(): reading .assign off a cross-origin
+  // window.top.location throws, dropping us into the same-frame fallback).
+  const fallbackUrl = new URL('/auth/netsuite/start', window.location.origin)
+  fallbackUrl.searchParams.set('return_to', returnTo)
   try {
     if (window.top && window.top !== window) {
-      window.top.location.href = url.toString()
+      window.top.location.href = fallbackUrl.toString()
       return
     }
   } catch {
     /* top window unreachable -- fall through to same-frame navigation */
   }
-  window.location.href = url.toString()
+  window.location.href = fallbackUrl.toString()
 }
 
 export interface NetSuiteSession {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helloleo/plugins",
-  "version": "0.2.21",
+  "version": "0.2.23",
   "description": "OpenCode plugins for HelloLeo",
   "license": "UNLICENSED",
   "type": "module",
@@ -9,14 +9,13 @@
     ".": "./dist/index.js"
   },
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "rm -rf dist && bun build src/index.ts --outdir dist --target bun --format esm && cp -R src/templates dist/templates",
+    "build": "rm -rf dist && bun build src/index.ts --outdir dist --target bun --format esm && bun run scripts/copy-templates.ts",
     "format": "bunx --bun @biomejs/biome format --write src",
     "lint": "bunx --bun @biomejs/biome lint --write src",
     "check": "bunx --bun @biomejs/biome check --write src",

package/dist/templates/tanstack-router-2026-06-15/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-router-2026-06-15/index.html

@@ -1,20 +0,0 @@
-
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>{{LEO_NAME}}</title>
-    <meta name="description" content="{{LEO_DESCRIPTION}}" />
-    <meta property="og:title" content="{{LEO_NAME}}" />
-    <meta property="og:description" content="{{LEO_DESCRIPTION}}" />
-    <meta property="og:type" content="website" />
-    <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;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/dist/templates/tanstack-router-2026-06-15/package.json

@@ -1,90 +0,0 @@
-{
-  "name": "{{LEO_SLUG}}",
-  "private": true,
-  "type": "module",
-  "imports": {
-    "#/*": "./src/*"
-  },
-  "scripts": {
-    "dev": "vite dev",
-    "generate-routes": "tsr generate",
-    "build": "oxlint --fix && vite build",
-    "preview": "vite preview",
-    "lint": "oxlint --fix",
-    "test": "vitest run"
-  },
-  "dependencies": {
-    "@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/router-plugin": "^1.132.0",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
-    "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": {
-    "@tailwindcss/typography": "^0.5.16",
-    "@tanstack/router-cli": "^1.132.0",
-    "@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",
-    "vitest": "^4.1.5"
-  },
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "esbuild",
-      "lightningcss"
-    ]
-  }
-}

package/dist/templates/tanstack-router-2026-06-15/src/components/error-component.tsx

@@ -1,50 +0,0 @@
-import { useState } from 'react'
-import { useRouterState } from '@tanstack/react-router'
-
-// Rendered by the router's defaultErrorComponent for any uncaught render or
-// loader error. Per-route `errorComponent` options override it. Keep this
-// component free of app dependencies (toasts, auth, ui components, etc).
-export function DefaultErrorComponent({ error }: { error: Error }) {
-  const pathname = useRouterState({ select: (s) => s.location.pathname })
-  const [copied, setCopied] = useState(false)
-
-  async function copyForLeo() {
-    // Blank lines + fenced stack so the report keeps its structure when
-    // pasted into a markdown-rendering chat.
-    const report = [
-      'My app threw an error, please fix it:',
-      `Page: ${pathname}`,
-      `Error: ${error.message}`,
-      ['Stack:', '```', error.stack ?? '(no stack trace)', '```'].join('\n'),
-    ].join('\n\n')
-
-    await navigator.clipboard.writeText(report)
-    setCopied(true)
-    setTimeout(() => setCopied(false), 2000)
-  }
-
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-white p-4">
-      <div className="w-full max-w-lg rounded-xl border border-neutral-200 bg-white p-6 shadow-sm">
-        <h2 className="text-base font-semibold text-neutral-900">
-          Something went wrong
-        </h2>
-        <div className="mt-4 space-y-4">
-          <pre className="text-sm text-red-600 whitespace-pre-wrap break-words rounded-md bg-neutral-100 p-3">
-            {error.message}
-          </pre>
-          <button
-            type="button"
-            onClick={copyForLeo}
-            className="inline-flex items-center rounded-md bg-neutral-900 px-4 py-2 text-sm font-medium text-neutral-50"
-          >
-            {copied ? 'Copied!' : 'Copy error'}
-          </button>
-          <p className="text-sm text-neutral-500">
-            Paste the copied error to Leo and it will help you fix it.
-          </p>
-        </div>
-      </div>
-    </div>
-  )
-}

package/dist/templates/tanstack-router-2026-06-15/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-router-2026-06-15/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-router-2026-06-15/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-router-2026-06-15/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 };