bsmnt 0.1.2 → 0.2.0

package/packages/create-basement-app/templates/webgl/components/ui/image/README.md

@@ -1,37 +0,0 @@
-# Image Component
-
-Optimized images with smart loading, blur placeholders, and responsive sizing.
-
-## Usage
-
-```tsx
-import { Image } from '@/components/ui/image'
-
-// Basic
-<Image src="/hero.jpg" alt="Hero" aspectRatio={16/9} />
-
-// Priority (LCP images)
-<Image src="/hero.jpg" alt="Hero" aspectRatio={16/9} priority />
-
-// Responsive
-<Image 
-  src="/product.jpg" 
-  alt="Product" 
-  mobileSize="100vw" 
-  desktopSize="33vw" 
-/>
-```
-
-## Props
-
-| Prop | Description |
-|------|-------------|
-| `aspectRatio` | Prevents layout shift, enables blur placeholder |
-| `priority` | Eager loading for above-the-fold images |
-| `mobileSize` / `desktopSize` | Responsive sizing |
-
-## Best Practices
-
-- Always provide `aspectRatio` (prevents CLS)
-- Use `priority` for LCP images
-- Never use `next/image` directly

package/packages/create-basement-app/templates/webgl/components/ui/image/index.tsx

@@ -1,224 +0,0 @@
-/**
- * Enhanced Image Component
- *
- * Next.js Image wrapper with optimized defaults and error handling.
- * Always use this component instead of next/image directly.
- */
-"use client"
-
-import cn from "clsx"
-import NextImage, { type ImageProps as NextImageProps } from "next/image"
-import type { CSSProperties, Ref } from "react"
-import { breakpoints } from "@/lib/styles/config"
-import s from "./image.module.css"
-
-/**
- * Enhanced Image component props extending Next.js Image.
- *
- * Adds responsive sizing, aspect ratio support, and automatic blur placeholders.
- * Always use this component instead of next/image directly.
- */
-export type ImageProps = Omit<NextImageProps, "objectFit" | "alt"> & {
-  /** CSS object-fit property for image positioning */
-  objectFit?: CSSProperties["objectFit"]
-  /** Display as block element (adds display: block) */
-  block?: boolean
-  /** Size on mobile devices (e.g., "100vw", "50vw") */
-  mobileSize?: `${number}vw`
-  /** Size on desktop devices (e.g., "33vw", "25vw") */
-  desktopSize?: `${number}vw`
-  /** Ref for accessing the underlying img element */
-  ref?: Ref<HTMLImageElement>
-  /** Alt text for accessibility (required for meaningful images) */
-  alt?: string
-  /** Aspect ratio for automatic placeholder and layout stability */
-  aspectRatio?: number
-}
-
-// Memoize helper functions to avoid recreation
-const toBase64 = (str: string) =>
-  typeof window === "undefined"
-    ? Buffer.from(str).toString("base64")
-    : window.btoa(str)
-
-// Helper to generate blur placeholder with transparent background by default
-const generateShimmer = (w: number, h: number) => `
-  <svg width="${w}" height="${h}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-      <linearGradient id="g">
-        <stop stop-color="rgba(255,255,255,0.1)" offset="20%" />
-        <stop stop-color="rgba(255,255,255,0.2)" offset="50%" />
-        <stop stop-color="rgba(255,255,255,0.1)" offset="70%" />
-      </linearGradient>
-    </defs>
-    <rect width="${w}" height="${h}" fill="rgba(0,0,0,0)" />
-    <rect id="r" width="${w}" height="${h}" fill="url(#g)" />
-    <animate xlink:href="#r" attributeName="x" from="-${w}" to="${w}" dur="1s" repeatCount="indefinite"  />
-  </svg>`
-
-// Helper to determine if blur placeholder should be used
-const shouldUseBlurPlaceholder = (
-  src: NextImageProps["src"],
-  placeholder: string,
-  blurDataURL: string | undefined
-): boolean => {
-  if (!src) return false
-  const isSvg = typeof src === "string" && src.includes(".svg")
-  return !isSvg && placeholder === "blur" && !blurDataURL
-}
-
-// Helper to generate blur data URL
-const generateBlurDataURL = (
-  shouldUse: boolean,
-  aspectRatio: number | undefined,
-  existingBlurDataURL: string | undefined
-): string | undefined => {
-  if (!(shouldUse && aspectRatio)) return existingBlurDataURL
-
-  const shimmerSvg = generateShimmer(700, Math.round(700 / aspectRatio))
-  return `data:image/svg+xml;base64,${toBase64(shimmerSvg)}`
-}
-
-// Helper to determine final placeholder value
-const getFinalPlaceholder = (
-  shouldUse: boolean,
-  aspectRatio: number | undefined,
-  blurDataURL: string | undefined,
-  originalPlaceholder: NextImageProps["placeholder"]
-): NextImageProps["placeholder"] => {
-  if (!shouldUse) {
-    return originalPlaceholder === "blur" && !blurDataURL
-      ? "empty"
-      : originalPlaceholder
-  }
-
-  return aspectRatio || blurDataURL ? "blur" : "empty"
-}
-
-/**
- * Enhanced Image component with responsive sizing and automatic optimizations.
- *
- * Always use this component instead of next/image directly. Provides:
- * - Automatic responsive sizes generation
- * - Smart blur placeholders with aspect ratio support
- * - Performance optimizations (lazy loading by default)
- * - Preload for LCP images
- *
- * @param props - Image props extending Next.js Image
- * @param props.aspectRatio - Aspect ratio for layout stability and blur placeholder
- * @param props.mobileSize - Size on mobile (e.g., "100vw")
- * @param props.desktopSize - Size on desktop (e.g., "50vw")
- * @param props.block - Display as block element
- * @param props.preload - Enable preloading for LCP images
- *
- * @example
- * ```tsx
- * // Basic usage with aspect ratio
- * <Image
- *   src="/hero.jpg"
- *   alt="Hero image"
- *   aspectRatio={16/9}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // LCP image with preload
- * <Image
- *   src="/hero.jpg"
- *   alt="Hero image"
- *   aspectRatio={16/9}
- *   preload // Preloads image for LCP
- * />
- * ```
- *
- * @example
- * ```tsx
- * // Responsive grid image
- * <Image
- *   src="/product.jpg"
- *   alt="Product"
- *   aspectRatio={1}
- *   mobileSize="100vw"
- *   desktopSize="33vw"
- * />
- * ```
- */
-export function Image({
-  style,
-  className,
-  loading,
-  objectFit = "cover",
-  quality = 90,
-  alt = "",
-  fill,
-  block = !fill,
-  width = block ? 1 : undefined,
-  height = block ? 1 : undefined,
-  mobileSize = "100vw",
-  desktopSize = "100vw",
-  sizes,
-  src,
-  unoptimized,
-  ref,
-  aspectRatio,
-  placeholder = "blur",
-  preload = false,
-  ...props
-}: ImageProps) {
-  // Determine loading strategy
-  const finalLoading = loading ?? (preload ? "eager" : "lazy")
-
-  // Generate responsive sizes if not provided
-  const finalSizes =
-    sizes ||
-    `(max-width: ${breakpoints.desktop}px) ${mobileSize}, ${desktopSize}`
-
-  // Early return after hooks
-  if (!src) return null
-
-  // Determine SVG status and placeholder logic
-  const isSvg = typeof src === "string" && src.includes(".svg")
-  const shouldUsePlaceholder = shouldUseBlurPlaceholder(
-    src,
-    placeholder,
-    props.blurDataURL
-  )
-  const blurDataURL = generateBlurDataURL(
-    shouldUsePlaceholder,
-    aspectRatio,
-    props.blurDataURL
-  )
-  const finalPlaceholder = getFinalPlaceholder(
-    shouldUsePlaceholder,
-    aspectRatio,
-    props.blurDataURL,
-    placeholder
-  )
-
-  return (
-    <NextImage
-      ref={ref}
-      fill={!block}
-      {...(width !== undefined && { width })}
-      {...(height !== undefined && { height })}
-      loading={finalLoading}
-      quality={quality}
-      alt={alt}
-      style={{
-        objectFit,
-        ...style,
-      }}
-      className={cn(className, block && s.block)}
-      sizes={finalSizes}
-      src={src}
-      unoptimized={unoptimized || isSvg}
-      draggable={false}
-      onDragStart={(e) => e.preventDefault()}
-      {...(finalPlaceholder && { placeholder: finalPlaceholder })}
-      {...(blurDataURL && { blurDataURL })}
-      preload={preload}
-      {...props}
-    />
-  )
-}

