\n {/* Decorative top gradient */}\n

\n\n {/* Header */}\n

\n \n

\n Resume Assistant\n

Candidate Evaluation AI

\n \n \n \n

\n\n {/* Messages */}\n \n\n {/* Loading indicator */}\n {isLoading && (\n

\n \n \n \n

\n Analyzing experience...\n

\n )}\n\n {/* Input */}\n

\n {\n e.preventDefault();\n handleSend();\n }}\n >\n

\n setInput(e.target.value)}\n placeholder=\"Ask about skills, experience, or qualifications...\"\n disabled={isLoading}\n className=\"w-full rounded-2xl border border-blue-500/20 bg-slate-800/50 pl-4 pr-12 py-3 text-sm text-slate-100 placeholder-slate-300/30 focus:outline-none focus:ring-2 focus:ring-blue-500/40 focus:border-transparent resize-none overflow-hidden disabled:opacity-50 transition-all\"\n rows={1}\n style={{ minHeight: \"48px\", maxHeight: \"100px\" }}\n onInput={(e) => {\n const target = e.target as HTMLTextAreaElement;\n target.style.height = \"auto\";\n target.style.height = Math.min(target.scrollHeight, 100) + \"px\";\n }}\n onKeyDown={(e) => {\n if (\n e.key === \"Enter\" &&\n !e.shiftKey &&\n input.trim() &&\n !isLoading\n ) {\n e.preventDefault();\n handleSend();\n }\n }}\n />\n \n \n \n

\n \n

\n );\n}\n", "src/components/ResumeAssistantButton.tsx": "import { Briefcase, ChevronRight } from \"lucide-react\";\nimport { showResumeAssistant } from \"./ResumeAssistant\";\n\nexport default function RemyButton() {\n return (\n

\n showResumeAssistant.setState(true)}\n className=\"w-full flex items-center justify-between px-4 py-2.5 rounded-lg bg-linear-to-r from-blue-500 to-purple-800 text-white hover:opacity-90 transition-opacity\"\n aria-label=\"Open Resume Assistant\"\n >\n

\n \n Resume Assistant\n

\n \n \n

