create-appraisejs 0.2.0 → 0.3.0-alpha.1

package/templates/default/src/app/(dashboard-components)/quick-actions-drawer.tsx

@@ -1,45 +0,0 @@
-'use client'
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Blocks, FileCheck, LayoutTemplate, ListChecks, TestTubeDiagonal, TestTubes } from "lucide-react";
-import { useRouter } from "next/navigation";
-
-export default function QuickActionsDrawer() {
-    const router = useRouter()
-    return (
-        <Card id="container" className="w-fit border-gray-600/10 bg-gray-600/10 h-fit">
-            <CardHeader id="header">
-                <CardTitle className="text-primary">Quick Actions</CardTitle>
-                <CardDescription>Quickly create new entities to get started</CardDescription>
-            </CardHeader>
-            <CardContent id="content">
-                <div className="grid grid-cols-5 gap-4">
-                    <Button variant="outline" className="flex flex-col items-center gap-2 h-fit [&_svg]:!h-6 [&_svg]:!w-6 bg-emerald-500/10 hover:bg-emerald-500/25 text-emerald-500 hover:text-emerald-400 border-none" onClick={() => router.push('/test-suites/create')}>
-                        <TestTubes />
-                        <span className="text-xs font-medium">Create Suite</span>
-                    </Button>
-                    <Button variant="outline" className="flex flex-col items-center gap-2 h-fit [&_svg]:!h-6 [&_svg]:!w-6 bg-emerald-500/10 hover:bg-emerald-500/25 text-emerald-500 hover:text-emerald-400 border-none" onClick={() => router.push('/test-cases/create')}>
-                        <TestTubeDiagonal />
-                        <span className="text-xs font-medium">Create Test</span>
-                    </Button>
-                    <Button variant="outline" className="flex flex-col items-center gap-2 h-fit [&_svg]:!h-6 [&_svg]:!w-6 bg-emerald-500/10 hover:bg-emerald-500/25 text-emerald-500 hover:text-emerald-400 border-none" onClick={() => router.push('/template-steps/create')}>
-                        <LayoutTemplate />
-                        <span className="text-xs font-medium">Create Step</span>
-                    </Button>
-                    <Button variant="outline" className="flex flex-col items-center gap-2 h-fit [&_svg]:!h-6 [&_svg]:!w-6 bg-emerald-500/10 hover:bg-emerald-500/25 text-emerald-500 hover:text-emerald-400 border-none" onClick={() => router.push('/test-runs/create')}>
-                        <ListChecks />
-                        <span className="text-xs font-medium">Create Run</span>
-                    </Button>
-                    <Button variant="outline" className="flex flex-col items-center gap-2 h-fit [&_svg]:!h-6 [&_svg]:!w-6 bg-emerald-500/10 hover:bg-emerald-500/25 text-emerald-500 hover:text-emerald-400 border-none" onClick={() => router.push('/template-test-cases/create')}>
-                        <Blocks />
-                        <span className="text-xs font-medium">Create Template</span>
-                    </Button>
-                    <Button variant="outline" className="flex flex-col items-center gap-2 h-fit [&_svg]:!h-6 [&_svg]:!w-6 bg-emerald-500/10 hover:bg-emerald-500/25 text-emerald-500 hover:text-emerald-400 border-none" onClick={() => router.push('/reports')}>
-                        <FileCheck />
-                        <span className="text-xs font-medium">View Reports</span>
-                    </Button>
-                </div>
-            </CardContent>
-        </Card>
-    )
-}

package/templates/default/src/app/api/reports/steps/[stepId]/screenshot/route.ts

