chore(release): 1.4.14

Add TanStack Showcase example with 6 interactive side-by-side comparison
pages (Query vs useEffect, Table vs manual, Virtual vs render-all, Form
vs useState, Store vs Context, Pacer vs setTimeout). Each page demonstrates
why the TanStack approach is better with working interactive code.

Fix nested <button> accessibility violation in presets panel — outer
element changed to <div role="button"> with keyboard handler.

Add CLI validation for TanStack AI (React/Solid only) and TanStack
Showcase (TanStack Router/Start only) frontend compatibility.

Update TanStack Fullstack preset to include all ecosystem libraries:
Query, Table, Virtual, Pacer, Store, Form, AI, plus the showcase example.

22 new tests covering TanStack AI compatible/incompatible frontends with
dependency assertions, and TanStack Showcase generation and validation.

Author: Marve10s

apps/cli/src/utils/compatibility-rules.ts

@@ -581,6 +581,16 @@ export function validateExamplesCompatibility(
   const examplesArr = examples ?? [];
   if (examplesArr.length === 0 || examplesArr.includes("none")) return;
 
+  if (examplesArr.includes("tanstack-showcase")) {
+    const showcaseFrontends: Frontend[] = ["tanstack-router", "tanstack-start"];
+    const hasShowcaseFrontend = (frontend ?? []).some((f) => showcaseFrontends.includes(f));
+    if (!hasShowcaseFrontend) {
+      exitWithError(
+        "The 'tanstack-showcase' example requires TanStack Router or TanStack Start frontend.",
+      );
+    }
+  }
+
   if (examplesArr.includes("ai") && (frontend ?? []).includes("solid")) {
     exitWithError("The 'ai' example is not compatible with the Solid frontend.");
   }
@@ -644,6 +654,31 @@ export function validateExamplesCompatibility(
   }
 }
 
+/**
+ * Validates that TanStack AI is only used with compatible frontends (React or Solid).
+ * Server-side @tanstack/ai core works anywhere, but client adapters only exist for React and Solid.
+ */
+export function validateAIFrontendCompatibility(
+  ai: AI | undefined,
+  frontends: Frontend[] = [],
+) {
+  if (!ai || ai !== "tanstack-ai") return;
+
+  const compatibleFrontends: Frontend[] = [
+    "tanstack-router", "react-router", "react-vite", "tanstack-start", "next", "redwood",
+    "solid", "solid-start",
+  ];
+
+  const hasCompatible = frontends.some((f) => compatibleFrontends.includes(f));
+
+  if (!hasCompatible) {
+    exitWithError(
+      "TanStack AI requires React or Solid frontend (no Vue/Svelte/Angular adapter yet). " +
+      "Please use a React-based frontend (Next.js, TanStack Router, React Router, etc.) or Solid.",
+    );
+  }
+}
+
 /**
  * Validates that a UI library is compatible with the selected frontend(s)
  */

apps/cli/src/utils/config-validation.ts

@@ -15,6 +15,7 @@ import {
   validateUILibraryCSSFrameworkCompatibility,
   validateUILibraryFrontendCompatibility,
   validateWebDeployRequiresWebFrontend,
+  validateAIFrontendCompatibility,
   validateWorkersCompatibility,
 } from "./compatibility-rules";
 import { isSilent } from "./context";
@@ -657,6 +658,8 @@ export function validateFullConfig(
     config.frontend ?? [],
   );
 
+  validateAIFrontendCompatibility(config.ai, config.frontend ?? []);
+
   validateUILibraryFrontendCompatibility(
     config.uiLibrary,
     config.frontend ?? [],
@@ -694,6 +697,8 @@ export function validateConfigForProgrammaticUse(config: Partial<ProjectConfig>)
       config.ai,
     );
 
+    validateAIFrontendCompatibility(config.ai, config.frontend ?? []);
+
     validateUILibraryFrontendCompatibility(
       config.uiLibrary,
       config.frontend ?? [],