\n );\n}\n", "src/components/ui/badge.tsx": "import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"#/lib/utils\"\n\nconst badgeVariants = cva(\n \"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n {\n variants: {\n variant: {\n default:\n \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n secondary:\n \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n destructive:\n \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n outline:\n \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction Badge({\n className,\n variant,\n asChild = false,\n ...props\n}: React.ComponentProps<\"span\"> &\n VariantProps & { asChild?: boolean }) {\n const Comp = asChild ? Slot : \"span\"\n\n return (\n \n )\n}\n\nexport { Badge, badgeVariants }\n", "src/components/ui/card.tsx": "import * as React from \"react\"\n\nimport { cn } from \"#/lib/utils\"\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardAction,\n CardDescription,\n CardContent,\n}\n", "src/components/ui/checkbox.tsx": "import * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { CheckIcon } from \"lucide-react\"\n\nimport { cn } from \"#/lib/utils\"\n\nfunction Checkbox({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n \n )\n}\n\nexport { Checkbox }\n", "src/components/ui/hover-card.tsx": "\"use client\"\n\nimport * as React from \"react\"\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\"\n\nimport { cn } from \"#/lib/utils\"\n\nfunction HoverCard({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction HoverCardTrigger({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction HoverCardContent({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent }\n", "src/components/ui/separator.tsx": "import * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"#/lib/utils\"\n\nfunction Separator({\n className,\n orientation = \"horizontal\",\n decorative = true,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport { Separator }\n", "src/lib/resume-ai-hook.ts": "import {\n fetchServerSentEvents,\n useChat,\n createChatClientOptions,\n} from '@tanstack/ai-react'\nimport type { InferChatMessages } from '@tanstack/ai-react'\n\n// Default chat options for type inference\nconst defaultChatOptions = createChatClientOptions({\n connection: fetchServerSentEvents('/api/resume-chat'),\n})\n\nexport type ResumeChatMessages = InferChatMessages\n\nexport const useResumeChat = () => {\n const chatOptions = createChatClientOptions({\n connection: fetchServerSentEvents('/api/resume-chat'),\n })\n\n return useChat(chatOptions)\n}\n", "src/lib/resume-tools.ts": "import { toolDefinition } from '@tanstack/ai'\nimport { z } from 'zod'\n\nimport { allJobs, allEducations } from 'content-collections'\n\n// Tool definition for getting jobs by skill\nexport const getJobsBySkillToolDef = toolDefinition({\n name: 'getJobsBySkill',\n description:\n 'Find all jobs where the candidate used a specific technology or skill. Use this to check if the candidate has experience with particular technologies.',\n inputSchema: z.object({\n skill: z\n .string()\n .describe(\n 'The skill or technology to search for (e.g., \"React\", \"TypeScript\", \"Leadership\")',\n ),\n }),\n outputSchema: z.array(\n z.object({\n jobTitle: z.string(),\n company: z.string(),\n location: z.string(),\n startDate: z.string(),\n endDate: z.string().optional(),\n summary: z.string(),\n tags: z.array(z.string()),\n content: z.string(),\n }),\n ),\n})\n\n// Server implementation\nexport const getJobsBySkill = getJobsBySkillToolDef.server(({ skill }) => {\n return allJobs.filter((job) =>\n job.tags.some((tag) => tag.toLowerCase().includes(skill.toLowerCase())),\n )\n})\n\n// Tool definition for getting all jobs\nexport const getAllJobsToolDef = toolDefinition({\n name: 'getAllJobs',\n description:\n 'Get a complete list of all work experience with full details including job titles, companies, dates, summaries, and skills. Use this to get an overview of the candidate\\'s entire work history.',\n inputSchema: z.object({}),\n outputSchema: z.array(\n z.object({\n jobTitle: z.string(),\n company: z.string(),\n location: z.string(),\n startDate: z.string(),\n endDate: z.string().optional(),\n summary: z.string(),\n tags: z.array(z.string()),\n content: z.string(),\n }),\n ),\n})\n\n// Server implementation\nexport const getAllJobs = getAllJobsToolDef.server(() => {\n return allJobs.map((job) => ({\n jobTitle: job.jobTitle,\n company: job.company,\n location: job.location,\n startDate: job.startDate,\n endDate: job.endDate,\n summary: job.summary,\n tags: job.tags,\n content: job.content,\n }))\n})\n\n// Tool definition for getting all education\nexport const getAllEducationToolDef = toolDefinition({\n name: 'getAllEducation',\n description:\n 'Get a complete list of all education history including schools, programs, dates, and skills learned. Use this to understand the candidate\\'s educational background.',\n inputSchema: z.object({}),\n outputSchema: z.array(\n z.object({\n school: z.string(),\n summary: z.string(),\n startDate: z.string(),\n endDate: z.string().optional(),\n tags: z.array(z.string()),\n content: z.string(),\n }),\n ),\n})\n\n// Server implementation\nexport const getAllEducation = getAllEducationToolDef.server(() => {\n return allEducations.map((education) => ({\n school: education.school,\n summary: education.summary,\n startDate: education.startDate,\n endDate: education.endDate,\n tags: education.tags,\n content: education.content,\n }))\n})\n\n// Tool definition for searching experience\nexport const searchExperienceToolDef = toolDefinition({\n name: 'searchExperience',\n description:\n 'Search for jobs by keywords in the job title, company name, summary, or content. Use this to find specific types of experience or roles.',\n inputSchema: z.object({\n query: z\n .string()\n .describe(\n 'The search query (e.g., \"senior\", \"lead\", \"frontend\", \"startup\")',\n ),\n }),\n outputSchema: z.array(\n z.object({\n jobTitle: z.string(),\n company: z.string(),\n location: z.string(),\n startDate: z.string(),\n endDate: z.string().optional(),\n summary: z.string(),\n tags: z.array(z.string()),\n matchedIn: z\n .array(z.string())\n .describe('Which fields matched the search'),\n }),\n ),\n})\n\n// Server implementation\nexport const searchExperience = searchExperienceToolDef.server(({ query }) => {\n const lowerQuery = query.toLowerCase()\n\n return allJobs\n .map((job) => {\n const matchedIn: string[] = []\n\n if (job.jobTitle.toLowerCase().includes(lowerQuery)) {\n matchedIn.push('job title')\n }\n if (job.company.toLowerCase().includes(lowerQuery)) {\n matchedIn.push('company')\n }\n if (job.summary.toLowerCase().includes(lowerQuery)) {\n matchedIn.push('summary')\n }\n if (job.content.toLowerCase().includes(lowerQuery)) {\n matchedIn.push('description')\n }\n\n return { job, matchedIn }\n })\n .filter(({ matchedIn }) => matchedIn.length > 0)\n .map(({ job, matchedIn }) => ({\n jobTitle: job.jobTitle,\n company: job.company,\n location: job.location,\n startDate: job.startDate,\n endDate: job.endDate,\n summary: job.summary,\n tags: job.tags,\n matchedIn,\n }))\n})\n", "src/lib/utils.ts": "import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n", "src/routes/api.resume-chat.ts": "import { createFileRoute } from '@tanstack/react-router'\nimport { chat, maxIterations, toServerSentEventsResponse } from '@tanstack/ai'\nimport { anthropicText } from '@tanstack/ai-anthropic'\nimport { openaiText } from '@tanstack/ai-openai'\nimport { geminiText } from '@tanstack/ai-gemini'\nimport { ollamaText } from '@tanstack/ai-ollama'\n\nimport {\n getJobsBySkill,\n getAllJobs,\n getAllEducation,\n searchExperience,\n} from '#/lib/resume-tools'\n\nexport const Route = createFileRoute('/api/resume-chat')({\n server: {\n handlers: {\n POST: async ({ request }) => {\n const requestSignal = request.signal\n\n if (requestSignal.aborted) {\n return new Response(null, { status: 499 })\n }\n\n const abortController = new AbortController()\n\n try {\n const body = await request.json()\n const { messages } = body\n const data = body.data || {}\n\n const SYSTEM_PROMPT = `You are a helpful resume assistant helping recruiters and hiring managers evaluate if this candidate is a good fit for their job requirements.\n\nCAPABILITIES:\n1. Use getJobsBySkill to find jobs where the candidate used specific technologies or skills\n2. Use getAllJobs to get the candidate's complete work history with all details\n3. Use getAllEducation to get the candidate's educational background\n4. Use searchExperience to search for specific types of roles or experience by keywords\n\nINSTRUCTIONS:\n- When asked about specific technologies or skills, use getJobsBySkill to find relevant experience\n- When asked about overall experience or career progression, use getAllJobs\n- When asked about education or training, use getAllEducation\n- When asked about specific types of roles (e.g., \"senior\", \"lead\"), use searchExperience\n- Be professional, concise, and helpful in your responses\n- Provide specific details from the resume when available\n- When calculating years of experience, consider the date ranges provided\n- If the candidate has experience with something, highlight specific roles and time periods\n- If the candidate lacks certain experience, be honest but constructive\n\nCONTEXT: You are helping evaluate this candidate's qualifications for potential job opportunities.`\n\n // Determine the best available provider\n let provider: 'anthropic' | 'openai' | 'gemini' | 'ollama' = data.provider || 'ollama'\n let model: string = data.model || 'mistral:7b'\n\n // Use the first available provider with an API key, fallback to ollama\n if (process.env.ANTHROPIC_API_KEY) {\n provider = 'anthropic'\n model = 'claude-haiku-4-5'\n } else if (process.env.OPENAI_API_KEY) {\n provider = 'openai'\n model = 'gpt-4o'\n } else if (process.env.GEMINI_API_KEY) {\n provider = 'gemini'\n model = 'gemini-2.0-flash-exp'\n }\n // else keep ollama as default\n\n // Adapter factory pattern for multi-vendor support\n const adapterConfig = {\n anthropic: () =>\n anthropicText((model || 'claude-haiku-4-5') as any),\n openai: () => openaiText((model || 'gpt-4o') as any),\n gemini: () => geminiText((model || 'gemini-2.0-flash-exp') as any),\n ollama: () => ollamaText((model || 'mistral:7b') as any),\n }\n\n const adapter = adapterConfig[provider]()\n\n const stream = chat({\n adapter,\n tools: [getJobsBySkill, getAllJobs, getAllEducation, searchExperience],\n systemPrompts: [SYSTEM_PROMPT],\n agentLoopStrategy: maxIterations(5),\n messages,\n abortController,\n })\n\n return toServerSentEventsResponse(stream, { abortController })\n } catch (error: any) {\n console.error('Resume chat error:', error)\n if (error.name === 'AbortError' || abortController.signal.aborted) {\n return new Response(null, { status: 499 })\n }\n return new Response(\n JSON.stringify({\n error: 'Failed to process chat request',\n message: error.message,\n }),\n {\n status: 500,\n headers: { 'Content-Type': 'application/json' },\n },\n )\n }\n },\n },\n },\n})\n", "src/routes/index.tsx": "import { useState, useMemo } from 'react'\nimport { marked } from 'marked'\n\nimport { createFileRoute } from '@tanstack/react-router'\nimport { allJobs, allEducations } from 'content-collections'\nimport { Card, CardContent, CardHeader, CardTitle } from '#/components/ui/card'\nimport { Checkbox } from '#/components/ui/checkbox'\nimport { Badge } from '#/components/ui/badge'\nimport { Separator } from '#/components/ui/separator'\nimport {\n HoverCard,\n HoverCardContent,\n HoverCardTrigger,\n} from '#/components/ui/hover-card'\n\nimport ResumeAssistant from '#/components/ResumeAssistant'\n\nexport const Route = createFileRoute('/')({\n component: App,\n})\n\nfunction App() {\n const [selectedTags, setSelectedTags] = useState([])\n\n // Get unique tags from all jobs\n const allTags = useMemo(() => {\n const tags = new Set()\n allJobs.forEach((job) => {\n job.tags.forEach((tag) => tags.add(tag))\n })\n return Array.from(tags).sort()\n }, [])\n\n // Filter jobs based on selected tags\n const filteredJobs = useMemo(() => {\n if (selectedTags.length === 0) return allJobs\n return allJobs.filter((job) =>\n selectedTags.some((tag) => job.tags.includes(tag)),\n )\n }, [selectedTags])\n\n return (\n <>\n \n