@@ -1,52 +0,0 @@
-import { NextResponse } from 'next/server'
-import { promises as fs, createReadStream } from 'fs'
-import { Readable } from 'stream'
-import prisma from '@/config/db-config'
-import { resolveStoredPath } from '@/lib/automation/paths'
-
-export const runtime = 'nodejs'
-
-export async function GET(_request: Request, { params }: { params: Promise<{ stepId: string }> }) {
-  const { stepId } = await params
-
-  try {
-    const step = await prisma.reportStep.findUnique({
-      where: { id: stepId },
-      select: {
-        screenshotPath: true,
-      },
-    })
-
-    if (!step) {
-      return NextResponse.json({ error: 'Report step not found' }, { status: 404 })
-    }
-
-    if (!step.screenshotPath) {
-      return NextResponse.json({ error: 'Screenshot not available for this step' }, { status: 404 })
-    }
-
-    const screenshotPath = resolveStoredPath(step.screenshotPath)
-
-    try {
-      await fs.access(screenshotPath)
-    } catch {
-      return NextResponse.json({ error: 'Screenshot file not found' }, { status: 404 })
-    }
-
-    return new NextResponse(Readable.toWeb(createReadStream(screenshotPath)) as ReadableStream, {
-      headers: {
-        'Content-Type': 'image/png',
-        'Cache-Control': 'private, max-age=60',
-      },
-    })
-  } catch (error) {
-    console.error(`[ReportScreenshot] Failed to serve screenshot for step ${stepId}:`, error)
-    return NextResponse.json(
-      {
-        error: 'Failed to load screenshot',
-        details: error instanceof Error ? error.message : 'Unknown error',
-      },
-      { status: 500 },
-    )
-  }
-}

package/templates/default/src/app/api/test-runs/[runId]/download/route.ts