package/packages/create-basement-app/templates/webgl/components/ui/link/index.tsx

@@ -1,146 +0,0 @@
-"use client"
-
-import NextLink from "next/link"
-import { usePathname } from "next/navigation"
-import {
-  type AnchorHTMLAttributes,
-  type ComponentProps,
-  type MouseEvent,
-  useEffect,
-  useState,
-} from "react"
-
-// Helper to extract props safe for button elements
-function getButtonProps(props: Record<string, unknown>) {
-  const {
-    href,
-    target,
-    rel,
-    "data-external": _dataExternal,
-    ...buttonProps
-  } = props
-  return buttonProps
-}
-
-// Helper to extract props safe for div elements
-function getDivProps(props: Record<string, unknown>) {
-  const {
-    href,
-    target,
-    rel,
-    onClick,
-    "data-external": _dataExternal,
-    ...divProps
-  } = props
-  return divProps
-}
-
-type CustomLinkProps = Omit<
-  AnchorHTMLAttributes<HTMLAnchorElement>,
-  keyof ComponentProps<typeof NextLink> | "href"
-> &
-  Omit<ComponentProps<typeof NextLink>, "href"> & {
-    href?: string
-    onClick?: (e: MouseEvent<HTMLElement>) => void
-    scroll?: boolean
-  }
-
-export function Link({
-  href,
-  children,
-  onClick,
-  scroll = false, // Default to false to prevent scroll restoration warnings with fixed/sticky elements
-  ...props
-}: CustomLinkProps) {
-  const [shouldPrefetch, setShouldPrefetch] = useState(false)
-  const [isExternal, setIsExternal] = useState(false)
-  const [isActive, setIsActive] = useState(false)
-
-  // Get pathname - deferred to avoid blocking static generation
-  // usePathname is safe to call but we defer the active check to useEffect
-  const pathname = usePathname()
-
-  useEffect(() => {
-    // Check if this link is active (current page)
-    if (href && pathname) {
-      setIsActive(pathname === href)
-    }
-  }, [href, pathname])
-
-  useEffect(() => {
-    // Skip if no href
-    if (!href) return
-
-    // Check if external link
-    try {
-      const url = new URL(href, window.location.href)
-      setIsExternal(url.host !== window.location.host)
-    } catch {
-      setIsExternal(false)
-    }
-
-    // Only prefetch on good connections
-    const connection = (
-      navigator as Navigator & {
-        connection?: { effectiveType: string; saveData: boolean }
-      }
-    ).connection
-    if (connection) {
-      const { effectiveType, saveData } = connection
-      setShouldPrefetch(effectiveType === "4g" && !saveData)
-    } else {
-      // Default to prefetching if API not available
-      setShouldPrefetch(true)
-    }
-  }, [href])
-
-  // If no href is provided but there's an onClick, render a button
-  if (!href && onClick) {
-    return (
-      <button
-        onClick={(e: MouseEvent<HTMLButtonElement>) => onClick(e)}
-        type="button"
-        {...getButtonProps(props)}
-      >
-        {children}
-      </button>
-    )
-  }
-
-  // If no href and no onClick, render a div
-  if (!href) {
-    return <div {...getDivProps(props)}>{children}</div>
-  }
-
-  // For SSR, check if it's external based on the href pattern
-  const isExternalSSR =
-    href.startsWith("http://") || href.startsWith("https://")
-
-  if (isExternalSSR || isExternal) {
-    return (
-      <a
-        href={href}
-        target="_blank"
-        rel="noopener noreferrer"
-        data-external
-        onClick={onClick}
-        {...props}
-      >
-        {children}
-      </a>
-    )
-  }
-
-  return (
-    <NextLink
-      href={href as ComponentProps<typeof NextLink>["href"]}
-      prefetch={shouldPrefetch}
-      scroll={scroll}
-      data-active={isActive || undefined}
-      {...(onClick && { onClick })}
-      {...props}
-    >
-      {children}
-    </NextLink>
-  )
-}