\n {/* Sidebar with filters */}\n

\n Skills & Technologies\n

\n {allTags.map((tag) => (\n

\n {\n if (checked) {\n setSelectedTags([...selectedTags, tag])\n } else {\n setSelectedTags(selectedTags.filter((t) => t !== tag))\n }\n }}\n className=\"data-[state=checked]:bg-blue-600\"\n />\n \n {tag}\n \n

\n ))}\n

\n\n {/* Main content */}\n

\n My Resume\n

\n Professional Experience & Education\n

\n \n

\n\n {/* Career Summary */}\n \n \n \n Career Summary\n \n \n \n

\n I am a passionate and driven professional seeking\n opportunities that will leverage my extensive experience\n in frontend development while providing continuous growth\n and learning opportunities. My goal is to contribute to\n innovative projects that challenge me to expand my skill\n set and make meaningful impacts through technology.\n

\n \n

\n \n \n\n {/* Work Experience */}\n

\n Work Experience\n

\n {filteredJobs.map((job) => (\n \n \n

\n \n {job.jobTitle}\n \n

\n {job.company} - {job.location}\n

\n \n {job.startDate} - {job.endDate || 'Present'}\n \n

\n \n \n

\n {job.summary}\n

\n {job.tags.map((tag) => (\n \n \n \n {tag}\n \n \n \n

\n Experience with {tag} in professional\n development\n

\n \n \n ))}\n

\n {job.content && (\n \n )}\n \n \n ))}\n

