# Project export: Ballad AI This document was generated by HackStack to give an AI agent context about a hackathon project. Sections are labeled with their provenance; content marked as truncated was cut to keep this document small. ## Project metadata - Hackathon: UC Berkeley AI Hackathon 2025 - Tagline: People have stopped reading in 2025. Ballad AI uses AI to generate dynamic soundtracks for any book, making stories as engaging as possible. We're bringing reading back by giving it a soundtrack. - Devpost: https://devpost.com/software/ballad-ai - GitHub: https://github.com/RyanLCh/ballad-ai - Team: 3 GitHub contributor(s) — Mihir Baviskar (9 commits), alextongdo (9 commits), Ryan La (1 commits) ## Devpost submission (written by the team) ### Inspiration Reading is dying in 2025. With attention spans shortened by TikTok and Netflix, books feel static and boring compared to multimedia entertainment. As avid readers ourselves, we wished for a method to make book more immersive. We asked: what if every story had its own dynamic soundtrack that adapted to the narrative? ### What it does Ballad AI analyzes any book using natural language processing to understand emotional beats, pacing, and atmosphere. It then generates personalized musical accompaniments that sync with the reading experience—building tension during climactic scenes, adding mystery to detective stories, or creating wonder during fantasy adventures. Readers get an immersive, multimedia experience that makes books better. ### How we built it We combined several AI technologies: Text Analysis: Language models to extract emotional sentiment, mood, and narrative pacing from literary text. Music Generation: Generates dynamic soundscapes based on textual analysis Real-time Sync: Built a reading app that reads the book aloud and adjusts music in real-time Web Interface: Created a responsive web application using React for seamless user experience ### Challenges we ran into Fine-grained Music Control: We originally envisioned layering many music tracks so that we can dynamically shift the mood of the music in real time. However, current available APIs only offer text-conditioned generation with a maximum of 30s, so we had to compensate with a fading and looping effect. Processing Time: Current music generation is slow, so it's difficult to generate music in real time. ### Accomplishments we're proud of Successfully generated coherent, emotionally-appropriate soundtracks for diverse genres Created smooth transitions between musical themes that enhance rather than distract from reading Built a working prototype that demonstrates the concept's viability ### What we learned Our frontend was partially developed by AI, but we found AI generated code to be difficult to maintain. Most of our members had to pick at least 1 unknown framework such as FastAPI, Next JS, etc. ### What's next Implementing user voice recognition so we can allow for the user to read the book aloud Eye tracking, generating visual elements to accompany the music and narrative Better musical control with Lyria Realtime API ## README (from the GitHub repository) No README available. ## Detected evidence (automated analysis) Indexed codebase: 73 recognized source files, 359 KB. - CSS (language) — detected in the code - FastAPI (technology) — detected in the code - Next.js (technology) — detected in the code - Python (language) — detected in the code - React (technology) — detected in the code - Tailwind CSS (technology) — detected in the code - TypeScript (language) — detected in the code - Anthropic (technology) — claimed on Devpost, not found in the code ## Codebase structure (from repository index) ### Files (86 of 86) ``` backend/.env.example backend/.gitignore backend/.python-version backend/api/__init__.py backend/api/core/config.py backend/api/core/exceptions.py backend/api/core/logging.py backend/api/main.py backend/api/src/__init__.py backend/api/src/texts/__init__.py backend/api/src/texts/chunkify.py backend/api/src/texts/lemon_fox.py backend/api/src/texts/logic.py backend/api/src/texts/routes.py backend/api/src/texts/song_gen.py backend/pyproject.toml backend/requirements.txt backend/uv.lock data/the_lottery.txt frontend/.gitignore frontend/app/globals.css frontend/app/layout.tsx frontend/app/page.tsx frontend/components.json frontend/components/theme-provider.tsx frontend/components/ui/accordion.tsx frontend/components/ui/alert-dialog.tsx frontend/components/ui/alert.tsx frontend/components/ui/aspect-ratio.tsx frontend/components/ui/avatar.tsx frontend/components/ui/badge.tsx frontend/components/ui/breadcrumb.tsx frontend/components/ui/button.tsx frontend/components/ui/calendar.tsx frontend/components/ui/card.tsx frontend/components/ui/carousel.tsx frontend/components/ui/chart.tsx frontend/components/ui/checkbox.tsx frontend/components/ui/collapsible.tsx frontend/components/ui/command.tsx frontend/components/ui/context-menu.tsx frontend/components/ui/dialog.tsx frontend/components/ui/drawer.tsx frontend/components/ui/dropdown-menu.tsx frontend/components/ui/form.tsx frontend/components/ui/hover-card.tsx frontend/components/ui/input-otp.tsx frontend/components/ui/input.tsx frontend/components/ui/label.tsx frontend/components/ui/menubar.tsx frontend/components/ui/navigation-menu.tsx frontend/components/ui/pagination.tsx frontend/components/ui/popover.tsx frontend/components/ui/progress.tsx frontend/components/ui/radio-group.tsx frontend/components/ui/resizable.tsx frontend/components/ui/scroll-area.tsx frontend/components/ui/select.tsx frontend/components/ui/separator.tsx frontend/components/ui/sheet.tsx frontend/components/ui/sidebar.tsx frontend/components/ui/skeleton.tsx frontend/components/ui/slider.tsx frontend/components/ui/sonner.tsx frontend/components/ui/switch.tsx frontend/components/ui/table.tsx frontend/components/ui/tabs.tsx frontend/components/ui/textarea.tsx frontend/components/ui/toast.tsx frontend/components/ui/toaster.tsx frontend/components/ui/toggle-group.tsx frontend/components/ui/toggle.tsx frontend/components/ui/tooltip.tsx frontend/components/ui/use-mobile.tsx frontend/components/ui/use-toast.ts frontend/hooks/use-mobile.tsx frontend/hooks/use-toast.ts frontend/lib/utils.ts frontend/next.config.mjs frontend/package.json frontend/postcss.config.mjs frontend/sample-timing-data.json frontend/styles/globals.css frontend/tailwind.config.ts frontend/tsconfig.json raw_text.py ``` ### Dependencies - backend/pyproject.toml: fastapi@>=0.115.13, pydantic-settings@>=2.10.0, python-dotenv@>=1.0.0, python-multipart@>=0.0.9, uvicorn@>=0.34.3 - backend/requirements.txt: annotated-types@==0.7.0, anyio@==4.9.0, click@==8.2.1, fastapi@==0.115.13, google, google-auth, h11@==0.16.0, idna@==3.10, litellm, pydantic@==2.11.7, pydantic-core@==2.33.2, pydantic-settings@==2.10.0, pydub, python-dotenv@==1.1.0, python-multipart@==0.0.20, requests, sniffio@==1.3.1, starlette@==0.46.2, typing-extensions@==4.14.0, typing-inspection@==0.4.1, uvicorn@==0.34.3 - frontend/package.json: @hookform/resolvers@^3.9.1, @radix-ui/react-accordion@1.2.2, @radix-ui/react-alert-dialog@1.1.4, @radix-ui/react-aspect-ratio@1.1.1, @radix-ui/react-avatar@1.1.2, @radix-ui/react-checkbox@1.1.3, @radix-ui/react-collapsible@1.1.2, @radix-ui/react-context-menu@2.2.4, @radix-ui/react-dialog@1.1.4, @radix-ui/react-dropdown-menu@2.1.4, @radix-ui/react-hover-card@1.1.4, @radix-ui/react-label@2.1.1, @radix-ui/react-menubar@1.1.4, @radix-ui/react-navigation-menu@1.2.3, @radix-ui/react-popover@1.1.4, @radix-ui/react-progress@1.1.1, @radix-ui/react-radio-group@1.2.2, @radix-ui/react-scroll-area@1.2.2, @radix-ui/react-select@2.1.4, @radix-ui/react-separator@1.1.1, @radix-ui/react-slider@1.2.2, @radix-ui/react-slot@1.1.1, @radix-ui/react-switch@1.1.2, @radix-ui/react-tabs@1.1.2, @radix-ui/react-toast@1.2.4, @radix-ui/react-toggle@1.1.1, @radix-ui/react-toggle-group@1.1.1, @radix-ui/react-tooltip@1.1.6, @types/node@^22, @types/react@^19, @types/react-dom@^19, autoprefixer@^10.4.20, class-variance-authority@^0.7.1, clsx@^2.1.1, cmdk@1.0.4, date-fns@4.1.0, embla-carousel-react@8.5.1, input-otp@1.4.1, lucide-react@^0.454.0, next@^16.1.6, next-themes@^0.4.4, postcss@^8.5, react@^19, react-day-picker@8.10.1, react-dom@^19, react-hook-form@^7.54.1, react-resizable-panels@^2.1.7, recharts@2.15.0, sonner@^1.7.1, tailwind-merge@^2.5.5, tailwindcss@^3.4.17, tailwindcss-animate@^1.0.7, typescript@^5, vaul@^0.9.6, zod@^3.24.1 ### Recent commits (newest first) - Modified words per line - Removed raw_text - Update requirements.txt - reqs - Update lemon_fox.py - reqs - Update reqs - Updated song_gen and requirements - Updated logic.py - Added API calls back - Update page.tsx - Updated packages - Update page.tsx - Merge branch 'alex-branch' - Remove everything - reqs - Update backend - Merge pull request #3 from RyanLCh/lyria_integration - finalizing orchestration - Add txt upload ## Key source files (fetched from GitHub, selected and truncated for size) ### backend/pyproject.toml ``` [project] name = "backend" version = "0.1.0" description = "Add your description here" readme = "README.md" requires-python = ">=3.11" dependencies = [ "fastapi>=0.115.13", "pydantic-settings>=2.10.0", "uvicorn>=0.34.3", "python-multipart>=0.0.9", "python-dotenv>=1.0.0", ] ``` ### backend/requirements.txt ``` # This file was autogenerated by uv via the following command: # uv pip compile --output-file requirements.txt pyproject.toml annotated-types==0.7.0 # via pydantic anyio==4.9.0 # via starlette click==8.2.1 # via uvicorn fastapi==0.115.13 # via backend (pyproject.toml) requests # via backend litellm # via backend google # via backend google-auth # via backend h11==0.16.0 # via uvicorn idna==3.10 # via anyio pydantic==2.11.7 # via # fastapi # pydantic-settings pydantic-core==2.33.2 # via pydantic pydantic-settings==2.10.0 # via backend (pyproject.toml) pydub # via backend python-dotenv==1.1.0 # via # backend (pyproject.toml) # pydantic-settings python-multipart==0.0.20 # via backend (pyproject.toml) sniffio==1.3.1 # via anyio starlette==0.46.2 # via fastapi typing-extensions==4.14.0 # via # anyio # fastapi # pydantic # pydantic-core # typing-inspection typing-inspection==0.4.1 # via # pydantic # pydantic-settings uvicorn==0.34.3 # via backend (pyproject.toml) ``` ### frontend/package.json ``` { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "build": "next build", "dev": "next dev", "lint": "next lint", "start": "next start" }, "dependencies": { "@hookform/resolvers": "^3.9.1", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "^16.1.6", "next-themes": "^0.4.4", "react": "^19", "react-day-picker": "8.10.1", "react-dom": "^19", "react-hook-form": "^7.54.1", "react-resizable-panels": "^2.1.7", "recharts": "2.15.0", "sonner": "^1.7.1", "tailwind-merge": "^2.5.5", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.6", "zod": "^3.24.1" }, "devDependencies": { "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^3.4.17", "typescript": "^5" } } ``` ### frontend/app/layout.tsx ```typescript import type { Metadata } from 'next' import './globals.css' export const metadata: Metadata = { title: 'v0 App', description: 'Created with v0', generator: 'v0.dev', } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } ``` ### backend/api/main.py ```python from fastapi import FastAPI from fastapi.middleware.cors import CORSMiddleware from api.core.config import settings from api.core.logging import get_logger, setup_logging from api.src.texts.routes import router as texts_router # Set up logging configuration setup_logging() # Set up logger for this module logger = get_logger(__name__) app = FastAPI( title=settings.APP_NAME, debug=settings.DEBUG, ) # Configure CORS app.add_middleware( CORSMiddleware, allow_origins=["*"], allow_credentials=True, allow_methods=["GET", "POST", "PUT", "DELETE"], allow_headers=["*"], ) # Include routers with API prefix app.include_router(texts_router) @app.get("/health") async def health_check(): return {"status": "ok", "message": "Ballad AI Backend is running"} ``` ### frontend/app/page.tsx ```typescript "use client"; import React, { useState, useEffect, useRef, useMemo, useCallback, } from "react"; import { Button } from "@/components/ui/button"; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@/components/ui/dialog"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { Upload, FileText, X, Play, Pause, Square, RotateCcw, } from "lucide-react"; import { ScrollArea } from "@/components/ui/scroll-area"; // Updated interfaces for timing data interface WordTiming { word: string; start: number; end: number; line: number; } interface TextSegment { content: string; isWord: boolean; wordIndex: number; lineIndex: number; segmentIndex: number; timing?: WordTiming; } // Memoized component for rendering individual text segments const TextSegment = React.memo( ({ segment, currentTime, isPlaying, }: { segment: TextSegment; currentTime: number; isPlaying: boolean; }) => { const isHighlighted = segment.isWord && segment.timing && isPlaying && currentTime >= segment.timing.start && currentTime <= segment.timing.end; return ( {segment.content} ); }, ); TextSegment.displayName = "TextSegment"; // Memoized component for rendering text lines const TextLine = React.memo( ({ segments, lineIndex, currentTime, isPlaying, isLastLine, }: { segments: TextSegment[]; lineIndex: number; currentTime: number; isPlaying: boolean; isLastLine: boolean; }) => { return (
{segments.map((segment) => ( ))} {!isLastLine &&
}
); }, ); TextLine.displayName = "TextLine"; // Memoized component for rendering the entire text content const TextContent = React.memo( ({ textStructure, currentTime, isPlaying, }: { textStructure: TextSegment[][]; currentTime: number; isPlaying: boolean; }) => { return (
{textStructure.map((lineSegments, lineIndex) => ( ))}
); }, ); TextContent.displayName = "TextContent"; export default function StoryReader() { const [isModalOpen, setIsModalOpen] = useState(false); const [wordTimings, setWordTimings] = useState([]); const [fileName, setFileName] = useState(""); const [isUploading, setIsUploading] = useState(false); // Timing states const [currentTime, setCurrentTime] = useState(0); const [isPlaying, setIsPlaying] = useState(false); const [totalDuration, setTotalDuration] = useState(0); const scrollAreaRef = useRef(null); const textContainerRef = useRef(null); const startTimeRef = useRef(0); const animationFrameRef = useRef(null); // Memoize the text structure from word timing data const textStructure = useMemo(() => { if (!wordTimings.length) return []; // Group words by line number const lineGroups: { [lineNumber: number]: WordTiming[] } = {}; wordTimings.forEach((wordTiming) => { if (!lineGroups[wordTiming.line]) { lineGroups[wordTiming.line] = []; } lineGroups[wordTiming.line].push(wordTiming); }); // Convert to text structure with segments const lines = Object.keys(lineGroups) .sort((a, b) => parseInt(a) - parseInt(b)) .map((lineNumber) => lineGroups[parseInt(lineNumber)]); return lines.map((lineWords, lineIndex) => { const segments: TextSegment[] = []; lineWords.forEach((wordTiming, wordIndex) => { // Add the word segment segments.push({ content: wordTiming.word, isWord: true, wordIndex: wordTimings.indexOf(wordTiming), lineIndex, segmentIndex: segments.length, timing: wordTiming, }); // Add space after word (except for last word in line) if (wordIndex < lineWords.length - 1) { segments.push({ content: " ", isWord: false, wordIndex: -1, lineIndex, segmentIndex: segments.length, }); } }); return segments; }); }, [wordTimings]); // Calculate total duration from word timings useEffect(() => { if (wordTimings.length > 0) { const maxEndTime = Math.max(...wordTimings.map((w) => w.end)); setTotalDuration(maxEndTime); } }, [wordTimings]); // Animation loop for time-based highlighting useEffect(() => { if (isPlaying) { const animate = () => { const elapsed = (Date.now() - startTimeRef.current) / 1000; setCurrentTime(elapsed); if (elapsed < totalDuration) { animationFrameRef.current = requestAnimationFrame(animate); } else { setIsPlaying(false); setCurrentTime(totalDuration); } }; startTimeRef.current = Date.now() - currentTime * 1000; animationFrameRef.current = requestAnimationFrame(animate); } else { if (animationFrameRef.current) { cancelAnimationFrame(animationFrameRef.current); animationFrameRef.current = null; } } return () => { if (animationFrameRef.current) { cancelAnimationFrame(animationFrameRef.current); } }; }, [isPlaying, totalDuration]); // Auto-scroll to keep highlighted word in view useEffect(() => { if (isPlaying && textContainerRef.current && scrollAreaRef.current) { // Find the currently highlighted word const currentWord = wordTimings.find( (w) => currentTime >= w.start && cur [truncated — 8566 more characters] ``` ### raw_text.py ```python RAW_TEXT = """ "The Lottery" (1948) by Shirley Jackson The morning of June 27th was clear and sunny, with the fresh warmth of a full-summer day; the flowers were blossoming profusely and the grass was richly green. The people of the village began to gather in the square, between the post office and the bank, around ten o'clock; in some towns there were so many people that the lottery took two days and had to be started on June 2th. but in this village, where there were only about three hundred people, the whole lottery took less than two hours, so it could begin at ten o'clock in the morning and still be through in time to allow the villagers to get home for noon dinner. The children assembled first, of course. School was recently over for the summer, and the feeling of liberty sat uneasily on most of them; they tended to gather together quietly for a while before they broke into boisterous play. and their talk was still of the classroom and the teacher, of books and reprimands. Bobby Martin had already stuffed his pockets full of stones, and the other boys soon followed his example, selecting the smoothest and roundest stones; Bobby and Harry Jones and Dickie Delacroix-- the villagers pronounced this name "Dellacroy"--eventually made a great pile of stones in one corner of the square and guarded it against the raids of the other boys. The girls stood aside, talking among themselves, looking over their shoulders at rolled in the dust or clung to the hands of their older brothers or sisters. Soon the men began to gather. surveying their own children, speaking of planting and rain, tractors and taxes. They stood together, away from the pile of stones in the corner, and their jokes were quiet and they smiled rather than laughed. The women, wearing faded house dresses and sweaters, came shortly after their menfolk. They greeted one another and exchanged bits of gossip as they went to join their husbands. Soon the women, standing by their husbands, began to call to their children, and the children came reluctantly, having to be called four or five times. Bobby Martin ducked under his mother's grasping hand and ran, laughing, back to the pile of stones. His father spoke up sharply, and Bobby came quickly and took his place between his father and his oldest brother. The lottery was conducted--as were the square dances, the teen club, the Halloween program--by Mr. Summers. who had time and energy to devote to civic activities. He was a round-faced, jovial man and he ran the coal business, and people were sorry for him. because he had no children and his wife was a scold. When he arrived in the square, carrying the black wooden box, there was a murmur of conversation among the villagers, and he waved and called. "Little late today, folks." The postmaster, Mr. Graves, followed him, carrying a three- legged stool, and the stool was put in the center of the square and Mr. Summers set the black box down on it. The villagers kept their distance, leaving a space between themselves and the stool. and when Mr. Summers said, "Some of you fellows want to give me a hand?" there was a hesitation before two men. Mr. Martin and his oldest son, Baxter. came forward to hold the box steady on the stool while Mr. Summers stirred up the papers inside it. The original paraphernalia for the lottery had been lost long ago, and the black box now resting on the stool had been put into use even before Old Man Warner, the oldest man in town, was born. Mr. Summers spoke frequently to the villagers about making a new box, but no one liked to upset even as much tradition as was represented by the black box. There was a story that the present box had been made with some pieces of the box that had preceded it, the one that had been constructed when the first people settled down to make a village here. Every year, after the lottery, Mr. Summers began talking again about a new box, but every year the subject was allowed to fade off without anything's being done. The black box grew shabbier each year: by now it was no longer completely black but splintered badly along one side to show the original wood color, and in some places faded or stained. Mr. Martin and his oldest son, Baxter, held the black box securely on the stool until Mr. Summers had stirred the papers thoroughly with his hand. Because so much of the ritual had been forgotten or discarded, Mr. Summers had been successful in having slips of paper substituted for the chips of wood that had been used for generations. Chips of wood, Mr. Summers had argued. had been all very well when the village was tiny, but now that the population was more than three hundred and likely to keep on growing, it was necessary to use something that would fit more easily into he black box. The night before the lottery, Mr. Summers and Mr. Graves made up the slips of paper and put them in the box, and it was then taken to the safe of Mr. Summers' coal company and locked up until Mr. Summers was ready to take it to the square next morning. The rest of the year, the box was put way, sometimes one place, sometimes another; it had spent one year in Mr. Graves's barn and another year underfoot in the post office. and sometimes it was set on a shelf in the Martin grocery and left there. There was a great deal of fussing to be done before Mr. Summers declared the lottery open. There were the lists to make up--of heads of families. heads of households in each family. members of each household in each family. There was the proper swearing-in of Mr. Summers by the postmaster, as the official of the lottery; at one time, some people remembered, there had been a recital of some sort, performed by the official of the lottery, a perfunctory. tuneless chant that had been rattled off duly each year; some people believed that the official of the lottery used to stand just so when he said or sang it, others believed that he was supposed to walk among the people, but years and years ago this p3rt of the ritual [truncated — 13336 more characters] ``` ### frontend/tailwind.config.ts ```typescript import type { Config } from "tailwindcss"; const config: Config = { darkMode: ["class"], content: [ "./pages/**/*.{js,ts,jsx,tsx,mdx}", "./components/**/*.{js,ts,jsx,tsx,mdx}", "./app/**/*.{js,ts,jsx,tsx,mdx}", "*.{js,ts,jsx,tsx,mdx}" ], theme: { extend: { colors: { background: 'hsl(var(--background))', foreground: 'hsl(var(--foreground))', card: { DEFAULT: 'hsl(var(--card))', foreground: 'hsl(var(--card-foreground))' }, popover: { DEFAULT: 'hsl(var(--popover))', foreground: 'hsl(var(--popover-foreground))' }, primary: { DEFAULT: 'hsl(var(--primary))', foreground: 'hsl(var(--primary-foreground))' }, secondary: { DEFAULT: 'hsl(var(--secondary))', foreground: 'hsl(var(--secondary-foreground))' }, muted: { DEFAULT: 'hsl(var(--muted))', foreground: 'hsl(var(--muted-foreground))' }, accent: { DEFAULT: 'hsl(var(--accent))', foreground: 'hsl(var(--accent-foreground))' }, destructive: { DEFAULT: 'hsl(var(--destructive))', foreground: 'hsl(var(--destructive-foreground))' }, border: 'hsl(var(--border))', input: 'hsl(var(--input))', ring: 'hsl(var(--ring))', chart: { '1': 'hsl(var(--chart-1))', '2': 'hsl(var(--chart-2))', '3': 'hsl(var(--chart-3))', '4': 'hsl(var(--chart-4))', '5': 'hsl(var(--chart-5))' }, sidebar: { DEFAULT: 'hsl(var(--sidebar-background))', foreground: 'hsl(var(--sidebar-foreground))', primary: 'hsl(var(--sidebar-primary))', 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))', accent: 'hsl(var(--sidebar-accent))', 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))', border: 'hsl(var(--sidebar-border))', ring: 'hsl(var(--sidebar-ring))' } }, borderRadius: { lg: 'var(--radius)', md: 'calc(var(--radius) - 2px)', sm: 'calc(var(--radius) - 4px)' }, keyframes: { 'accordion-down': { from: { height: '0' }, to: { height: 'var(--radix-accordion-content-height)' } }, 'accordion-up': { from: { height: 'var(--radix-accordion-content-height)' }, to: { height: '0' } } }, animation: { 'accordion-down': 'accordion-down 0.2s ease-out', 'accordion-up': 'accordion-up 0.2s ease-out' } } }, plugins: [require("tailwindcss-animate")], }; export default config; ``` ### backend/api/__init__.py ```python ``` ### frontend/lib/utils.ts ```typescript import { clsx, type ClassValue } from "clsx" import { twMerge } from "tailwind-merge" export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } ``` [63 more indexed source files omitted to keep this export small. The full file list is in the Codebase structure section above.]