@helloleo/plugins 0.2.20 → 0.2.22

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:`,
@@ -25613,7 +25591,9 @@ function netsuiteServerTs() {
  * Config is read from the Cloudflare env binding via @helloleo/runtime.
  * Set NETSUITE_ACCOUNT_ID / _CLIENT_ID / _CLIENT_SECRET (secret optional for a
  * PKCE public client) and optional PUBLIC_APP_URL as HelloLeo Cloud secrets
- * (prod) or dev vars (preview). They never reach the browser.
+ * (prod) or dev vars (preview). NETSUITE_BROKER_CALLBACK (written by the
+ * HelloLeo wizard) switches the redirect URI to the shared OAuth broker so
+ * one URI serves every app/environment. They never reach the browser.
  */
 import { eq } from 'drizzle-orm'
 import { env as runtimeEnv } from '@helloleo/runtime'
@@ -25624,6 +25604,7 @@ interface NsEnv {
   NETSUITE_ACCOUNT_ID?: string
   NETSUITE_CLIENT_ID?: string
   NETSUITE_CLIENT_SECRET?: string
+  NETSUITE_BROKER_CALLBACK?: string
   PUBLIC_APP_URL?: string
   HELLOLEO_URL?: string
 }
@@ -25684,8 +25665,47 @@ export function appOrigin(request: Request) {
     url.host
   return \`\${proto}://\${hostHeader}\`
 }
+/**
+ * HelloLeo's shared OAuth broker (integration-proxy Worker). When
+ * NETSUITE_BROKER_CALLBACK is set (the platform writes it to the project env),
+ * customers register that ONE stable URI on their Integration Record instead
+ * of one URI per app/environment: the authorize redirect goes to the broker,
+ * the broker 302s the callback back to THIS app (looked up by the state
+ * nonce), and the token exchange passes the same broker URI. Unset (self-host
+ * / standalone), the app falls back to its own origin's callback.
+ */
+export function brokerCallback(): string | null {
+  const raw = nsEnv.NETSUITE_BROKER_CALLBACK
+  if (!raw) return null
+  try {
+    const u = new URL(raw)
+    return u.protocol === 'https:' ? u.toString() : null
+  } catch {
+    return null
+  }
+}
+
 export function redirectUri(request: Request) {
-  return \`\${appOrigin(request)}/auth/netsuite/callback\`
+  return brokerCallback() ?? \`\${appOrigin(request)}/auth/netsuite/callback\`
+}
+
+/**
+ * Tell the broker where to send this flow's callback: nonce -> this app's
+ * origin. MUST succeed before redirecting to NetSuite, otherwise the callback
+ * dead-ends at the broker. No-op when the broker isn't configured.
+ */
+export async function registerWithBroker(request: Request, flowId: string): Promise<void> {
+  const callback = brokerCallback()
+  if (!callback) return
+  const registerUrl = new URL('/auth/netsuite/register', callback)
+  const res = await fetch(registerUrl.toString(), {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ nonce: flowId, target: appOrigin(request) }),
+  })
+  if (!res.ok) {
+    throw new Error(\`NetSuite broker registration failed (HTTP \${res.status}) -- cannot start sign-in\`)
+  }
 }
 
 // Coerce ?return_to= to our OWN origin. The callback appends the session bearer
@@ -25849,6 +25869,7 @@ import {
   authorizeUrl,
   pkce,
   redirectUri,
+  registerWithBroker,
   requireConfig,
   safeReturnTo,
   SCOPE,
@@ -25866,6 +25887,10 @@ export const Route = createFileRoute('/auth/netsuite/start')({
 
         const { verifier, challenge } = await pkce()
         const flowId = crypto.randomUUID()
+        // With the shared broker, NetSuite redirects to the broker's fixed
+        // callback and the broker forwards here -- it must know this flow's
+        // target before the user leaves for NetSuite.
+        await registerWithBroker(request, flowId)
         await db.insert(netsuiteFlows).values({ flowId, codeVerifier: verifier, returnTo })
 
         const authorize = new URL(authorizeUrl(accountId))
@@ -26728,8 +26753,8 @@ import { integer, sqliteTable, text } from 'drizzle-orm/sqlite-core'
     "CONFIG -- NETSUITE_ACCOUNT_ID, NETSUITE_CLIENT_ID, NETSUITE_CLIENT_SECRET (secret optional for PKCE public clients). Never hardcode; never put in code. Same var names in every environment, different SOURCE:",
     "- DEV (Fly preview): read from the project .env. HelloLeo writes them there (the setup wizard, or the env tooling). In dev the app uses .env -- do NOT tell the user to use HelloLeo Cloud here.",
     "- PROD (published Worker): the SAME names live as HelloLeo Cloud secrets; the publish step promotes them from .env onto the Worker automatically. Same code path (@helloleo/runtime env), just a different source per environment.",
-    "- PUBLIC_APP_URL / HELLOLEO_URL are set by the platform per environment; don't hardcode them.",
-    "- REDIRECT URI -- never guess or hardcode it. It is derived server-side and auto-corrects behind the preview proxy. Read the exact value from GET /auth/netsuite/config (or getNetSuiteRedirectUri() on the client) and tell the user to register THAT on Integration Record #2 (scope: rest_webservices). ONE redirect URI per record: register exactly the value /auth/netsuite/config returns for the environment the user signs into. If login must work in BOTH the preview and the published app, use a separate Integration Record per environment (same env var names, different NETSUITE_CLIENT_ID/_SECRET values per environment) -- do not stack URLs on one record.",
+    "- PUBLIC_APP_URL / HELLOLEO_URL / NETSUITE_BROKER_CALLBACK are set by the platform per environment; don't hardcode them.",
+    "- REDIRECT URI -- never guess or hardcode it. When NETSUITE_BROKER_CALLBACK is set (the HelloLeo wizard writes it), the redirect URI is HelloLeo's shared OAuth broker: ONE stable URI the user registers ONCE on Integration Record #2 (scope: rest_webservices), valid for both the preview and the published app -- the broker routes each callback back to this app. Without it, the app falls back to its own origin's callback. Either way, read the exact value from GET /auth/netsuite/config (or getNetSuiteRedirectUri() on the client) and tell the user to register THAT.",
     "- Never replace <AuthLayout> with a password gate. Real OAuth is the only supported login."
   ].join(`
 `);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helloleo/plugins",
-  "version": "0.2.20",
+  "version": "0.2.22",
   "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 };