\n\n {/* Education */}\n

\n Education\n

\n {allEducations.map((education) => (\n \n \n \n {education.school}\n \n \n \n

\n {education.summary}\n

\n {education.content && (\n \n )}\n \n \n ))}\n

\n \n )\n}\n", "src/styles.css": "@import 'tailwindcss';\n\n@plugin \"tailwindcss-animate\";\n\n@custom-variant dark (&:is(.dark *));\n\nbody {\n @apply m-0;\n font-family:\n -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',\n 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family:\n source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n}\n\n:root {\n --background: oklch(1 0 0);\n --foreground: oklch(0.141 0.005 285.823);\n --card: oklch(1 0 0);\n --card-foreground: oklch(0.141 0.005 285.823);\n --popover: oklch(1 0 0);\n --popover-foreground: oklch(0.141 0.005 285.823);\n --primary: oklch(0.21 0.006 285.885);\n --primary-foreground: oklch(0.985 0 0);\n --secondary: oklch(0.967 0.001 286.375);\n --secondary-foreground: oklch(0.21 0.006 285.885);\n --muted: oklch(0.967 0.001 286.375);\n --muted-foreground: oklch(0.552 0.016 285.938);\n --accent: oklch(0.967 0.001 286.375);\n --accent-foreground: oklch(0.21 0.006 285.885);\n --destructive: oklch(0.577 0.245 27.325);\n --destructive-foreground: oklch(0.577 0.245 27.325);\n --border: oklch(0.92 0.004 286.32);\n --input: oklch(0.92 0.004 286.32);\n --ring: oklch(0.871 0.006 286.286);\n --chart-1: oklch(0.646 0.222 41.116);\n --chart-2: oklch(0.6 0.118 184.704);\n --chart-3: oklch(0.398 0.07 227.392);\n --chart-4: oklch(0.828 0.189 84.429);\n --chart-5: oklch(0.769 0.188 70.08);\n --radius: 0.625rem;\n --sidebar: oklch(0.985 0 0);\n --sidebar-foreground: oklch(0.141 0.005 285.823);\n --sidebar-primary: oklch(0.21 0.006 285.885);\n --sidebar-primary-foreground: oklch(0.985 0 0);\n --sidebar-accent: oklch(0.967 0.001 286.375);\n --sidebar-accent-foreground: oklch(0.21 0.006 285.885);\n --sidebar-border: oklch(0.92 0.004 286.32);\n --sidebar-ring: oklch(0.871 0.006 286.286);\n}\n\n.dark {\n --background: oklch(0.141 0.005 285.823);\n --foreground: oklch(0.985 0 0);\n --card: oklch(0.141 0.005 285.823);\n --card-foreground: oklch(0.985 0 0);\n --popover: oklch(0.141 0.005 285.823);\n --popover-foreground: oklch(0.985 0 0);\n --primary: oklch(0.985 0 0);\n --primary-foreground: oklch(0.21 0.006 285.885);\n --secondary: oklch(0.274 0.006 286.033);\n --secondary-foreground: oklch(0.985 0 0);\n --muted: oklch(0.274 0.006 286.033);\n --muted-foreground: oklch(0.705 0.015 286.067);\n --accent: oklch(0.274 0.006 286.033);\n --accent-foreground: oklch(0.985 0 0);\n --destructive: oklch(0.396 0.141 25.723);\n --destructive-foreground: oklch(0.637 0.237 25.331);\n --border: oklch(0.274 0.006 286.033);\n --input: oklch(0.274 0.006 286.033);\n --ring: oklch(0.442 0.017 285.786);\n --chart-1: oklch(0.488 0.243 264.376);\n --chart-2: oklch(0.696 0.17 162.48);\n --chart-3: oklch(0.769 0.188 70.08);\n --chart-4: oklch(0.627 0.265 303.9);\n --chart-5: oklch(0.645 0.246 16.439);\n --sidebar: oklch(0.21 0.006 285.885);\n --sidebar-foreground: oklch(0.985 0 0);\n --sidebar-primary: oklch(0.488 0.243 264.376);\n --sidebar-primary-foreground: oklch(0.985 0 0);\n --sidebar-accent: oklch(0.274 0.006 286.033);\n --sidebar-accent-foreground: oklch(0.985 0 0);\n --sidebar-border: oklch(0.274 0.006 286.033);\n --sidebar-ring: oklch(0.442 0.017 285.786);\n}\n\n@theme inline {\n --color-background: var(--background);\n --color-foreground: var(--foreground);\n --color-card: var(--card);\n --color-card-foreground: var(--card-foreground);\n --color-popover: var(--popover);\n --color-popover-foreground: var(--popover-foreground);\n --color-primary: var(--primary);\n --color-primary-foreground: var(--primary-foreground);\n --color-secondary: var(--secondary);\n --color-secondary-foreground: var(--secondary-foreground);\n --color-muted: var(--muted);\n --color-muted-foreground: var(--muted-foreground);\n --color-accent: var(--accent);\n --color-accent-foreground: var(--accent-foreground);\n --color-destructive: var(--destructive);\n --color-destructive-foreground: var(--destructive-foreground);\n --color-border: var(--border);\n --color-input: var(--input);\n --color-ring: var(--ring);\n --color-chart-1: var(--chart-1);\n --color-chart-2: var(--chart-2);\n --color-chart-3: var(--chart-3);\n --color-chart-4: var(--chart-4);\n --color-chart-5: var(--chart-5);\n --radius-sm: calc(var(--radius) - 4px);\n --radius-md: calc(var(--radius) - 2px);\n --radius-lg: var(--radius);\n --radius-xl: calc(var(--radius) + 4px);\n --color-sidebar: var(--sidebar);\n --color-sidebar-foreground: var(--sidebar-foreground);\n --color-sidebar-primary: var(--sidebar-primary);\n --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n --color-sidebar-accent: var(--sidebar-accent);\n --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n --color-sidebar-border: var(--sidebar-border);\n --color-sidebar-ring: var(--sidebar-ring);\n}\n\n@layer base {\n * {\n @apply border-border outline-ring/50;\n }\n body {\n @apply bg-background text-foreground;\n }\n}\n" }, "deletedFiles": [] } satisfies AddOnCompiled