@@ -1,196 +0,0 @@
-import { NextRequest, NextResponse } from 'next/server'
-import prisma from '@/config/db-config'
-import archiver from 'archiver'
-import { promises as fs } from 'fs'
-import path from 'path'
-import { getAutomationReportRunDir, resolveStoredPath } from '@/lib/automation/paths'
-
-// Ensure this route runs in Node.js runtime (not Edge) for file system access
-export const runtime = 'nodejs'
-
-async function collectRunArtifactFiles(
-  dir: string,
-  baseDir = dir,
-): Promise<Array<{ absolutePath: string; archivePath: string }>> {
-  try {
-    const entries = await fs.readdir(dir, { withFileTypes: true })
-    const files: Array<{ absolutePath: string; archivePath: string }> = []
-
-    for (const entry of entries) {
-      const absolutePath = path.join(dir, entry.name)
-      if (entry.isDirectory()) {
-        files.push(...(await collectRunArtifactFiles(absolutePath, baseDir)))
-        continue
-      }
-
-      files.push({
-        absolutePath,
-        archivePath: path.relative(baseDir, absolutePath).replace(/\\/g, '/'),
-      })
-    }
-
-    return files
-  } catch {
-    return []
-  }
-}
-
-async function addStoredArtifactFile(
-  archive: ReturnType<typeof archiver>,
-  storedPath: string,
-  archivePath: string,
-  warningLabel: string,
-): Promise<boolean> {
-  try {
-    const resolvedPath = resolveStoredPath(storedPath)
-    await fs.access(resolvedPath)
-    archive.file(resolvedPath, { name: archivePath })
-    return true
-  } catch {
-    console.warn(`[Download] ${warningLabel} not found at path: ${storedPath}`)
-    return false
-  }
-}
-
-function isPathWithinDirectory(targetPath: string, directoryPath: string): boolean {
-  const relativePath = path.relative(directoryPath, targetPath)
-  return relativePath !== '' && !relativePath.startsWith('..') && !path.isAbsolute(relativePath)
-}
-
-/**
- * GET handler for downloading a test run's stored artifacts as a zip file
- *
- * This endpoint:
- * - Verifies the test run exists
- * - Collects the run folder artifacts when present
- * - Falls back to legacy log/trace paths for older runs
- * - Creates a zip file containing all files
- * - Returns the zip file as a downloadable response
- */
-export async function GET(_request: NextRequest, { params }: { params: Promise<{ runId: string }> }) {
-  const { runId } = await params
-  const runArtifactDir = getAutomationReportRunDir(runId)
-
-  try {
-    // Verify test run exists
-    const testRun = await prisma.testRun.findUnique({
-      where: { runId },
-      select: {
-        logPath: true,
-        reportPath: true,
-        testCases: {
-          select: {
-            tracePath: true,
-          },
-        },
-      },
-    })
-
-    if (!testRun) {
-      return NextResponse.json({ error: 'Test run not found' }, { status: 404 })
-    }
-
-    // Create a zip archive
-    const archive = archiver('zip', {
-      zlib: { level: 9 }, // Maximum compression
-    })
-
-    const runArtifactFiles = await collectRunArtifactFiles(runArtifactDir)
-    let hasFiles = runArtifactFiles.length > 0
-    const archivedPaths = new Set<string>(runArtifactFiles.map(artifactFile => artifactFile.archivePath))
-
-    for (const artifactFile of runArtifactFiles) {
-      archive.file(artifactFile.absolutePath, { name: artifactFile.archivePath })
-    }
-
-    if (testRun.reportPath) {
-      const resolvedReportPath = resolveStoredPath(testRun.reportPath)
-      if (!isPathWithinDirectory(resolvedReportPath, runArtifactDir) && !archivedPaths.has('cucumber.json')) {
-        const didAddReportFile = await addStoredArtifactFile(archive, testRun.reportPath, 'cucumber.json', 'Report file')
-        hasFiles = didAddReportFile || hasFiles
-        if (didAddReportFile) {
-          archivedPaths.add('cucumber.json')
-        }
-      }
-    }
-
-    if (testRun.logPath) {
-      const resolvedLogPath = resolveStoredPath(testRun.logPath)
-      const archivePath = `logs/${path.basename(testRun.logPath)}`
-      if (!isPathWithinDirectory(resolvedLogPath, runArtifactDir) && !archivedPaths.has(archivePath)) {
-        const didAddLogFile = await addStoredArtifactFile(archive, testRun.logPath, archivePath, 'Log file')
-        hasFiles = didAddLogFile || hasFiles
-        if (didAddLogFile) {
-          archivedPaths.add(archivePath)
-        }
-      }
-    }
-
-    const traceFiles = testRun.testCases.flatMap(({ tracePath }) => (tracePath ? [tracePath] : []))
-    for (const tracePath of traceFiles) {
-      const resolvedTracePath = resolveStoredPath(tracePath)
-      const archivePath = `traces/${path.basename(tracePath)}`
-
-      if (!isPathWithinDirectory(resolvedTracePath, runArtifactDir) && !archivedPaths.has(archivePath)) {
-        const didAddTraceFile = await addStoredArtifactFile(archive, tracePath, archivePath, 'Trace file')
-        hasFiles = didAddTraceFile || hasFiles
-        if (didAddTraceFile) {
-          archivedPaths.add(archivePath)
-        }
-      }
-    }
-
-    // If no files to add, return an error
-    if (!hasFiles) {
-      return NextResponse.json({ error: 'No run artifacts available for this test run' }, { status: 404 })
-    }
-
-    // Create a readable stream to collect the archive data
-    const chunks: Buffer[] = []
-
-    // Set up event handlers before finalizing
-    const archivePromise = new Promise<Buffer>((resolve, reject) => {
-      archive.on('data', (chunk: Buffer) => {
-        chunks.push(chunk)
-      })
-
-      archive.on('end', () => {
-        const zipBuffer = Buffer.concat(chunks)
-        resolve(zipBuffer)
-      })
-
-      archive.on('error', err => {
-        reject(err)
-      })
-    })
-
-    // Finalize the archive
-    archive.finalize()
-
-    // Wait for the archive to complete
-    const zipBuffer = await archivePromise
-
-    // Generate filename with timestamp
-    const timestamp = new Date().toISOString().replace(/[:.]/g, '-').slice(0, -5)
-    const filename = `test-run-${runId}-${timestamp}.zip`
-
-    // Return the zip file as a downloadable response (Uint8Array for BodyInit)
-    return new NextResponse(new Uint8Array(zipBuffer), {
-      status: 200,
-      headers: {
-        'Content-Type': 'application/zip',
-        'Content-Disposition': `attachment; filename="${filename}"`,
-        'Content-Length': zipBuffer.length.toString(),
-      },
-    })
-  } catch (error) {
-    console.error(`[Download] Error creating zip file for testRunId: ${runId}:`, error)
-    return NextResponse.json(
-      {
-        error: 'Failed to create download file',
-        details: error instanceof Error ? error.message : 'Unknown error',
-      },
-      { status: 500 },
-    )
-  }
-}