package/tasks/.last-branch

@@ -1 +0,0 @@
-BertovDev/project-restructure

package/tasks/CLAUDE.md

@@ -1,104 +0,0 @@
-# Ralph Agent Instructions
-
-You are an autonomous coding agent working on a software project.
-
-## Your Task
-
-1. Read the PRD at `prd.json` (in the same directory as this file)
-2. Read the progress log at `progress.txt` (check Codebase Patterns section first)
-3. Check you're on the correct branch from PRD `branchName`. If not, check it out or create from main.
-4. Pick the **highest priority** user story where `passes: false`
-5. Implement that single user story
-6. Run quality checks (e.g., typecheck, lint, test - use whatever your project requires)
-7. Update CLAUDE.md files if you discover reusable patterns (see below)
-8. If checks pass, commit ALL changes with message: `feat: [Story ID] - [Story Title]`
-9. Update the PRD to set `passes: true` for the completed story
-10. Append your progress to `progress.txt`
-
-## Progress Report Format
-
-APPEND to progress.txt (never replace, always append):
-```
-## [Date/Time] - [Story ID]
-- What was implemented
-- Files changed
-- **Learnings for future iterations:**
-  - Patterns discovered (e.g., "this codebase uses X for Y")
-  - Gotchas encountered (e.g., "don't forget to update Z when changing W")
-  - Useful context (e.g., "the evaluation panel is in component X")
----
-```
-
-The learnings section is critical - it helps future iterations avoid repeating mistakes and understand the codebase better.
-
-## Consolidate Patterns
-
-If you discover a **reusable pattern** that future iterations should know, add it to the `## Codebase Patterns` section at the TOP of progress.txt (create it if it doesn't exist). This section should consolidate the most important learnings:
-
-```
-## Codebase Patterns
-- Example: Use `sql<number>` template for aggregations
-- Example: Always use `IF NOT EXISTS` for migrations
-- Example: Export types from actions.ts for UI components
-```
-
-Only add patterns that are **general and reusable**, not story-specific details.
-
-## Update CLAUDE.md Files
-
-Before committing, check if any edited files have learnings worth preserving in nearby CLAUDE.md files:
-
-1. **Identify directories with edited files** - Look at which directories you modified
-2. **Check for existing CLAUDE.md** - Look for CLAUDE.md in those directories or parent directories
-3. **Add valuable learnings** - If you discovered something future developers/agents should know:
-   - API patterns or conventions specific to that module
-   - Gotchas or non-obvious requirements
-   - Dependencies between files
-   - Testing approaches for that area
-   - Configuration or environment requirements
-
-**Examples of good CLAUDE.md additions:**
-- "When modifying X, also update Y to keep them in sync"
-- "This module uses pattern Z for all API calls"
-- "Tests require the dev server running on PORT 3000"
-- "Field names must match the template exactly"
-
-**Do NOT add:**
-- Story-specific implementation details
-- Temporary debugging notes
-- Information already in progress.txt
-
-Only update CLAUDE.md if you have **genuinely reusable knowledge** that would help future work in that directory.
-
-## Quality Requirements
-
-- ALL commits must pass your project's quality checks (typecheck, lint, test)
-- Do NOT commit broken code
-- Keep changes focused and minimal
-- Follow existing code patterns
-
-## Browser Testing (If Available)
-
-For any story that changes UI, verify it works in the browser if you have browser testing tools configured (e.g., via MCP):
-
-1. Navigate to the relevant page
-2. Verify the UI changes work as expected
-3. Take a screenshot if helpful for the progress log
-
-If no browser tools are available, note in your progress report that manual browser verification is needed.
-
-## Stop Condition
-
-After completing a user story, check if ALL stories have `passes: true`.
-
-If ALL stories are complete and passing, reply with:
-<promise>COMPLETE</promise>
-
-If there are still stories with `passes: false`, end your response normally (another iteration will pick up the next story).
-
-## Important
-
-- Work on ONE story per iteration
-- Commit frequently
-- Keep CI green
-- Read the Codebase Patterns section in progress.txt before starting

package/tasks/archive/2026-02-09-next-starter-dynamic-layers/prd.json

@@ -1,153 +0,0 @@
-{
-  "project": "basement-cli",
-  "branchName": "ralph/next-starter-dynamic-layers",
-  "description": "Replace 4 static templates with next-starter clone + dynamic technology layers to eliminate maintenance burden",
-  "userStories": [
-    {
-      "id": "US-001",
-      "title": "Create layer configuration system",
-      "description": "As a CLI maintainer, I want technology layers defined in a config file so that adding or modifying layers only requires changing one file.",
-      "acceptanceCriteria": [
-        "Add LAYER_CONFIG export to src/mergers/config.js alongside existing CMS_CONFIG",
-        "Each layer config defines: replaceFiles, additivePaths, dependencies, devDependencies",
-        "Add getLayerConfig(layer) helper function export",
-        "Config contains entries for webgl, webgpu, and experiment",
-        "webgpu is a deps-only layer (empty replaceFiles and additivePaths arrays)",
-        "webgl dependencies: @react-three/fiber ^9.5.0, @react-three/drei ^10.7.7, three ^0.182.0, @gsap/react ^2.0.0, @radix-ui/react-navigation-menu ^1.2.5, leva ^0.9.35, devDeps: @types/three ^0.182.0",
-        "webgpu dependencies: @react-three/fiber 10.0.0-alpha.2, @react-three/drei ^11.0.0-alpha.4, three ^0.182.0, leva ^0.9.35, lucide-react ^0.474.0, @radix-ui/react-navigation-menu ^1.2.5, devDeps: @types/three ^0.182.0",
-        "experiment dependencies: @react-three/fiber ^9.5.0, @react-three/drei ^10.7.7, three ^0.172.0, leva ^0.9.35, lucide-react ^0.474.0, @radix-ui/react-navigation-menu ^1.2.5, devDeps: @types/three ^0.182.0",
-        "Typecheck passes"
-      ],
-      "priority": 1,
-      "passes": true,
-      "notes": ""
-    },
-    {
-      "id": "US-002",
-      "title": "Extract layer files from templates",
-      "description": "As a CLI maintainer, I need the unique files from each template extracted into a layers/ directory so they can be overlaid on next-starter.",
-      "acceptanceCriteria": [
-        "Create layers/webgl/app/page.tsx copied from template/webgl/app/page.tsx (the one that imports DynamicCanvas)",
-        "Create layers/webgl/components/webgl/canvas/dynamic.tsx from template/webgl/components/webgl/canvas/dynamic.tsx",
-        "Create layers/webgl/components/webgl/canvas/index.tsx from template/webgl/components/webgl/canvas/index.tsx",
-        "Create layers/webgl/components/webgl/components/scene/index.tsx from template/webgl/components/webgl/components/scene/index.tsx",
-        "Create layers/experiment/components/layout/header/index.tsx from template/experiment/components/layout/header/index.tsx",
-        "Create layers/experiment/components/layout/navigation-menu.tsx from template/experiment/components/layout/navigation-menu.tsx",
-        "Create layers/experiment/lib/constats.ts from template/experiment/lib/constats.ts",
-        "Create layers/experiment/lib/utils/cn.ts from template/experiment/lib/utils/cn.ts",
-        "Create empty layers/webgpu/ directory with a .gitkeep file",
-        "All copied files are byte-for-byte identical to their template source files",
-        "Typecheck passes"
-      ],
-      "priority": 2,
-      "passes": true,
-      "notes": ""
-    },
-    {
-      "id": "US-003",
-      "title": "Implement layer injection function",
-      "description": "As the CLI system, I need to overlay layer-specific files on top of the next-starter base so that WebGL/WebGPU/Experiment projects get their unique components.",
-      "acceptanceCriteria": [
-        "Add injectLayer(targetDir, layer, spinner) function to src/mergers/index.js",
-        "Function resolves layer directory from CLI repo's layers/{type}/ path using __dirname",
-        "Function calls existing detectPathPrefix() to handle src/ directory structure",
-        "Function copies additive files from local layers/ directory (no tiged clone needed)",
-        "Function replaces files listed in replaceFiles config (overwrites base version with overwrite: true)",
-        "Function uses existing transformPath() for path prefix support",
-        "Function returns results object with replaced, copied, skipped, and failed arrays",
-        "When layer is 'default' or not found in config, function returns early with skipped result (no error)",
-        "Extend formatMergeResults() to display replaced entries with checkmark prefix",
-        "Typecheck passes"
-      ],
-      "priority": 3,
-      "passes": true,
-      "notes": "Reuses existing detectPathPrefix() and transformPath() from src/mergers/index.js. Layer files are local (no network request)."
-    },
-    {
-      "id": "US-004",
-      "title": "Change create.js to clone next-starter instead of template",
-      "description": "As a developer using the CLI, I want my project scaffolded from the latest next-starter repo so I always get the most up-to-date base.",
-      "acceptanceCriteria": [
-        "Change tiged source on line 124 of src/commands/create.js from 'github:basementstudio/basement-cli/template/${type}#${branch}' to 'github:basementstudio/next-starter#main'",
-        "Remove the BASEMENT_CLI_BRANCH env var usage for template (keep if used elsewhere)",
-        "Delete bun.lock file after clone if it exists (since dependencies will be modified)",
-        "Update download spinner text to say 'Downloading next-starter from GitHub...' instead of mentioning template type",
-        "Update error/troubleshooting message in catch block to reference basementstudio/next-starter instead of basementstudio/basement-cli/template/{type}",
-        "Typecheck passes"
-      ],
-      "priority": 4,
-      "passes": true,
-      "notes": ""
-    },
-    {
-      "id": "US-005",
-      "title": "Wire layer injection into create flow",
-      "description": "As the CLI system, I need the layer injection step between template download and CMS integration so layers are applied at the right time.",
-      "acceptanceCriteria": [
-        "Add new step between template download (step 3) and CMS integration (step 3.5) in src/commands/create.js",
-        "Layer injection only runs when type !== 'default'",
-        "Import injectLayer and formatMergeResults from src/mergers/index.js",
-        "Show ora spinner with layer name during injection (e.g. 'Applying webgl layer...')",
-        "Display injection results to user using formatMergeResults",
-        "On failure, show warning (not hard error) and continue with project creation",
-        "Typecheck passes"
-      ],
-      "priority": 5,
-      "passes": true,
-      "notes": "Must run BEFORE CMS integration because layers don't modify layout.tsx, and CMS mergers need the base layout intact."
-    },
-    {
-      "id": "US-006",
-      "title": "Config-driven dependency injection in package.json hydration",
-      "description": "As the CLI system, I need package.json hydration to read layer dependencies from LAYER_CONFIG instead of being hardcoded.",
-      "acceptanceCriteria": [
-        "Import getLayerConfig from src/mergers/config.js in create.js",
-        "Read layer dependencies from LAYER_CONFIG and merge into package.json: pkg.dependencies = { ...pkg.dependencies, ...layerConfig.dependencies }",
-        "Also merge devDependencies from layer config",
-        "CMS dependency injection (Sanity/BaseHub) still works unchanged",
-        "Animation library injection (GSAP/Framer Motion) still works unchanged",
-        "Simplify package.json handling: next-starter uses package.json directly (not package.template.json), remove the rename logic",
-        "Project name still set to user-provided name, version still set to 0.1.0",
-        "Typecheck passes"
-      ],
-      "priority": 6,
-      "passes": true,
-      "notes": "next-starter uses package.json not package.template.json, so the existsSync check for package.template.json can be simplified."
-    },
-    {
-      "id": "US-007",
-      "title": "Delete template directory",
-      "description": "As a CLI maintainer, I want the template/ directory removed so there's no duplicated code to maintain.",
-      "acceptanceCriteria": [
-        "Delete template/default/ directory and all contents",
-        "Delete template/webgl/ directory and all contents",
-        "Delete template/webgpu/ directory and all contents",
-        "Delete template/experiment/ directory and all contents",
-        "Grep source code for any remaining references to 'template/' paths and remove them",
-        "Grep source code for any remaining references to 'basementstudio/basement-cli/template/' and remove them",
-        "Typecheck passes"
-      ],
-      "priority": 7,
-      "passes": true,
-      "notes": ""
-    },
-    {
-      "id": "US-008",
-      "title": "End-to-end verification of all template types",
-      "description": "As a CLI maintainer, I need to verify all template + CMS + animation combinations produce working projects.",
-      "acceptanceCriteria": [
-        "Run npm link to install CLI locally",
-        "Run: basement -c test-default -d -no-cms -no-animation -claude -no-hooks — project creates successfully",
-        "Run: basement -c test-webgl -webgl -no-cms -no-animation -claude -no-hooks — project has R3F components in components/webgl/",
-        "Run: basement -c test-webgpu -webgpu -no-cms -no-animation -claude -no-hooks — project has WebGPU deps in package.json",
-        "Run: basement -c test-experiment -exp -no-cms -no-animation -claude -no-hooks — project has custom header with NavigationMenu",
-        "Run: basement -c test-sanity -webgl -sanity -gsap -claude -no-hooks — project has CMS + animation + layer deps",
-        "All generated projects pass bun install without errors",
-        "Typecheck passes"
-      ],
-      "priority": 8,
-      "passes": true,
-      "notes": "This is the final validation step. Each test project should be cleaned up after verification."
-    }
-  ]
-}