package/templates/default/src/app/api/test-runs/[runId]/trace/[testCaseId]/route.ts

@@ -1,146 +0,0 @@
-import { NextRequest, NextResponse } from 'next/server'
-import { promises as fs } from 'fs'
-import { taskSpawner } from '@/lib/process/task-spawner'
-import prisma from '@/config/db-config'
-import { resolveStoredPath } from '@/lib/automation/paths'
-
-// Ensure this route runs in Node.js runtime (not Edge) for singleton to work
-export const runtime = 'nodejs'
-
-/**
- * GET handler for checking if trace viewer is running
- *
- * This endpoint checks if a trace viewer process is currently running for a test case.
- */
-export async function GET(
-  request: NextRequest,
-  { params }: { params: Promise<{ runId: string; testCaseId: string }> },
-) {
-  const { runId, testCaseId } = await params
-
-  try {
-    // Verify test run exists
-    const testRun = await prisma.testRun.findUnique({
-      where: { runId },
-      include: {
-        testCases: {
-          where: { id: testCaseId },
-        },
-      },
-    })
-
-    if (!testRun) {
-      return NextResponse.json({ error: 'Test run not found' }, { status: 404 })
-    }
-
-    // Verify test case belongs to this test run
-    const testRunTestCase = testRun.testCases.find(tc => tc.id === testCaseId)
-    if (!testRunTestCase) {
-      return NextResponse.json({ error: 'Test case not found in this test run' }, { status: 404 })
-    }
-
-    // Check if trace viewer process is running
-    const processName = `trace-viewer-${testCaseId}`
-    const process = taskSpawner.getProcess(processName)
-    const isRunning = process?.isRunning ?? false
-
-    return NextResponse.json({
-      isRunning,
-      processName: isRunning ? processName : null,
-    })
-  } catch (error) {
-    console.error(
-      `[TraceViewer] Error checking trace viewer status for runId: ${runId}, testCaseId: ${testCaseId}:`,
-      error,
-    )
-    return NextResponse.json(
-      {
-        error: `Failed to check trace viewer status: ${error instanceof Error ? error.message : 'Unknown error'}`,
-      },
-      { status: 500 },
-    )
-  }
-}
-
-/**
- * POST handler for spawning Playwright trace viewer
- *
- * This endpoint spawns a process to open the Playwright trace viewer for a failed test scenario.
- * The process is self-closing and doesn't require cleanup.
- *
- * Security: Verifies test run and test case exist and belong together before allowing access.
- * TODO: Add user authentication check when authentication is implemented.
- */
-export async function POST(
-  request: NextRequest,
-  { params }: { params: Promise<{ runId: string; testCaseId: string }> },
-) {
-  const { runId, testCaseId } = await params
-
-  try {
-    // Verify test run exists
-    const testRun = await prisma.testRun.findUnique({
-      where: { runId },
-      include: {
-        testCases: {
-          where: { id: testCaseId },
-          include: {
-            testCase: true,
-          },
-        },
-      },
-    })
-
-    if (!testRun) {
-      return NextResponse.json({ error: 'Test run not found' }, { status: 404 })
-    }
-
-    // Verify test case belongs to this test run
-    const testRunTestCase = testRun.testCases.find(tc => tc.id === testCaseId)
-    if (!testRunTestCase) {
-      return NextResponse.json({ error: 'Test case not found in this test run' }, { status: 404 })
-    }
-
-    // Get trace path from database
-    const tracePath = testRunTestCase.tracePath
-    if (!tracePath) {
-      return NextResponse.json({ error: 'No trace path available for this test case' }, { status: 400 })
-    }
-
-    const absoluteTracePath = resolveStoredPath(tracePath)
-
-    // Validate trace file exists
-    try {
-      await fs.access(absoluteTracePath)
-    } catch {
-      return NextResponse.json({ error: `Trace file not found at path: ${tracePath}` }, { status: 404 })
-    }
-
-    // Spawn playwright show-trace command
-    // The process is self-closing when the user closes the trace viewer
-    const spawnedProcess = await taskSpawner.spawn('npx', ['playwright', 'show-trace', absoluteTracePath], {
-      streamLogs: true,
-      prefixLogs: true,
-      logPrefix: `trace-viewer-${testCaseId}`,
-      captureOutput: false, // No need to capture output for trace viewer
-    })
-
-    console.log(
-      `[TraceViewer] Spawned trace viewer process for testCaseId: ${testCaseId}, tracePath: ${absoluteTracePath}`,
-    )
-
-    return NextResponse.json({
-      success: true,
-      message: 'Trace viewer launched successfully',
-      processName: spawnedProcess.name,
-    })
-  } catch (error) {
-    console.error(`[TraceViewer] Error spawning trace viewer for runId: ${runId}, testCaseId: ${testCaseId}:`, error)
-    return NextResponse.json(
-      {
-        error: `Failed to spawn trace viewer: ${error instanceof Error ? error.message : 'Unknown error'}`,
-      },
-      { status: 500 },
-    )
-  }
-}

package/templates/default/src/app/globals.css

@@ -1,147 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-body {
-  font-family: Arial, Helvetica, sans-serif;
-}
-
-@layer base {
-  :root {
-    --background: oklch(0.9751 0.0127 244.2507);
-    --foreground: oklch(0.3729 0.0306 259.7328);
-    --card: oklch(1 0 0);
-    --card-foreground: oklch(0.3729 0.0306 259.7328);
-    --popover: oklch(1 0 0);
-    --popover-foreground: oklch(0.3729 0.0306 259.7328);
-    --primary: oklch(0.5606 0.192 149.5793);
-    --primary-foreground: oklch(1 0 0);
-    --secondary: oklch(0.9514 0.025 236.8242);
-    --secondary-foreground: oklch(0.4461 0.0263 256.8018);
-    --muted: oklch(0.967 0.0029 264.5419);
-    --muted-foreground: oklch(0.551 0.0234 264.3637);
-    --accent: oklch(0.9505 0.0507 163.0508);
-    --accent-foreground: oklch(0.3729 0.0306 259.7328);
-    --destructive: oklch(0.6368 0.2078 25.3313);
-    --destructive-foreground: oklch(1 0 0);
-    --border: oklch(0.9276 0.0058 264.5313);
-    --input: oklch(0.9276 0.0058 264.5313);
-    --ring: oklch(0.7227 0.192 149.5793);
-    --chart-1: oklch(0.7227 0.192 149.5793);
-    --chart-2: oklch(0.6959 0.1491 162.4796);
-    --chart-3: oklch(0.596 0.1274 163.2254);
-    --chart-4: oklch(0.5081 0.1049 165.6121);
-    --chart-5: oklch(0.4318 0.0865 166.9128);
-    --sidebar: oklch(0.9514 0.025 236.8242);
-    --sidebar-foreground: oklch(0.3729 0.0306 259.7328);
-    --sidebar-primary: oklch(0.7227 0.192 149.5793);
-    --sidebar-primary-foreground: oklch(1 0 0);
-    --sidebar-accent: oklch(0.9505 0.0507 163.0508);
-    --sidebar-accent-foreground: oklch(0.3729 0.0306 259.7328);
-    --sidebar-border: oklch(0.9276 0.0058 264.5313);
-    --sidebar-ring: oklch(0.7227 0.192 149.5793);
-    --font-sans: DM Sans, sans-serif;
-    --font-serif: Lora, serif;
-    --font-mono: IBM Plex Mono, monospace;
-    --radius: 0.5rem;
-    --shadow-x: 0px;
-    --shadow-y: 4px;
-    --shadow-blur: 8px;
-    --shadow-spread: -1px;
-    --shadow-opacity: 0.1;
-    --shadow-color: hsl(0 0% 0%);
-    --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
-    --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
-    --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
-    --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
-    --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
-    --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
-    --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
-    --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
-    --tracking-normal: 0em;
-    --spacing: 0.25rem;
-    --shadow-offset-x: 0px;
-    --shadow-offset-y: 4px;
-    --letter-spacing: 0em;
-  }
-
-  .dark {
-    --background: oklch(0.2077 0.0398 265.7549);
-    --foreground: oklch(0.8717 0.0093 258.3382);
-    --card: oklch(0.2795 0.0368 260.031);
-    --card-foreground: oklch(0.8717 0.0093 258.3382);
-    --popover: oklch(0.2795 0.0368 260.031);
-    --popover-foreground: oklch(0.8717 0.0093 258.3382);
-    --primary: oklch(0.7729 0.1535 163.2231);
-    --primary-foreground: oklch(0.2077 0.0398 265.7549);
-    --secondary: oklch(0.3351 0.0331 260.912);
-    --secondary-foreground: oklch(0.7118 0.0129 286.0665);
-    --muted: oklch(0.2463 0.0275 259.9628);
-    --muted-foreground: oklch(0.551 0.0234 264.3637);
-    --accent: oklch(0.3729 0.0306 259.7328);
-    --accent-foreground: oklch(0.7118 0.0129 286.0665);
-    --destructive: oklch(0.6368 0.2078 25.3313);
-    --destructive-foreground: oklch(0.2077 0.0398 265.7549);
-    --border: oklch(0.4461 0.0263 256.8018);
-    --input: oklch(0.4461 0.0263 256.8018);
-    --ring: oklch(0.7729 0.1535 163.2231);
-    --chart-1: oklch(0.7729 0.1535 163.2231);
-    --chart-2: oklch(0.7845 0.1325 181.912);
-    --chart-3: oklch(0.7227 0.192 149.5793);
-    --chart-4: oklch(0.6959 0.1491 162.4796);
-    --chart-5: oklch(0.596 0.1274 163.2254);
-    --sidebar: oklch(0.2795 0.0368 260.031);
-    --sidebar-foreground: oklch(0.8717 0.0093 258.3382);
-    --sidebar-primary: oklch(0.7729 0.1535 163.2231);
-    --sidebar-primary-foreground: oklch(0.2077 0.0398 265.7549);
-    --sidebar-accent: oklch(0.3729 0.0306 259.7328);
-    --sidebar-accent-foreground: oklch(0.7118 0.0129 286.0665);
-    --sidebar-border: oklch(0.4461 0.0263 256.8018);
-    --sidebar-ring: oklch(0.7729 0.1535 163.2231);
-    --font-sans: DM Sans, sans-serif;
-    --font-serif: Lora, serif;
-    --font-mono: IBM Plex Mono, monospace;
-    --radius: 0.5rem;
-    --shadow-x: 0px;
-    --shadow-y: 4px;
-    --shadow-blur: 8px;
-    --shadow-spread: -1px;
-    --shadow-opacity: 0.1;
-    --shadow-color: hsl(0 0% 0%);
-    --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
-    --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
-    --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
-    --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
-    --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
-    --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
-    --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
-    --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
-    --shadow-offset-x: 0px;
-    --shadow-offset-y: 4px;
-    --letter-spacing: 0em;
-    --spacing: 0.25rem;
-  }
-  .theme {
-    --font-sans: DM Sans, sans-serif;
-    --font-mono: IBM Plex Mono, monospace;
-    --font-serif: Lora, serif;
-    --radius: 0.5rem;
-    --tracking-tighter: calc(var(--tracking-normal) - 0.05em);
-    --tracking-tight: calc(var(--tracking-normal) - 0.025em);
-    --tracking-wide: calc(var(--tracking-normal) + 0.025em);
-    --tracking-wider: calc(var(--tracking-normal) + 0.05em);
-    --tracking-widest: calc(var(--tracking-normal) + 0.1em);
-  }
-  body {
-    letter-spacing: var(--tracking-normal);
-  }
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}