Sync from GitHub: ffdd28283d24c66d2e788d9b4a630d7d9f76b0a1

.gitattributes

@@ -7,3 +7,9 @@
 *.mp4 filter=lfs diff=lfs merge=lfs -text
 *.webm filter=lfs diff=lfs merge=lfs -text
 *.pdf filter=lfs diff=lfs merge=lfs -text
+hfstudio/static/assets/hf-studio-logo.png filter=lfs diff=lfs merge=lfs -text
+hfstudio/static/assets/hf-logo.png filter=lfs diff=lfs merge=lfs -text
+frontend/static/assets/hf-studio-logo.png filter=lfs diff=lfs merge=lfs -text
+frontend/static/assets/hf-logo.png filter=lfs diff=lfs merge=lfs -text
+hfstudio/static/samples/harvard.wav filter=lfs diff=lfs merge=lfs -text
+frontend/static/samples/harvard.wav filter=lfs diff=lfs merge=lfs -text

.gitignore.backup

@@ -0,0 +1,280 @@
+# Python
+__pycache__/
+*.py[cod]
+*$py.class
+*.so
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+*.py,cover
+.hypothesis/
+.pytest_cache/
+cover/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+.pybuilder/
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+.python-version
+
+# pipenv
+Pipfile.lock
+
+# poetry
+poetry.lock
+
+# pdm
+.pdm.toml
+
+# PEP 582
+__pypackages__/
+
+# Celery stuff
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/
+
+# pytype static type analyzer
+.pytype/
+
+# Cython debug symbols
+cython_debug/
+
+# Node.js
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+public
+
+# Vuepress build output
+.vuepress/dist
+
+# Vuepress v2.x temp and cache directory
+.temp
+.cache
+
+# Docusaurus cache and generated files
+.docusaurus
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+# SvelteKit
+.svelte-kit
+
+# Vite
+.vite
+
+# IDE
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# OS
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db

.gitignore.hf

@@ -0,0 +1,40 @@
+# Node.js dependencies and build artifacts
+frontend/node_modules/
+frontend/.svelte-kit/
+frontend/build/
+
+# Python cache
+__pycache__/
+*.pyc
+*.pyo
+*.pyd
+.Python
+env/
+venv/
+.env
+.venv
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Build artifacts
+dist/
+build/
+*.egg-info/
+
+# IDE and editor files
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# OS files
+.DS_Store
+Thumbs.db
+
+# Git
+.git/
+.gitignore
+
+# Don't ignore the built static files for the Space
+!hfstudio/static/

CLAUDE.md

@@ -0,0 +1,142 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Development Commands
+
+### Quick Start (Recommended)
+```bash
+./run_dev.sh
+```
+This single script starts both frontend (port 11111) and backend (port 11110) with auto-browser opening.
+
+### Manual Development Setup
+
+**Frontend (Svelte):**
+```bash
+cd frontend
+npm install
+npm run dev          # Development server on :11111
+npm run build        # Production build
+npm run check        # Type checking
+```
+
+**Backend (FastAPI):**
+```bash
+cd backend
+pip install -r requirements.txt
+python -m hfstudio.cli --dev  # Development server on :11110
+# OR
+pip install -e .
+hfstudio --dev
+```
+
+### Port Configuration
+- Frontend: 11111 (configured in `vite.config.js`)
+- Backend: 7860 (configured in `cli.py`)
+- CORS is configured for these specific ports in `server.py`
+
+## Architecture Overview
+
+### Frontend Structure (SvelteKit + TailwindCSS)
+- **Single Page App**: Main interface in `src/routes/+page.svelte`
+- **Layout**: Global layout with sidebar in `src/routes/+layout.svelte`
+- **Design System**: HuggingFace brand colors (`#FFD21E`, `#FF9D00`) used throughout
+- **State Management**: Local component state with reactive variables
+- **Audio Handling**: Custom HTML5 audio element with manual progress tracking
+
+### Key UI Components
+- **Three-panel layout**: Sidebar (56 units) + Main content + Settings panel (80 units)
+- **Fixed bottom button**: Generate button positioned absolutely at page bottom
+- **Mini audio player**: Compact controls in generated audio card
+- **Full audio player**: Expanded controls with ElevenLabs-style design
+- **Custom pause icon**: CSS-only filled bars instead of outline
+
+### Backend Structure (FastAPI)
+- **Main server**: `server.py` with CORS configured for development ports
+- **CLI interface**: `cli.py` with typer for command-line control
+- **Pydantic models**: TTSRequest, TTSResponse, Voice, Model
+- **Current implementation**: Mock TTS generation using placeholder audio
+
+### API Endpoints
+```
+GET  /                     - Health check
+GET  /api/status          - Mode and availability info
+GET  /api/voices          - Available voice list
+GET  /api/models          - Available model list  
+POST /api/tts/generate    - Generate speech from text
+```
+
+## Design Patterns & Conventions
+
+### Frontend Patterns
+- **HF Brand Integration**: Uses official logo (`/assets/hf-logo.png`) and gradient colors
+- **Responsive Controls**: All sliders use custom `.slider-hf` class with HF colors
+- **Audio State Management**: Manual synchronization between UI state and HTML5 audio element
+- **Progressive Enhancement**: Settings always visible, no hidden toggles
+
+### Backend Patterns
+- **Development Mode**: Auto-reload enabled with `--dev` flag
+- **Mock Implementation**: Currently returns `/samples/harvard.wav` for testing
+- **CORS Configuration**: Explicitly configured for development ports
+
+### Styling Conventions
+- **TailwindCSS**: Primary styling framework
+- **Custom CSS**: Limited to audio sliders and pause icon in `app.css`
+- **Color Scheme**: Light theme with HF amber/orange accents
+- **Typography**: System fonts with careful spacing
+
+## Key Implementation Details
+
+### Audio System
+The app uses a hidden HTML5 `<audio>` element controlled by custom UI:
+- Real audio playback through bound `audioElement`
+- Manual progress tracking via `timeupdate` events  
+- Auto-play when generation completes
+- Custom pause icon using CSS pseudo-elements
+
+### Voice & Model Data
+```javascript
+// Current models (in +page.svelte)
+const models = [
+  { id: 'chatterbox', name: 'Chatterbox', badge: 'recommended' },
+  { id: 'kokoro', name: 'Kokoro', badge: 'faster but lower quality' }
+];
+
+// Current voices with descriptions
+const voices = [
+  { id: 'novia', name: 'Novia', description: 'Warm, conversational voice' },
+  // ... etc
+];
+```
+
+### Configuration Files
+- **Frontend env**: `.env` with `PUBLIC_API_URL=http://localhost:11110`
+- **Vite config**: Custom port (11111) and host settings
+- **TailwindCSS**: Custom colors and slider styling
+- **Backend requirements**: FastAPI, numpy, soundfile for audio processing
+
+### Static Assets
+- **Logo**: HuggingFace logo at `/assets/hf-logo.png` 
+- **Sample audio**: Harvard sample at `/samples/harvard.wav` for testing
+- **Favicon**: Uses HF logo
+
+## Development Workflow
+
+### Making UI Changes
+1. Edit components in `frontend/src/routes/+page.svelte`
+2. Layout changes go in `frontend/src/routes/+layout.svelte`  
+3. Global styles in `frontend/src/app.css`
+4. Hot reload shows changes instantly
+
+### Adding API Features  
+1. Add Pydantic models in `server.py`
+2. Create new endpoints following existing patterns
+3. Update CORS origins if needed
+4. Test at `http://localhost:11110/docs`
+
+### Troubleshooting
+- **Port conflicts**: Change ports in `vite.config.js` and `cli.py`
+- **CORS issues**: Update `allow_origins` in `server.py`
+- **Audio not playing**: Check audio file exists at `/samples/harvard.wav`
+- **Dependencies**: Run `npm install` in frontend, `pip install -r requirements.txt` in backend

MANIFEST.in

@@ -0,0 +1 @@
+include frontend/package.json

QUICKSTART.md

@@ -0,0 +1,116 @@
+# HFStudio - Quick Start Guide
+
+## 🚀 Running Locally for Development
+
+### Prerequisites
+- Node.js 18+ and npm
+- Python 3.8+
+
+### Option 1: Quick Start (Recommended)
+```bash
+# Run both frontend and backend
+./run_dev.sh
+```
+
+This will:
+- Start the backend API server on http://localhost:11110
+- Start the frontend dev server on http://localhost:11111
+- Install dependencies automatically
+
+### Option 2: Manual Setup
+
+#### Terminal 1 - Backend
+```bash
+cd backend
+
+# Install dependencies
+pip install -r requirements.txt
+
+# Run the server
+python -m hfstudio.cli --dev
+
+# Or install as package and run
+pip install -e .
+hfstudio --dev
+```
+
+Backend will run on http://localhost:11110
+- API docs: http://localhost:11110/docs
+- ReDoc: http://localhost:11110/redoc
+
+#### Terminal 2 - Frontend
+```bash
+cd frontend
+
+# Install dependencies
+npm install
+
+# Run dev server
+npm run dev
+```
+
+Frontend will run on http://localhost:11111
+
+## 📁 Project Structure
+```
+hfstudio/
+├── frontend/          # Svelte UI (port 11111)
+│   └── src/
+│       ├── routes/   # Page components
+│       └── app.css   # Tailwind styles
+├── backend/          # Python API (port 11110)
+│   └── hfstudio/
+│       ├── server.py # FastAPI server
+│       └── cli.py    # CLI interface
+└── run_dev.sh       # Dev startup script
+```
+
+## 🎨 UI Features
+- **Text Input**: Large textarea for text-to-speech input
+- **Voice Selection**: Choose from available voices
+- **Model Selection**: Switch between TTS models
+- **Parameter Controls**: Adjust speed, stability, similarity
+- **Mode Toggle**: Switch between API and Local execution
+- **Audio Player**: Play and download generated speech
+
+## 🔧 Development Tips
+
+### Frontend Changes
+- Edit files in `frontend/src/`
+- Hot reload is enabled - changes appear instantly
+- Tailwind classes are available
+
+### Backend Changes
+- Edit files in `backend/hfstudio/`
+- With `--dev` flag, server auto-reloads on changes
+- Test API endpoints at http://localhost:11110/docs
+
+### Adding New Features
+1. Frontend components go in `frontend/src/lib/components/`
+2. API endpoints go in `backend/hfstudio/server.py`
+3. TTS models will go in `backend/hfstudio/models/`
+
+## 🐛 Troubleshooting
+
+### Port Already in Use
+```bash
+# Change frontend port
+cd frontend
+npm run dev -- --port 11112
+
+# Change backend port
+cd backend
+python -m hfstudio.cli --port 11112
+```
+
+### Missing Dependencies
+```bash
+# Frontend
+cd frontend && npm install
+
+# Backend
+cd backend && pip install -r requirements.txt
+```
+
+### CORS Issues
+Make sure both servers are running and check the CORS configuration in `backend/hfstudio/server.py`

README.md

@@ -9,4 +9,78 @@ app_file: app.py
 pinned: false
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# HFStudio 🎙️
+
+A local and API-based Text-to-Speech studio for creating high-quality speech from text.
+
+## Features
+
+- 🎯 **Multiple TTS Models**: Support for various TTS engines
+- 🎭 **Voice Selection**: Choose from different voice models
+- ⚡ **Real-time Generation**: Fast speech synthesis
+- 🔧 **Parameter Control**: Fine-tune speed, stability, and similarity
+- 🎵 **Audio Preview**: Built-in audio player with controls
+- 🔐 **HuggingFace Integration**: Sign in with your HF account
+
+## Quick Start
+
+This Space runs HFStudio automatically. Simply:
+
+1. **Open the Space** - The web interface will load automatically
+2. **Sign In** (optional) - Click "Sign In with Hugging Face" for full features  
+3. **Enter Text** - Type or paste the text you want to convert to speech
+4. **Choose Voice** - Select from available voice models
+5. **Adjust Settings** - Tune speed, stability, and other parameters
+6. **Generate** - Click "Generate speech" to create audio
+7. **Play & Download** - Use the built-in player to preview your audio
+
+## Local Installation
+
+Want to run HFStudio locally? Install via pip:
+
+```bash
+pip install hfstudio
+hfstudio
+```
+
+Then visit `http://localhost:7860` in your browser.
+
+## Development
+
+This Space is automatically synced from the [GitHub repository](https://github.com/yourusername/hfstudio).
+
+To contribute or run locally for development:
+
+```bash
+git clone https://github.com/yourusername/hfstudio
+cd hfstudio
+./run_dev.sh  # Starts both frontend and backend
+```
+
+## API Usage
+
+HFStudio also provides a REST API for integration:
+
+```python
+import requests
+
+# Generate speech
+response = requests.post('https://abidlabs-hfstudio.hf.space/api/tts/generate', 
+    json={
+        "text": "Hello, world!",
+        "voice_id": "sarah",
+        "model_id": "coqui-tts"
+    }
+)
+
+audio_data = response.json()
+print(f"Audio URL: {audio_data['audio_url']}")
+```
+
+## License
+
+MIT License - see [LICENSE](LICENSE) for details.
+
+---
+
+Built with ❤️ using [SvelteKit](https://kit.svelte.dev/) and [FastAPI](https://fastapi.tiangolo.com/)

README_SPACE.md

@@ -0,0 +1,86 @@
+---
+title: Hfstudio
+emoji: 🏆
+colorFrom: green
+colorTo: purple
+sdk: gradio
+sdk_version: 5.49.1
+app_file: app.py
+pinned: false
+---
+
+# HFStudio 🎙️
+
+A local and API-based Text-to-Speech studio for creating high-quality speech from text.
+
+## Features
+
+- 🎯 **Multiple TTS Models**: Support for various TTS engines
+- 🎭 **Voice Selection**: Choose from different voice models
+- ⚡ **Real-time Generation**: Fast speech synthesis
+- 🔧 **Parameter Control**: Fine-tune speed, stability, and similarity
+- 🎵 **Audio Preview**: Built-in audio player with controls
+- 🔐 **HuggingFace Integration**: Sign in with your HF account
+
+## Quick Start
+
+This Space runs HFStudio automatically. Simply:
+
+1. **Open the Space** - The web interface will load automatically
+2. **Sign In** (optional) - Click "Sign In with Hugging Face" for full features  
+3. **Enter Text** - Type or paste the text you want to convert to speech
+4. **Choose Voice** - Select from available voice models
+5. **Adjust Settings** - Tune speed, stability, and other parameters
+6. **Generate** - Click "Generate speech" to create audio
+7. **Play & Download** - Use the built-in player to preview your audio
+
+## Local Installation
+
+Want to run HFStudio locally? Install via pip:
+
+```bash
+pip install hfstudio
+hfstudio
+```
+
+Then visit `http://localhost:7860` in your browser.
+
+## Development
+
+This Space is automatically synced from the [GitHub repository](https://github.com/yourusername/hfstudio).
+
+To contribute or run locally for development:
+
+```bash
+git clone https://github.com/yourusername/hfstudio
+cd hfstudio
+./run_dev.sh  # Starts both frontend and backend
+```
+
+## API Usage
+
+HFStudio also provides a REST API for integration:
+
+```python
+import requests
+
+# Generate speech
+response = requests.post('https://abidlabs-hfstudio.hf.space/api/tts/generate', 
+    json={
+        "text": "Hello, world!",
+        "voice_id": "sarah",
+        "model_id": "coqui-tts"
+    }
+)
+
+audio_data = response.json()
+print(f"Audio URL: {audio_data['audio_url']}")
+```
+
+## License
+
+MIT License - see [LICENSE](LICENSE) for details.
+
+---
+
+Built with ❤️ using [SvelteKit](https://kit.svelte.dev/) and [FastAPI](https://fastapi.tiangolo.com/)

TECHNICAL_SPECS.md

@@ -0,0 +1,337 @@
+# HFStudio Technical Specifications
+
+## Project Overview
+HFStudio is a web-based text-to-speech application that provides both local and API-based TTS capabilities, inspired by ElevenLabs Studio but with support for local model execution.
+
+## Core Features
+
+### 1. Text-to-Speech Engine
+- **Input**: Multi-line text area for user input
+- **Output**: Generated audio playback with download capability
+- **Models**: Support for multiple TTS models (local and API-based)
+- **Voice Selection**: Dropdown/list for available voices
+- **Audio Controls**: Play, pause, download generated audio
+
+### 2. Execution Modes
+- **API Mode**: Connect to remote TTS services (HuggingFace, OpenAI, etc.)
+- **Local Mode**: Run TTS models locally using downloaded models
+- **Mode Toggle**: Clear UI toggle between API and Local execution
+- **Local Setup Instructions**: Display installation command when local mode selected
+
+### 3. Voice Configuration
+- **Speed Control**: Slider (0.5x - 2.0x speed)
+- **Stability**: Slider for voice consistency (when applicable)
+- **Similarity**: Slider for voice matching (when applicable)
+- **Style/Emotion**: Optional controls for voice style
+
+### 4. User Interface Layout
+- **Left Sidebar**: Navigation and feature selection
+  - Home/Text-to-Speech (default)
+  - Settings
+  - History (future feature)
+- **Main Content Area**: Text input and controls
+- **Right Panel**: Voice/model selection and parameters
+
+## Technology Stack
+
+### Frontend
+- **Framework**: SvelteKit
+- **Styling**: TailwindCSS
+- **Components**: 
+  - Shadcn-svelte for UI components
+  - Audio player: Native HTML5 or Wavesurfer.js
+- **State Management**: Svelte stores
+- **Build Tool**: Vite
+
+### Backend (Python Package)
+- **Framework**: FastAPI for API server
+- **TTS Libraries**:
+  - Transformers (HuggingFace models)
+  - Coqui TTS
+  - Optional: Piper, Bark
+- **Audio Processing**: librosa, soundfile
+- **CLI**: Click or Typer for command-line interface
+
+### API Integration
+- **HuggingFace Inference API**
+- **OpenAI TTS API** (optional)
+- **Custom model endpoints**
+
+## Project Structure
+
+```
+hfstudio/
+├── frontend/                 # Svelte frontend
+│   ├── src/
+│   │   ├── routes/
+│   │   │   ├── +layout.svelte
+│   │   │   ├── +page.svelte
+│   │   │   └── api/
+│   │   ├── lib/
+│   │   │   ├── components/
+│   │   │   │   ├── Sidebar.svelte
+│   │   │   │   ├── TextInput.svelte
+│   │   │   │   ├── VoiceSelector.svelte
+│   │   │   │   ├── AudioPlayer.svelte
+│   │   │   │   ├── ModeToggle.svelte
+│   │   │   │   └── ParameterControls.svelte
+│   │   │   ├── stores/
+│   │   │   │   ├── app.js
+│   │   │   │   └── audio.js
+│   │   │   └── api/
+│   │   │       └── client.js
+│   │   └── app.html
+│   ├── package.json
+│   ├── vite.config.js
+│   └── tailwind.config.js
+│
+├── backend/                  # Python backend
+│   ├── hfstudio/
+│   │   ├── __init__.py
+│   │   ├── __main__.py
+│   │   ├── server.py        # FastAPI app
+│   │   ├── cli.py           # CLI interface
+│   │   ├── models/
+│   │   │   ├── __init__.py
+│   │   │   ├── base.py
+│   │   │   ├── local.py
+│   │   │   └── api.py
+│   │   ├── voices/
+│   │   │   ├── __init__.py
+│   │   │   └── manager.py
+│   │   └── utils/
+│   │       ├── __init__.py
+│   │       └── audio.py
+│   ├── requirements.txt
+│   └── setup.py
+│
+├── README.md
+└── docker-compose.yml       # Optional containerization
+```
+
+## API Endpoints
+
+### REST API
+```
+POST /api/tts/generate
+  Body: {
+    text: string,
+    voice_id: string,
+    model_id: string,
+    parameters: {
+      speed: float,
+      stability: float,
+      similarity: float,
+      style: string
+    },
+    mode: "api" | "local"
+  }
+  Response: {
+    audio_url: string,
+    duration: float,
+    format: string
+  }
+
+GET /api/voices
+  Response: {
+    voices: [{
+      id: string,
+      name: string,
+      preview_url: string,
+      supported_models: string[]
+    }]
+  }
+
+GET /api/models
+  Response: {
+    models: [{
+      id: string,
+      name: string,
+      type: "local" | "api",
+      status: "available" | "downloadable" | "api-only"
+    }]
+  }
+
+GET /api/status
+  Response: {
+    mode: "api" | "local",
+    local_available: boolean,
+    api_configured: boolean
+  }
+```
+
+## Component Specifications
+
+### 1. ModeToggle Component
+```svelte
+Props:
+- mode: "api" | "local"
+- onModeChange: function
+
+Features:
+- Visual toggle switch
+- Installation hint for local mode
+- Status indicator (green/yellow/red)
+```
+
+### 2. TextInput Component
+```svelte
+Props:
+- value: string
+- maxLength: number (default: 5000)
+- placeholder: string
+
+Features:
+- Character counter
+- Auto-resize
+- Clear button
+```
+
+### 3. VoiceSelector Component
+```svelte
+Props:
+- voices: Voice[]
+- selectedVoice: string
+- onSelect: function
+
+Features:
+- Search/filter
+- Voice preview
+- Favorite voices
+```
+
+### 4. AudioPlayer Component
+```svelte
+Props:
+- audioUrl: string
+- duration: number
+
+Features:
+- Play/pause
+- Progress bar
+- Volume control
+- Download button
+- Waveform visualization (optional)
+```
+
+## Local Package (hfstudio)
+
+### Installation
+```bash
+pip install hfstudio
+```
+
+### CLI Usage
+```bash
+# Start the server
+hfstudio
+
+# Start with custom port
+hfstudio --port 8080
+
+# Download models for offline use
+hfstudio download-models
+
+# List available models
+hfstudio list-models
+```
+
+### Python API
+```python
+from hfstudio import TTSEngine
+
+# Initialize engine
+engine = TTSEngine(mode="local")
+
+# Generate speech
+audio = engine.generate(
+    text="Hello, world!",
+    voice="default",
+    model="coqui/tts-vits"
+)
+
+# Save audio
+audio.save("output.wav")
+```
+
+## Configuration
+
+### Frontend (.env)
+```env
+PUBLIC_API_URL=http://localhost:8000
+PUBLIC_DEFAULT_MODE=api
+```
+
+### Backend (config.yaml)
+```yaml
+server:
+  host: 0.0.0.0
+  port: 8000
+  cors_origins:
+    - http://localhost:5173
+    - http://localhost:3000
+
+models:
+  local:
+    cache_dir: ~/.hfstudio/models
+    default: "coqui/tts-vits"
+  api:
+    huggingface_token: ${HF_TOKEN}
+    openai_key: ${OPENAI_API_KEY}
+
+audio:
+  output_format: "wav"
+  sample_rate: 22050
+  bitrate: 128
+```
+
+## Development Workflow
+
+### Phase 1: MVP
+1. Basic Svelte frontend with text input and generate button
+2. FastAPI backend with single TTS model support
+3. Mode toggle (UI only, local mode shows installation message)
+4. Basic audio playback
+
+### Phase 2: Core Features
+1. Multiple voice support
+2. Parameter controls (speed, stability, similarity)
+3. Local model execution
+4. Audio download functionality
+
+### Phase 3: Enhanced Features
+1. History/saved generations
+2. Voice cloning (if supported by models)
+3. Batch processing
+4. Audio format options
+
+### Phase 4: Polish
+1. Waveform visualization
+2. Real-time generation (streaming)
+3. Voice preview
+4. Keyboard shortcuts
+
+## Performance Requirements
+- **API Response Time**: < 2s for typical requests
+- **Local Generation**: < 5s for 100 words
+- **Frontend Load Time**: < 1s
+- **Audio Streaming**: Start playback within 500ms
+
+## Security Considerations
+- API key management (environment variables)
+- CORS configuration
+- Rate limiting
+- Input sanitization
+- File size limits for audio generation
+
+## Testing Strategy
+- Frontend: Vitest for unit tests, Playwright for E2E
+- Backend: Pytest for unit and integration tests
+- Load testing: Locust or K6
+- Audio quality: Manual testing with various inputs
+
+## Deployment Options
+1. **Standalone**: User runs both frontend and backend locally
+2. **Docker**: Containerized deployment
+3. **Cloud**: Separate frontend (Vercel/Netlify) and backend (Railway/Fly.io)
+4. **Desktop**: Electron wrapper (future consideration)

app.py

@@ -0,0 +1,9 @@
+#!/usr/bin/env python3
+"""
+HuggingFace Space entry point for HFStudio
+"""
+import uvicorn
+from hfstudio.server import app
+
+if __name__ == "__main__":
+    uvicorn.run(app, host="0.0.0.0", port=7860)

frontend/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "hfstudio-frontend",
+  "version": "0.1.1",
+  "private": true,
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^3.0.0",
+    "@sveltejs/kit": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "autoprefixer": "^10.4.16",
+    "postcss": "^8.4.32",
+    "svelte": "^4.2.7",
+    "svelte-check": "^3.6.0",
+    "tailwindcss": "^3.3.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.3"
+  },
+  "type": "module",
+  "dependencies": {
+    "@fortawesome/free-solid-svg-icons": "^6.5.1",
+    "@sveltejs/adapter-static": "^3.0.10",
+    "bits-ui": "^0.21.0",
+    "clsx": "^2.0.0",
+    "lucide-svelte": "^0.303.0",
+    "mode-watcher": "^0.2.0",
+    "svelte-sonner": "^0.3.19",
+    "tailwind-merge": "^2.2.0",
+    "tailwind-variants": "^0.1.19",
+    "wavesurfer.js": "^7.6.0"
+  }
+}

frontend/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

frontend/src/app.css

@@ -0,0 +1,93 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 3.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 10% 3.9%;
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+    --ring: 240 5.9% 10%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 240 10% 3.9%;
+    --foreground: 0 0% 98%;
+    --card: 240 10% 3.9%;
+    --card-foreground: 0 0% 98%;
+    --popover: 240 10% 3.9%;
+    --popover-foreground: 0 0% 98%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 240 5.9% 10%;
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+    --accent: 240 3.7% 15.9%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --ring: 240 4.9% 83.9%;
+  }
+}
+
+body {
+  @apply bg-background text-foreground;
+}
+
+/* Custom slider styles with HF brand colors */
+.slider-hf::-webkit-slider-thumb {
+  @apply appearance-none w-4 h-4 rounded-full cursor-pointer;
+  background: linear-gradient(45deg, #FFD21E, #FF9D00);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.slider-hf::-moz-range-thumb {
+  @apply w-4 h-4 rounded-full cursor-pointer border-0;
+  background: linear-gradient(45deg, #FFD21E, #FF9D00);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+/* Custom pause icon with filled bars */
+.pause-filled {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+}
+
+.pause-filled::before,
+.pause-filled::after {
+  content: '';
+  width: 2px;
+  height: 10px;
+  background-color: currentColor;
+  border-radius: 1px;
+}
+
+.pause-filled::before {
+  margin-right: 2px;
+}
+
+.pause-filled::after {
+  margin-left: 2px;
+}

frontend/src/app.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="/assets/hf-logo.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<title>HFStudio - Text to Speech</title>
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>

frontend/src/routes/+layout.svelte

@@ -0,0 +1,185 @@
+<script>
+  import '../app.css';
+  import { Home, Settings, History, Github, Menu } from 'lucide-svelte';
+  import { onMount } from 'svelte';
+  
+  let currentPage = 'tts';
+  let sidebarOpen = true;
+  let isLoggedIn = false;
+  let username = '';
+  
+  onMount(() => {
+    // Check if user is logged in
+    checkLoginStatus();
+    
+    // Re-check login status when page becomes visible (e.g., after OAuth redirect)
+    document.addEventListener('visibilitychange', () => {
+      if (!document.hidden) {
+        checkLoginStatus();
+      }
+    });
+    
+    // Listen for storage changes (e.g., when token is set from OAuth callback)
+    window.addEventListener('storage', checkLoginStatus);
+    
+    // Also check periodically to catch cases where localStorage changes in same tab
+    const interval = setInterval(checkLoginStatus, 1000);
+    
+    return () => {
+      window.removeEventListener('storage', checkLoginStatus);
+      clearInterval(interval);
+    };
+  });
+  
+  function checkLoginStatus() {
+    const token = localStorage.getItem('hf_access_token');
+    if (token) {
+      // Fetch user info from HuggingFace API
+      fetchUserInfo(token);
+    } else {
+      isLoggedIn = false;
+      username = '';
+    }
+  }
+  
+  async function fetchUserInfo(token) {
+    try {
+      // For OAuth tokens, we need to use the OAuth API endpoint
+      const isOAuthToken = token.startsWith('hf_oauth_');
+      const apiUrl = isOAuthToken 
+        ? 'https://huggingface.co/oauth/userinfo'
+        : 'https://huggingface.co/api/whoami';
+      
+      const response = await fetch(apiUrl, {
+        headers: {
+          'Authorization': `Bearer ${token}`
+        }
+      });
+      
+      if (response.ok) {
+        const userData = await response.json();
+        isLoggedIn = true;
+        const fullName = userData.name || userData.login || 'User';
+        username = fullName.split(' ')[0]; // Extract first name only
+      } else {
+        // Token might be invalid, remove it
+        localStorage.removeItem('hf_access_token');
+        isLoggedIn = false;
+        username = '';
+      }
+    } catch (error) {
+      // Token might be invalid, remove it
+      localStorage.removeItem('hf_access_token');
+      isLoggedIn = false;
+      username = '';
+    }
+  }
+  
+  function handleAuthAction() {
+    if (isLoggedIn) {
+      // Logout
+      localStorage.removeItem('hf_access_token');
+      sessionStorage.removeItem('oauth_state');
+      isLoggedIn = false;
+      username = '';
+    } else {
+      // Login
+      const clientId = 'cdf32a17-e40f-4a84-b683-f66aa1105793';
+      const redirectUri = 'http://localhost:11111/auth/callback';
+      const scope = 'read-repos';
+      const state = Math.random().toString(36).substring(2, 15);
+      const authUrl = `https://huggingface.co/oauth/authorize?client_id=${clientId}&redirect_uri=${encodeURIComponent(redirectUri)}&scope=${scope}&response_type=code&state=${state}`;
+      
+      sessionStorage.setItem('oauth_state', state);
+      window.location.href = authUrl;
+    }
+  }
+</script>
+
+<div class="flex h-screen bg-white">
+  <!-- Sidebar -->
+  <aside class="w-56 border-r border-gray-200 bg-white flex-shrink-0 {sidebarOpen ? '' : 'hidden'}">
+    <div class="p-4 border-b border-gray-200">
+      <div class="flex items-center gap-3">
+        <img src="/assets/hf-studio-logo.png" alt="HF Logo" class="w-8 h-8" />
+        <h1 class="text-xl font-semibold">HFStudio<sup class="text-xs text-gray-500 ml-1">BETA</sup></h1>
+      </div>
+    </div>
+    
+    <nav class="p-2 text-sm">      
+      <div class="mt-2 mb-1 px-2 text-xs font-medium text-gray-500 uppercase">
+        Tasks
+      </div>
+      
+      <button
+        class="w-full flex items-center gap-2 px-2 py-1.5 rounded-md hover:bg-gray-100 transition-colors text-left
+               {currentPage === 'tts' ? 'bg-gray-100' : ''}"
+        on:click={() => currentPage = 'tts'}
+      >
+        <span>🎙️</span>
+        <span>Text to Speech</span>
+      </button>
+      
+      <button
+        class="w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-left opacity-40 cursor-not-allowed"
+        disabled
+      >
+        <span>🎵</span>
+        <span>Voice Cloning</span>
+      </button>
+      
+      <button
+        class="w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-left opacity-40 cursor-not-allowed"
+        disabled
+      >
+        <span>🎧</span>
+        <span>Speech to Text</span>
+      </button>
+      
+      <button
+        class="w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-left opacity-40 cursor-not-allowed"
+        disabled
+      >
+        <span>🎼</span>
+        <span>Sound Effects</span>
+      </button>
+      
+      <button
+        class="w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-left opacity-40 cursor-not-allowed"
+        disabled
+      >
+        <span>🎸</span>
+        <span>Music Generation</span>
+      </button>
+      
+      <button
+        class="w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-left opacity-40 cursor-not-allowed"
+        disabled
+      >
+        <span>🔊</span>
+        <span>Audio Enhancement</span>
+      </button>
+      
+    </nav>
+    
+    <!-- Sign in with Hugging Face at bottom -->
+    <div class="absolute bottom-4 left-2 right-2 w-52">
+      <button
+        on:click={handleAuthAction}
+        class="w-full px-6 py-3 bg-black text-white rounded-lg font-medium hover:bg-gray-800 transition-colors shadow-sm flex items-center justify-center gap-2 text-sm"
+      >
+        <img src="/assets/hf-logo.png" alt="HF Logo" class="w-5 h-5" />
+        {#if isLoggedIn}
+          <span>Sign Out, {username}</span>
+        {:else}
+          <span>Sign In</span>
+        {/if}
+      </button>
+    </div>
+  </aside>
+  
+  <!-- Main content -->
+  <main class="flex-1 overflow-auto">
+    <slot />
+  </main>
+</div>

frontend/src/routes/+page.svelte

@@ -0,0 +1,499 @@
+<script>
+  import { Play, Download, Loader2, AlertCircle, ChevronDown, Copy, RefreshCw, Share, MoreHorizontal, Settings, Sliders, Pause, SkipBack, SkipForward } from 'lucide-svelte';
+  
+  let text = `Adam was playing outside when he heard a tiny meow! He looked around. Meow! There it was again! He tiptoed toward the bushes. Pushing the leaves aside, he gasped. A fluffy, orange kitten with big, curious eyes stared up at him. "Oh no! Where is your home?" Adam asked. The kitten just blinked and let out a tiny mew!
+
+"Mama! I found a lost kitten!" Adam called as he carried the little furball inside. The kitten sniffed around, then jumped up—boing!—right onto the couch. "Oh!" Mama laughed. "Let's give it some milk while we find its owner." The kitten licked the milk happily and purred, prrrr! Adam giggled. "I think he likes it here!"
+
+That evening, there was a knock at the door. A little girl stood there, eyes wide. "Have you seen my kitten, Biscuit?" she asked. Adam smiled and pointed. The kitten ran to her, mew mew mew! The girl hugged Biscuit tightly. "Thank you!" she said. As she left, Adam waved. "Goodbye, Biscuit!" he whispered. And in the quiet, he could still hear a happy prrrr!`;
+  let selectedVoice = 'Novia';
+  let selectedModel = 'Chatterbox';
+  let mode = 'api'; // 'api' or 'local'
+  let modelDropdownOpen = false;
+  let isGenerating = false;
+  let audioUrl = null;
+  let speed = 1.0;
+  let stability = 0.5;
+  let similarity = 0.75;
+  let styleExaggeration = 0;
+  let showSettings = true;
+  let isPlaying = false;
+  let currentTime = 0;
+  let duration = 0;
+  let audioTitle = '';
+  let audioElement = null;
+  
+  const models = [
+    { id: 'chatterbox', name: 'Chatterbox', badge: 'recommended' },
+    { id: 'kokoro', name: 'Kokoro', badge: 'faster but lower quality' },
+  ];
+  
+  const voices = [
+    { id: 'novia', name: 'Novia', description: 'Warm, conversational voice' },
+    { id: 'sarah', name: 'Sarah', description: 'Clear, professional tone' },
+    { id: 'alex', name: 'Alex', description: 'Friendly, approachable voice' },
+    { id: 'emma', name: 'Emma', description: 'Calm, soothing delivery' },
+  ];
+  
+  async function generateSpeech() {
+    if (!text.trim()) return;
+    
+    isGenerating = true;
+    audioUrl = null;
+    currentTime = 0;
+    isPlaying = false;
+    
+    // Create title from first part of text
+    audioTitle = text.length > 30 ? text.substring(0, 30) + '...' : text;
+    
+    // Simulate API call
+    setTimeout(() => {
+      audioUrl = '/samples/harvard.wav';
+      isGenerating = false;
+    }, 2000);
+  }
+  
+  function togglePlayPause() {
+    if (audioElement) {
+      if (isPlaying) {
+        audioElement.pause();
+      } else {
+        audioElement.play();
+      }
+    }
+  }
+  
+  function handleAudioLoad() {
+    if (audioElement) {
+      duration = audioElement.duration;
+      // Auto-play when audio loads
+      audioElement.play();
+    }
+  }
+  
+  function handleTimeUpdate() {
+    if (audioElement) {
+      currentTime = audioElement.currentTime;
+    }
+  }
+  
+  function handlePlay() {
+    isPlaying = true;
+  }
+  
+  function handlePause() {
+    isPlaying = false;
+  }
+  
+  function formatTime(seconds) {
+    const mins = Math.floor(seconds / 60);
+    const secs = Math.floor(seconds % 60);
+    return `${mins}:${secs.toString().padStart(2, '0')}`;
+  }
+  
+  function downloadAudio() {
+    if (audioUrl) {
+      const a = document.createElement('a');
+      a.href = audioUrl;
+      a.download = 'speech.wav';
+      a.click();
+    }
+  }
+  
+  function shareAudio() {
+    // Share functionality would go here
+    console.log('Share audio');
+  }
+  
+  function handleKeyDown(event) {
+    if (event.key === 'Enter' && !event.shiftKey) {
+      event.preventDefault();
+      generateSpeech();
+    }
+  }
+  
+  function handleClickOutside(event) {
+    if (!event.target.closest('.model-dropdown')) {
+      modelDropdownOpen = false;
+    }
+  }
+  
+  function clearText() {
+    text = '';
+    audioUrl = null;
+  }
+</script>
+
+<div class="flex flex-col h-full" on:click={handleClickOutside}>
+  <!-- Header -->
+  <header class="border-b border-gray-200 bg-white">
+    <div class="flex items-center justify-between px-4 py-2">
+      <div class="flex items-center gap-3">
+        <!-- Mode toggle -->
+        <div class="flex items-center bg-gray-100 rounded-md p-0.5">
+          <button
+            class="px-3 py-1 text-sm font-medium rounded transition-colors {mode === 'api' ? 'bg-white shadow-sm' : 'text-gray-600'}"
+            on:click={() => mode = 'api'}
+          >
+            API
+          </button>
+          <button
+            class="px-3 py-1 text-sm font-medium rounded transition-colors {mode === 'local' ? 'bg-white shadow-sm' : 'text-gray-600'}"
+            on:click={() => mode = 'local'}
+          >
+            Local
+          </button>
+        </div>
+      </div>
+      
+      <div class="flex items-center gap-2">
+        <button class="p-2 hover:bg-gray-50 rounded-md" title="Settings">
+          <Settings size={18} class="text-gray-600" />
+        </button>
+        <button class="p-2 hover:bg-gray-50 rounded-md" title="Share">
+          <Share size={18} class="text-gray-600" />
+        </button>
+        <button class="p-2 hover:bg-gray-50 rounded-md" title="More">
+          <MoreHorizontal size={18} class="text-gray-600" />
+        </button>
+      </div>
+    </div>
+  </header>
+  
+  <!-- Main content area -->
+  <div class="flex-1 flex">
+    <!-- Main content area -->
+    <div class="flex-1 flex flex-col p-6">
+      {#if mode === 'local'}
+      <div class="mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg flex items-start gap-2">
+        <AlertCircle size={18} class="text-blue-600 mt-0.5 flex-shrink-0" />
+        <div class="text-sm">
+          <p class="font-medium text-blue-900">To run locally:</p>
+          <code class="text-xs bg-blue-100 px-1.5 py-0.5 rounded">pip install hfstudio</code>
+          <span class="text-blue-700"> and run </span>
+          <code class="text-xs bg-blue-100 px-1.5 py-0.5 rounded">hfstudio</code>
+          <span class="text-blue-700"> from your terminal</span>
+        </div>
+      </div>
+      {/if}
+      
+      <!-- Text input area -->
+      <div class="flex-1 pb-24">
+        <textarea
+          bind:value={text}
+          class="w-full h-full p-6 bg-white resize-none border-0 focus:outline-none text-gray-900 text-base leading-relaxed"
+          placeholder="Enter text to convert to speech..."
+        />
+        
+        {#if text}
+        <button 
+          on:click={clearText}
+          class="absolute top-4 right-6 text-sm text-gray-400 hover:text-gray-600"
+        >
+          Clear
+        </button>
+        {/if}
+      </div>
+      
+      <!-- Fixed bottom generate button -->
+      <div class="fixed bottom-0 left-56 right-80 p-4 bg-white border-t border-gray-200">
+        <div class="flex items-center justify-between mb-3">
+          <span class="text-sm text-gray-500">{text.length} / 5,000 characters</span>
+        </div>
+        <button
+          on:click={generateSpeech}
+          disabled={isGenerating || !text.trim()}
+          class="w-full px-6 py-3 bg-gradient-to-r from-amber-400 to-orange-500 text-white rounded-lg font-medium hover:from-amber-500 hover:to-orange-600 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2 shadow-sm"
+        >
+          {#if isGenerating}
+            <Loader2 size={20} class="animate-spin" />
+            Generating...
+          {:else}
+            <Play size={20} />
+            Generate speech
+          {/if}
+        </button>
+      </div>
+      
+      <!-- Generated audio section -->
+      {#if audioUrl}
+      <div class="p-4 border border-gray-200 rounded-lg bg-white">
+        <!-- Audio title and voice info -->
+        <div class="flex items-center gap-3 mb-4">
+          <div class="w-2 h-2 bg-green-500 rounded-full"></div>
+          <div class="flex-1">
+            <h3 class="font-medium text-gray-900 text-sm">{audioTitle}</h3>
+            <p class="text-xs text-gray-500">{selectedVoice} • Created 1 second ago</p>
+          </div>
+          <!-- Mini action buttons -->
+          <div class="flex items-center gap-2">
+            <button 
+              on:click={shareAudio}
+              class="flex items-center gap-1.5 px-3 py-1.5 text-sm border border-gray-200 rounded-md hover:bg-gray-50 transition-colors"
+            >
+              <Share size={14} class="text-gray-600" />
+              <span class="text-gray-700">Share</span>
+            </button>
+            <button 
+              on:click={downloadAudio}
+              class="flex items-center gap-1.5 px-3 py-1.5 text-sm border border-gray-200 rounded-md hover:bg-gray-50 transition-colors"
+            >
+              <span class="text-gray-700">Download</span>
+              <Download size={14} class="text-gray-600" />
+            </button>
+          </div>
+        </div>
+        
+        <!-- Mini audio controls -->
+        <div class="flex items-center gap-3 mb-4">
+          <!-- Play/Pause button -->
+          <button 
+            on:click={togglePlayPause}
+            class="w-8 h-8 bg-black rounded-full flex items-center justify-center hover:bg-gray-800 transition-colors"
+          >
+            {#if isPlaying}
+              <div class="pause-filled text-white"></div>
+            {:else}
+              <Play size={14} class="text-white ml-0.5" />
+            {/if}
+          </button>
+          
+          <!-- Progress bar -->
+          <div class="flex-1 flex items-center gap-2">
+            <span class="text-xs text-gray-500 font-mono">{formatTime(currentTime)}</span>
+            <div class="flex-1 h-1 bg-gray-200 rounded-full cursor-pointer">
+              <div 
+                class="h-full bg-gradient-to-r from-amber-400 to-orange-500 rounded-full transition-all"
+                style="width: {(currentTime / duration) * 100}%"
+              ></div>
+            </div>
+            <span class="text-xs text-gray-500 font-mono">{formatTime(duration)}</span>
+          </div>
+        </div>
+        
+        <!-- Full audio player controls -->
+        <div class="flex items-center gap-4 mb-4">
+          <!-- Skip back button -->
+          <button class="p-2 hover:bg-gray-100 rounded-full" title="Skip back">
+            <SkipBack size={20} class="text-gray-600" />
+          </button>
+          
+          <!-- Play/Pause button -->
+          <button 
+            on:click={togglePlayPause}
+            class="w-12 h-12 bg-black rounded-full flex items-center justify-center hover:bg-gray-800 transition-colors"
+          >
+            {#if isPlaying}
+              <div class="pause-filled text-white scale-150"></div>
+            {:else}
+              <Play size={20} class="text-white ml-0.5" />
+            {/if}
+          </button>
+          
+          <!-- Skip forward button -->
+          <button class="p-2 hover:bg-gray-100 rounded-full" title="Skip forward">
+            <SkipForward size={20} class="text-gray-600" />
+          </button>
+          
+          <!-- Progress bar -->
+          <div class="flex-1 flex items-center gap-3">
+            <span class="text-xs text-gray-500 font-mono">{formatTime(currentTime)}</span>
+            <div class="flex-1 h-1 bg-gray-200 rounded-full">
+              <div 
+                class="h-full bg-gradient-to-r from-amber-400 to-orange-500 rounded-full transition-all"
+                style="width: {(currentTime / duration) * 100}%"
+              ></div>
+            </div>
+            <span class="text-xs text-gray-500 font-mono">{formatTime(duration)}</span>
+          </div>
+          
+          <!-- Action buttons -->
+          <div class="flex items-center gap-2">
+            <button 
+              on:click={shareAudio}
+              class="flex items-center gap-2 px-3 py-1.5 text-sm border border-gray-200 rounded-md hover:bg-gray-50"
+            >
+              <Share size={14} />
+              Share
+            </button>
+            <button 
+              on:click={downloadAudio}
+              class="p-2 hover:bg-gray-100 rounded-md" 
+              title="Download"
+            >
+              <Download size={16} class="text-gray-600" />
+            </button>
+            <button class="p-2 hover:bg-gray-100 rounded-md" title="More options">
+              <MoreHorizontal size={16} class="text-gray-600" />
+            </button>
+          </div>
+        </div>
+        
+        <!-- Hidden audio element -->
+        {#if audioUrl}
+        <audio 
+          bind:this={audioElement}
+          src={audioUrl}
+          on:loadedmetadata={handleAudioLoad}
+          on:timeupdate={handleTimeUpdate}
+          on:play={handlePlay}
+          on:pause={handlePause}
+          style="display: none;"
+        />
+        {/if}
+      </div>
+      {/if}
+    </div>
+    
+    <!-- Right panel -->
+    <div class="w-80 border-l border-gray-200 bg-white p-4 overflow-y-auto">
+      <!-- Model selector -->
+      <div class="mb-6 relative model-dropdown">
+        <h3 class="font-medium text-gray-900 mb-3">Model</h3>
+        <button
+          on:click={() => modelDropdownOpen = !modelDropdownOpen}
+          class="w-full p-3 border border-gray-200 rounded-lg bg-white text-sm focus:outline-none focus:ring-2 focus:ring-amber-400 focus:border-transparent appearance-none bg-no-repeat bg-right pr-10 shadow-sm text-left flex items-center justify-between"
+        >
+          <span>
+            {#each models as model}
+              {#if model.name === selectedModel}
+                {model.name}{#if model.badge}&nbsp;<span class="text-xs text-gray-500">({model.badge})</span>{/if}
+              {/if}
+            {/each}
+          </span>
+          <ChevronDown size={16} class="text-gray-500" />
+        </button>
+        
+        {#if modelDropdownOpen}
+        <div class="absolute top-full left-0 right-0 mt-1 bg-white border border-gray-200 rounded-lg shadow-lg z-10">
+          {#each models as model}
+          <button
+            class="w-full px-3 py-2 text-left hover:bg-gray-50 transition-colors text-sm {model.name === selectedModel ? 'bg-gray-100' : ''}"
+            on:click={() => {
+              selectedModel = model.name;
+              modelDropdownOpen = false;
+            }}
+          >
+            {model.name}{#if model.badge}&nbsp;<span class="text-xs text-gray-500">({model.badge})</span>{/if}
+          </button>
+          {/each}
+        </div>
+        {/if}
+      </div>
+      
+      <div class="mb-6">
+        <div class="mb-3">
+          <h3 class="font-medium text-gray-900">Voice</h3>
+        </div>
+        
+        <div class="space-y-1">
+          {#each voices as voice}
+          <button
+            class="w-full flex items-center justify-between p-2 rounded-md hover:bg-gray-50 transition-colors text-left
+                   {voice.name === selectedVoice ? 'bg-gray-100' : ''}"
+            on:click={() => selectedVoice = voice.name}
+          >
+            <div class="flex items-center gap-2">
+              <div class="w-8 h-8 bg-gradient-to-br from-amber-400 to-orange-500 rounded-full flex items-center justify-center text-white text-xs font-medium">
+                {voice.name[0]}
+              </div>
+              <span class="text-sm font-medium">{voice.name}</span>
+            </div>
+            <div class="text-xs text-gray-500">
+              {voice.description}
+            </div>
+          </button>
+          {/each}
+          
+          <!-- Clone voice option -->
+          <button
+            class="w-full flex items-center justify-between p-2 rounded-md opacity-50 cursor-not-allowed text-left"
+            disabled
+          >
+            <div class="flex items-center gap-2">
+              <div class="w-8 h-8 bg-gray-400 rounded-full flex items-center justify-center text-white text-xs font-medium">
+                +
+              </div>
+              <span class="text-sm font-medium text-gray-600">Clone your voice</span>
+            </div>
+            <div class="text-xs text-gray-400">
+              (coming soon)
+            </div>
+          </button>
+        </div>
+      </div>
+      
+      <div class="space-y-4 pt-4 border-t border-gray-200">
+        <!-- Speed control -->
+        <div>
+          <div class="flex justify-between mb-1">
+            <label class="text-sm font-medium text-gray-700">Speed</label>
+            <span class="text-sm text-gray-500">{speed.toFixed(1)}x</span>
+          </div>
+          <input
+            type="range"
+            bind:value={speed}
+            min="0.5"
+            max="2"
+            step="0.1"
+            class="w-full h-1.5 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-hf"
+          />
+          <div class="flex justify-between text-xs text-gray-400 mt-1">
+            <span>0.5x</span>
+            <span>2.0x</span>
+          </div>
+        </div>
+        
+        <!-- Stability control -->
+        <div>
+          <div class="flex justify-between mb-1">
+            <label class="text-sm font-medium text-gray-700">Stability</label>
+            <span class="text-sm text-gray-500">{(stability * 100).toFixed(0)}%</span>
+          </div>
+          <input
+            type="range"
+            bind:value={stability}
+            min="0"
+            max="1"
+            step="0.01"
+            class="w-full h-1.5 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-hf"
+          />
+        </div>
+        
+        <!-- Similarity control -->
+        <div>
+          <div class="flex justify-between mb-1">
+            <label class="text-sm font-medium text-gray-700">Similarity</label>
+            <span class="text-sm text-gray-500">{(similarity * 100).toFixed(0)}%</span>
+          </div>
+          <input
+            type="range"
+            bind:value={similarity}
+            min="0"
+            max="1"
+            step="0.01"
+            class="w-full h-1.5 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-hf"
+          />
+        </div>
+        
+        <!-- Style control -->
+        <div>
+          <div class="flex justify-between mb-1">
+            <label class="text-sm font-medium text-gray-700">Style</label>
+            <span class="text-sm text-gray-500">
+              {styleExaggeration === 0 ? 'None' : 'Exaggerated'}
+            </span>
+          </div>
+          <input
+            type="range"
+            bind:value={styleExaggeration}
+            min="0"
+            max="1"
+            step="1"
+            class="w-full h-1.5 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-hf"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

frontend/src/routes/api/auth/token/+server.js

@@ -0,0 +1,46 @@
+import { json } from '@sveltejs/kit';
+
+export async function POST({ request }) {
+  try {
+    const { code } = await request.json();
+    console.log('Received OAuth code:', code);
+    
+    // Forward request to backend
+    console.log('Forwarding to backend at http://localhost:7860/api/auth/token');
+    const response = await fetch('http://localhost:7860/api/auth/token', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ code }),
+    });
+    
+    console.log('Backend response status:', response.status);
+    
+    if (!response.ok) {
+      const errorText = await response.text();
+      console.error('Backend error response:', errorText);
+      throw new Error(`Backend error (${response.status}): ${errorText}`);
+    }
+    
+    const tokenData = await response.json();
+    console.log('Successfully received token data');
+    return json(tokenData);
+    
+  } catch (error) {
+    console.error('OAuth token exchange error:', error);
+    
+    // Check if it's a network error (backend not running)
+    if (error.message.includes('fetch') || error.code === 'ECONNREFUSED') {
+      return json(
+        { error: 'Backend server is not running. Please start the backend with: cd backend && python -m hfstudio.cli --dev' },
+        { status: 503 }
+      );
+    }
+    
+    return json(
+      { error: `Failed to exchange authorization code: ${error.message}` },
+      { status: 500 }
+    );
+  }
+}

frontend/src/routes/auth/callback/+page.svelte

@@ -0,0 +1,99 @@
+<script>
+  import { onMount } from 'svelte';
+  import { goto } from '$app/navigation';
+  import { page } from '$app/stores';
+  
+  let status = 'Processing...';
+  let error = null;
+  
+  onMount(async () => {
+    try {
+      const code = $page.url.searchParams.get('code');
+      const state = $page.url.searchParams.get('state');
+      const errorParam = $page.url.searchParams.get('error');
+      const errorDescription = $page.url.searchParams.get('error_description');
+      
+      if (errorParam) {
+        error = errorDescription || errorParam;
+        status = 'Authentication failed';
+        return;
+      }
+      
+      if (!code) {
+        error = 'No authorization code received';
+        status = 'Authentication failed';
+        return;
+      }
+      
+      // Verify state parameter (optional but recommended)
+      const storedState = sessionStorage.getItem('oauth_state');
+      if (storedState && state !== storedState) {
+        error = 'Invalid state parameter';
+        status = 'Authentication failed';
+        return;
+      }
+      
+      // Exchange code for access token
+      const tokenResponse = await fetch('/api/auth/token', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ code }),
+      });
+      
+      if (!tokenResponse.ok) {
+        const errorText = await tokenResponse.text();
+        console.error('Token exchange failed:', errorText);
+        throw new Error(`Failed to exchange code for token: ${errorText}`);
+      }
+      
+      const tokenData = await tokenResponse.json();
+      
+      // Store access token (in a real app, you'd want secure storage)
+      localStorage.setItem('hf_access_token', tokenData.access_token);
+      
+      status = 'Successfully authenticated!';
+      
+      // Redirect back to main app after a short delay
+      setTimeout(() => {
+        goto('/');
+      }, 2000);
+      
+    } catch (err) {
+      error = err.message;
+      status = 'Authentication failed';
+    }
+  });
+</script>
+
+<svelte:head>
+  <title>Authenticating with Hugging Face - HFStudio</title>
+</svelte:head>
+
+<div class="min-h-screen flex items-center justify-center bg-gray-50">
+  <div class="max-w-md w-full bg-white rounded-lg shadow-md p-6">
+    <div class="text-center">
+      <img src="/assets/hf-logo.png" alt="HF Logo" class="w-12 h-12 mx-auto mb-4" />
+      <h1 class="text-xl font-semibold mb-2">HFStudio Authentication</h1>
+      
+      {#if error}
+        <div class="text-red-600 mb-4">
+          <p class="font-medium">{status}</p>
+          <p class="text-sm mt-1">{error}</p>
+        </div>
+        <button 
+          on:click={() => goto('/')}
+          class="px-4 py-2 bg-gradient-to-r from-amber-400 to-orange-500 text-white rounded-lg hover:from-amber-500 hover:to-orange-600 transition-colors"
+        >
+          Return to HFStudio
+        </button>
+      {:else}
+        <div class="text-gray-600 mb-4">
+          <div class="animate-spin w-8 h-8 border-2 border-amber-400 border-t-transparent rounded-full mx-auto mb-2"></div>
+          <p>{status}</p>
+        </div>
+      {/if}
+    </div>
+  </div>
+</div>

frontend/static/samples/harvard.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:971b4163670445c415c6b0fb6813c38093409ecac2f6b4d429ae3574d24ad470
+size 3249924

frontend/svelte.config.js

@@ -0,0 +1,18 @@
+import adapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	preprocess: vitePreprocess(),
+	kit: {
+		adapter: adapter({
+			pages: 'build',
+			assets: 'build',
+			fallback: 'index.html',
+			precompress: false,
+			strict: true
+		})
+	}
+};
+
+export default config;

frontend/tailwind.config.js

@@ -0,0 +1,44 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./src/**/*.{html,js,svelte,ts}'],
+  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+    },
+  },
+  plugins: [],
+}

frontend/vite.config.js

@@ -0,0 +1,10 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+	plugins: [sveltekit()],
+	server: {
+		port: 11111,
+		host: true
+	}
+});

hfstudio/__init__.py

@@ -0,0 +1,17 @@
+"""HFStudio - Local and API-based Text-to-Speech Studio"""
+
+import json
+import os
+from pathlib import Path
+
+def _get_version():
+    """Read version from frontend/package.json"""
+    # Get the project root (one level up from this package)
+    package_root = Path(__file__).parent.parent
+    package_json_path = package_root / "frontend" / "package.json"
+    
+    with open(package_json_path, 'r') as f:
+        package_data = json.load(f)
+        return package_data['version']
+
+__version__ = _get_version()

hfstudio/__main__.py

@@ -0,0 +1,4 @@
+from hfstudio.cli import main
+
+if __name__ == "__main__":
+    main()

hfstudio/cli.py

@@ -0,0 +1,32 @@
+import typer
+import uvicorn
+from rich.console import Console
+from rich.panel import Panel
+
+console = Console()
+
+def main(
+    port: int = typer.Option(7860, "--port", "-p", help="Port to run the server on"),
+    host: str = typer.Option("0.0.0.0", "--host", help="Host to run the server on"),
+    dev: bool = typer.Option(False, "--dev", help="Run in development mode"),
+):
+    """Start the HFStudio server"""
+    
+    console.print(Panel.fit(
+        "[bold green]HFStudio Server[/bold green]\n"
+        f"Running on http://{host if host != '0.0.0.0' else 'localhost'}:{port}\n"
+        f"API docs: http://localhost:{port}/docs",
+        title="🎙️ HFStudio",
+        border_style="green"
+    ))
+    
+    uvicorn.run(
+        "hfstudio.server:app",
+        host=host,
+        port=port,
+        reload=dev,
+        log_level="info" if not dev else "debug"
+    )
+
+if __name__ == "__main__":
+    typer.run(main)

hfstudio/server.py

@@ -0,0 +1,217 @@
+from fastapi import FastAPI, HTTPException, Request
+from fastapi.middleware.cors import CORSMiddleware
+from fastapi.responses import FileResponse, HTMLResponse
+from fastapi.staticfiles import StaticFiles
+from pydantic import BaseModel
+from typing import Optional, Dict, Any
+import base64
+import io
+import numpy as np
+import soundfile as sf
+import httpx
+import os
+from pathlib import Path
+
+app = FastAPI(title="HFStudio API", version="0.1.0")
+
+# Get the static files directory
+static_dir = Path(__file__).parent / "static"
+
+# Mount static files
+if static_dir.exists():
+    app.mount("/static", StaticFiles(directory=str(static_dir)), name="static")
+    app.mount("/_app", StaticFiles(directory=str(static_dir / "_app")), name="app")
+    app.mount("/assets", StaticFiles(directory=str(static_dir / "assets")), name="assets")
+    app.mount("/samples", StaticFiles(directory=str(static_dir / "samples")), name="samples")
+
+# Configure CORS
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["http://localhost:7860", "http://localhost:11111", "http://localhost:3000"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# Models
+class TTSRequest(BaseModel):
+    text: str
+    voice_id: str = "default"
+    model_id: str = "coqui-tts"
+    parameters: Dict[str, Any] = {}
+    mode: str = "api"  # "api" or "local"
+
+class TTSResponse(BaseModel):
+    audio_url: str
+    duration: float
+    format: str = "wav"
+
+class Voice(BaseModel):
+    id: str
+    name: str
+    preview_url: Optional[str] = None
+    supported_models: list[str] = []
+
+class Model(BaseModel):
+    id: str
+    name: str
+    type: str  # "local" or "api"
+    status: str  # "available", "downloadable", "api-only"
+
+class OAuthTokenRequest(BaseModel):
+    code: str
+
+class OAuthTokenResponse(BaseModel):
+    access_token: str
+    token_type: str
+    scope: str
+
+# Routes
+@app.get("/")
+async def root():
+    """Serve the SvelteKit single-page application"""
+    index_path = static_dir / "index.html"
+    if index_path.exists():
+        return FileResponse(str(index_path), media_type="text/html")
+    else:
+        return {"message": "HFStudio API is running"}
+
+@app.get("/api/status")
+async def get_status():
+    return {
+        "mode": "api",
+        "local_available": False,
+        "api_configured": True
+    }
+
+@app.get("/api/voices")
+async def get_voices():
+    voices = [
+        Voice(id="liam", name="Liam", supported_models=["coqui-tts", "bark"]),
+        Voice(id="sarah", name="Sarah", supported_models=["coqui-tts", "bark"]),
+        Voice(id="alex", name="Alex", supported_models=["coqui-tts", "bark"]),
+        Voice(id="emma", name="Emma", supported_models=["coqui-tts", "bark"]),
+    ]
+    return {"voices": voices}
+
+@app.get("/api/models")
+async def get_models():
+    models = [
+        Model(id="eleven-multilingual-v2", name="Eleven Multilingual v2", type="api", status="api-only"),
+        Model(id="coqui-tts", name="Coqui TTS", type="local", status="available"),
+        Model(id="bark", name="Bark", type="local", status="downloadable"),
+    ]
+    return {"models": models}
+
+@app.post("/api/tts/generate")
+async def generate_tts(request: TTSRequest):
+    try:
+        # For now, generate a simple sine wave as placeholder audio
+        duration = min(len(request.text) * 0.05, 10)  # Rough estimate
+        sample_rate = 22050
+        t = np.linspace(0, duration, int(sample_rate * duration))
+        
+        # Generate a simple tone
+        frequency = 440  # A4 note
+        audio = np.sin(2 * np.pi * frequency * t) * 0.3
+        
+        # Add some variation
+        audio += np.sin(2 * np.pi * frequency * 1.5 * t) * 0.1
+        audio += np.sin(2 * np.pi * frequency * 2 * t) * 0.05
+        
+        # Convert to int16
+        audio = (audio * 32767).astype(np.int16)
+        
+        # Create WAV in memory
+        buffer = io.BytesIO()
+        sf.write(buffer, audio, sample_rate, format='WAV')
+        buffer.seek(0)
+        
+        # Convert to base64
+        audio_base64 = base64.b64encode(buffer.read()).decode('utf-8')
+        audio_url = f"data:audio/wav;base64,{audio_base64}"
+        
+        return TTSResponse(
+            audio_url=audio_url,
+            duration=duration,
+            format="wav"
+        )
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+
+@app.post("/api/auth/token")
+async def exchange_oauth_token(request: OAuthTokenRequest):
+    """Exchange OAuth authorization code for access token"""
+    try:
+        # HuggingFace OAuth token endpoint
+        token_url = "https://huggingface.co/oauth/token"
+        
+        # OAuth app credentials
+        client_id = "cdf32a17-e40f-4a84-b683-f66aa1105793"
+        client_secret = "f590cb2d-6eac-4cef-a0cb-d0116825295c"
+        redirect_uri = "http://localhost:11111/auth/callback"
+        
+        # Prepare token exchange request
+        token_data = {
+            "client_id": client_id,
+            "client_secret": client_secret,
+            "code": request.code,
+            "grant_type": "authorization_code",
+            "redirect_uri": redirect_uri,
+        }
+        
+        # Exchange code for token
+        async with httpx.AsyncClient() as client:
+            response = await client.post(
+                token_url,
+                data=token_data,
+                headers={"Accept": "application/json"}
+            )
+            
+            if response.status_code != 200:
+                raise HTTPException(
+                    status_code=400, 
+                    detail=f"Token exchange failed: {response.text}"
+                )
+            
+            token_response = response.json()
+            
+            return OAuthTokenResponse(
+                access_token=token_response["access_token"],
+                token_type=token_response.get("token_type", "Bearer"),
+                scope=token_response.get("scope", "")
+            )
+            
+    except httpx.RequestError as e:
+        raise HTTPException(status_code=500, detail=f"Network error: {str(e)}")
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+
+# Catch-all route to serve the SvelteKit app (excluding API routes)
+@app.get("/{path:path}")
+async def serve_spa(path: str):
+    """Serve the SvelteKit single-page application for non-API routes"""
+    # Skip API routes
+    if path.startswith("api/") or path.startswith("docs") or path.startswith("openapi.json"):
+        raise HTTPException(status_code=404, detail="Not found")
+    
+    # For any non-API route, serve the index.html
+    index_path = static_dir / "index.html"
+    if index_path.exists():
+        return FileResponse(str(index_path), media_type="text/html")
+    else:
+        # Fallback if no built frontend
+        return HTMLResponse("""
+        <html>
+            <head><title>HFStudio</title></head>
+            <body>
+                <h1>HFStudio Backend</h1>
+                <p>The backend is running, but the frontend hasn't been built yet.</p>
+                <p>Visit <a href="/docs">/docs</a> for the API documentation.</p>
+            </body>
+        </html>
+        """)
+
+if __name__ == "__main__":
+    import uvicorn
+    uvicorn.run(app, host="0.0.0.0", port=7860)

hfstudio/static/_app/env.js

@@ -0,0 +1 @@
+export const env={}

hfstudio/static/_app/immutable/assets/0.DkRYx-5s.css

@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 240 5.9% 10%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 5.9% 10%;--radius: .5rem}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-2{left:.5rem}.left-56{left:14rem}.right-0{right:0}.right-2{right:.5rem}.right-6{right:1.5rem}.right-80{right:20rem}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-2{height:.5rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-2{width:.5rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-56{width:14rem}.w-8{width:2rem}.w-80{width:20rem}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.scale-150{--tw-scale-x: 1.5;--tw-scale-y: 1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-amber-400{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-400{--tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.bg-right{background-position:right}.bg-no-repeat{background-repeat:no-repeat}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-24{padding-bottom:6rem}.pr-10{padding-right:2.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.slider-hf::-webkit-slider-thumb{height:1rem;width:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;background:linear-gradient(45deg,#ffd21e,#ff9d00);box-shadow:0 1px 3px #0000001a}.slider-hf::-moz-range-thumb{height:1rem;width:1rem;cursor:pointer;border-radius:9999px;border-width:0px;background:linear-gradient(45deg,#ffd21e,#ff9d00);box-shadow:0 1px 3px #0000001a}.pause-filled{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px}.pause-filled:before,.pause-filled:after{content:"";width:2px;height:10px;background-color:currentColor;border-radius:1px}.pause-filled:before{margin-right:2px}.pause-filled:after{margin-left:2px}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:from-amber-500:hover{--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-orange-600:hover{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-amber-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}

hfstudio/static/_app/immutable/chunks/9DiovRey.js

@@ -0,0 +1 @@
+var I=Object.defineProperty;var R=(t,n,e)=>n in t?I(t,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[n]=e;var N=(t,n,e)=>R(t,typeof n!="symbol"?n+"":n,e);function w(){}function W(t,n){for(const e in n)t[e]=n[e];return t}function O(t){return t()}function T(){return Object.create(null)}function $(t){t.forEach(O)}function P(t){return typeof t=="function"}function ht(t,n){return t!=t?n==n:t!==n||t&&typeof t=="object"||typeof t=="function"}let b;function mt(t,n){return t===n?!0:(b||(b=document.createElement("a")),b.href=n,t===b.href)}function G(t){return Object.keys(t).length===0}function J(t,...n){if(t==null){for(const r of n)r(void 0);return w}const e=t.subscribe(...n);return e.unsubscribe?()=>e.unsubscribe():e}function pt(t,n,e){t.$$.on_destroy.push(J(n,e))}function yt(t,n,e,r){if(t){const i=q(t,n,e,r);return t[0](i)}}function q(t,n,e,r){return t[1]&&r?W(e.ctx.slice(),t[1](r(n))):e.ctx}function gt(t,n,e,r){if(t[2]&&r){const i=t[2](r(e));if(n.dirty===void 0)return i;if(typeof i=="object"){const o=[],c=Math.max(n.dirty.length,i.length);for(let l=0;l<c;l+=1)o[l]=n.dirty[l]|i[l];return o}return n.dirty|i}return n.dirty}function $t(t,n,e,r,i,o){if(i){const c=q(n,e,r,o);t.p(c,i)}}function xt(t){if(t.ctx.length>32){const n=[],e=t.ctx.length/32;for(let r=0;r<e;r++)n[r]=-1;return n}return-1}function bt(t){const n={};for(const e in t)e[0]!=="$"&&(n[e]=t[e]);return n}function vt(t,n){const e={};n=new Set(n);for(const r in t)!n.has(r)&&r[0]!=="$"&&(e[r]=t[r]);return e}let E=!1;function K(){E=!0}function Q(){E=!1}function V(t,n,e,r){for(;t<n;){const i=t+(n-t>>1);e(i)<=r?t=i+1:n=i}return t}function X(t){if(t.hydrate_init)return;t.hydrate_init=!0;let n=t.childNodes;if(t.nodeName==="HEAD"){const u=[];for(let s=0;s<n.length;s++){const f=n[s];f.claim_order!==void 0&&u.push(f)}n=u}const e=new Int32Array(n.length+1),r=new Int32Array(n.length);e[0]=-1;let i=0;for(let u=0;u<n.length;u++){const s=n[u].claim_order,f=(i>0&&n[e[i]].claim_order<=s?i+1:V(1,i,x=>n[e[x]].claim_order,s))-1;r[u]=e[f]+1;const a=f+1;e[a]=u,i=Math.max(a,i)}const o=[],c=[];let l=n.length-1;for(let u=e[i]+1;u!=0;u=r[u-1]){for(o.push(n[u-1]);l>=u;l--)c.push(n[l]);l--}for(;l>=0;l--)c.push(n[l]);o.reverse(),c.sort((u,s)=>u.claim_order-s.claim_order);for(let u=0,s=0;u<c.length;u++){for(;s<o.length&&c[u].claim_order>=o[s].claim_order;)s++;const f=s<o.length?o[s]:null;t.insertBefore(c[u],f)}}function Y(t,n){if(E){for(X(t),(t.actual_end_child===void 0||t.actual_end_child!==null&&t.actual_end_child.parentNode!==t)&&(t.actual_end_child=t.firstChild);t.actual_end_child!==null&&t.actual_end_child.claim_order===void 0;)t.actual_end_child=t.actual_end_child.nextSibling;n!==t.actual_end_child?(n.claim_order!==void 0||n.parentNode!==t)&&t.insertBefore(n,t.actual_end_child):t.actual_end_child=n.nextSibling}else(n.parentNode!==t||n.nextSibling!==null)&&t.appendChild(n)}function wt(t,n,e){E&&!e?Y(t,n):(n.parentNode!==t||n.nextSibling!=e)&&t.insertBefore(n,e||null)}function Z(t){t.parentNode&&t.parentNode.removeChild(t)}function Et(t,n){for(let e=0;e<t.length;e+=1)t[e]&&t[e].d(n)}function tt(t){return document.createElement(t)}function nt(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}function j(t){return document.createTextNode(t)}function Nt(){return j(" ")}function At(){return j("")}function Ct(t,n,e,r){return t.addEventListener(n,e,r),()=>t.removeEventListener(n,e,r)}function et(t,n,e){e==null?t.removeAttribute(n):t.getAttribute(n)!==e&&t.setAttribute(n,e)}function St(t,n){for(const e in n)et(t,e,n[e])}function jt(t){return t.dataset.svelteH}function kt(t){return t===""?null:+t}function rt(t){return Array.from(t.childNodes)}function it(t){t.claim_info===void 0&&(t.claim_info={last_index:0,total_claimed:0})}function B(t,n,e,r,i=!1){it(t);const o=(()=>{for(let c=t.claim_info.last_index;c<t.length;c++){const l=t[c];if(n(l)){const u=e(l);return u===void 0?t.splice(c,1):t[c]=u,i||(t.claim_info.last_index=c),l}}for(let c=t.claim_info.last_index-1;c>=0;c--){const l=t[c];if(n(l)){const u=e(l);return u===void 0?t.splice(c,1):t[c]=u,i?u===void 0&&t.claim_info.last_index--:t.claim_info.last_index=c,l}}return r()})();return o.claim_order=t.claim_info.total_claimed,t.claim_info.total_claimed+=1,o}function L(t,n,e,r){return B(t,i=>i.nodeName===n,i=>{const o=[];for(let c=0;c<i.attributes.length;c++){const l=i.attributes[c];e[l.name]||o.push(l.name)}o.forEach(c=>i.removeAttribute(c))},()=>r(n))}function Dt(t,n,e){return L(t,n,e,tt)}function Tt(t,n,e){return L(t,n,e,nt)}function ct(t,n){return B(t,e=>e.nodeType===3,e=>{const r=""+n;if(e.data.startsWith(r)){if(e.data.length!==r.length)return e.splitText(r.length)}else e.data=r},()=>j(n),!0)}function Ht(t){return ct(t," ")}function Mt(t,n){n=""+n,t.data!==n&&(t.data=n)}function Ot(t,n){t.value=n??""}function Pt(t,n,e,r){e==null?t.style.removeProperty(n):t.style.setProperty(n,e,"")}function ut(t,n,{bubbles:e=!1,cancelable:r=!1}={}){return new CustomEvent(t,{detail:n,bubbles:e,cancelable:r})}function qt(t,n){const e=[];let r=0;for(const i of n.childNodes)if(i.nodeType===8){const o=i.textContent.trim();o===`HEAD_${t}_END`?(r-=1,e.push(i)):o===`HEAD_${t}_START`&&(r+=1,e.push(i))}else r>0&&e.push(i);return e}function Bt(t,n){return new t(n)}let g;function y(t){g=t}function _(){if(!g)throw new Error("Function called outside component initialization");return g}function Lt(t){_().$$.before_update.push(t)}function Ut(t){_().$$.on_mount.push(t)}function zt(t){_().$$.after_update.push(t)}function Ft(t){_().$$.on_destroy.push(t)}function It(){const t=_();return(n,e,{cancelable:r=!1}={})=>{const i=t.$$.callbacks[n];if(i){const o=ut(n,e,{cancelable:r});return i.slice().forEach(c=>{c.call(t,o)}),!o.defaultPrevented}return!0}}function Rt(t,n){return _().$$.context.set(t,n),n}function Wt(t){return _().$$.context.get(t)}function Gt(){return _().$$.context}function Jt(t){return _().$$.context.has(t)}const m=[],H=[];let p=[];const M=[],U=Promise.resolve();let C=!1;function z(){C||(C=!0,U.then(F))}function Kt(){return z(),U}function S(t){p.push(t)}const A=new Set;let h=0;function F(){if(h!==0)return;const t=g;do{try{for(;h<m.length;){const n=m[h];h++,y(n),st(n.$$)}}catch(n){throw m.length=0,h=0,n}for(y(null),m.length=0,h=0;H.length;)H.pop()();for(let n=0;n<p.length;n+=1){const e=p[n];A.has(e)||(A.add(e),e())}p.length=0}while(m.length);for(;M.length;)M.pop()();C=!1,A.clear(),y(t)}function st(t){if(t.fragment!==null){t.update(),$(t.before_update);const n=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,n),t.after_update.forEach(S)}}function ot(t){const n=[],e=[];p.forEach(r=>t.indexOf(r)===-1?n.push(r):e.push(r)),e.forEach(r=>r()),p=n}const v=new Set;let d;function Qt(){d={r:0,c:[],p:d}}function Vt(){d.r||$(d.c),d=d.p}function lt(t,n){t&&t.i&&(v.delete(t),t.i(n))}function Xt(t,n,e,r){if(t&&t.o){if(v.has(t))return;v.add(t),d.c.push(()=>{v.delete(t),r&&(e&&t.d(1),r())}),t.o(n)}else r&&r()}function Yt(t){t&&t.c()}function Zt(t,n){t&&t.l(n)}function at(t,n,e){const{fragment:r,after_update:i}=t.$$;r&&r.m(n,e),S(()=>{const o=t.$$.on_mount.map(O).filter(P);t.$$.on_destroy?t.$$.on_destroy.push(...o):$(o),t.$$.on_mount=[]}),i.forEach(S)}function ft(t,n){const e=t.$$;e.fragment!==null&&(ot(e.after_update),$(e.on_destroy),e.fragment&&e.fragment.d(n),e.on_destroy=e.fragment=null,e.ctx=[])}function _t(t,n){t.$$.dirty[0]===-1&&(m.push(t),z(),t.$$.dirty.fill(0)),t.$$.dirty[n/31|0]|=1<<n%31}function tn(t,n,e,r,i,o,c=null,l=[-1]){const u=g;y(t);const s=t.$$={fragment:null,ctx:[],props:o,update:w,not_equal:i,bound:T(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(n.context||(u?u.$$.context:[])),callbacks:T(),dirty:l,skip_bound:!1,root:n.target||u.$$.root};c&&c(s.root);let f=!1;if(s.ctx=e?e(t,n.props||{},(a,x,...k)=>{const D=k.length?k[0]:x;return s.ctx&&i(s.ctx[a],s.ctx[a]=D)&&(!s.skip_bound&&s.bound[a]&&s.bound[a](D),f&&_t(t,a)),x}):[],s.update(),f=!0,$(s.before_update),s.fragment=r?r(s.ctx):!1,n.target){if(n.hydrate){K();const a=rt(n.target);s.fragment&&s.fragment.l(a),a.forEach(Z)}else s.fragment&&s.fragment.c();n.intro&&lt(t.$$.fragment),at(t,n.target,n.anchor),Q(),F()}y(u)}class nn{constructor(){N(this,"$$");N(this,"$$set")}$destroy(){ft(this,1),this.$destroy=w}$on(n,e){if(!P(e))return w;const r=this.$$.callbacks[n]||(this.$$.callbacks[n]=[]);return r.push(e),()=>{const i=r.indexOf(e);i!==-1&&r.splice(i,1)}}$set(n){this.$$set&&!G(n)&&(this.$$.skip_bound=!0,this.$$set(n),this.$$.skip_bound=!1)}}export{Wt as $,xt as A,gt as B,Qt as C,Vt as D,At as E,zt as F,Kt as G,Bt as H,ft as I,Yt as J,at as K,Zt as L,Pt as M,H as N,W as O,Et as P,St as Q,Tt as R,nn as S,nt as T,vt as U,bt as V,Ot as W,kt as X,Lt as Y,It as Z,Gt as _,Mt as a,Jt as a0,Ft as a1,Rt as a2,wt as b,Y as c,Z as d,Dt as e,rt as f,ct as g,Ht as h,tn as i,tt as j,Nt as k,pt as l,mt as m,w as n,et as o,qt as p,jt as q,Ut as r,ht as s,j as t,Ct as u,yt as v,$ as w,Xt as x,lt as y,$t as z};

hfstudio/static/_app/immutable/chunks/BHHrQo_1.js

@@ -0,0 +1 @@
+import{s as e}from"./Dh5qNFGZ.js";const r=()=>{const s=e;return{page:{subscribe:s.page.subscribe},navigating:{subscribe:s.navigating.subscribe},updated:s.updated}},b={subscribe(s){return r().page.subscribe(s)}};export{b as p};

hfstudio/static/_app/immutable/chunks/Dh5qNFGZ.js

@@ -0,0 +1,3 @@
+var kt=Object.defineProperty;var Et=(e,t,n)=>t in e?kt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var R=(e,t,n)=>Et(e,typeof t!="symbol"?t+"":t,n);import{S as At,F as Rt,Y as Tt,Z as Ut,_ as It,$ as Lt,a0 as $t,a1 as xt,r as ve,a2 as Ct,G as be,n as ge,s as Pt}from"./9DiovRey.js";class Qe extends At{constructor(n){if(!n||!n.target&&!n.$$inline)throw new Error("'target' is a required option");super();R(this,"$$prop_def");R(this,"$$events_def");R(this,"$$slot_def")}$destroy(){super.$destroy(),this.$destroy=()=>{console.warn("Component was already destroyed")}}$capture_state(){}$inject_state(){}}class Ot extends Qe{}const Nt=Object.freeze(Object.defineProperty({__proto__:null,SvelteComponent:Qe,SvelteComponentTyped:Ot,afterUpdate:Rt,beforeUpdate:Tt,createEventDispatcher:Ut,getAllContexts:It,getContext:Lt,hasContext:$t,onDestroy:xt,onMount:ve,setContext:Ct,tick:be},Symbol.toStringTag,{value:"Module"}));class ce{constructor(t,n){this.status=t,typeof n=="string"?this.body={message:n}:n?this.body=n:this.body={message:`Error: ${t}`}}toString(){return JSON.stringify(this.body)}}class Re{constructor(t,n){this.status=t,this.location=n}}class Te extends Error{constructor(t,n,r){super(r),this.status=t,this.text=n}}new URL("sveltekit-internal://");function jt(e,t){return e==="/"||t==="ignore"?e:t==="never"?e.endsWith("/")?e.slice(0,-1):e:t==="always"&&!e.endsWith("/")?e+"/":e}function Dt(e){return e.split("%25").map(decodeURI).join("%25")}function qt(e){for(const t in e)e[t]=decodeURIComponent(e[t]);return e}function me({href:e}){return e.split("#")[0]}function Ft(e,t,n,r=!1){const a=new URL(e);Object.defineProperty(a,"searchParams",{value:new Proxy(a.searchParams,{get(i,o){if(o==="get"||o==="getAll"||o==="has")return l=>(n(l),i[o](l));t();const c=Reflect.get(i,o);return typeof c=="function"?c.bind(i):c}}),enumerable:!0,configurable:!0});const s=["href","pathname","search","toString","toJSON"];r&&s.push("hash");for(const i of s)Object.defineProperty(a,i,{get(){return t(),e[i]},enumerable:!0,configurable:!0});return a}function Bt(...e){let t=5381;for(const n of e)if(typeof n=="string"){let r=n.length;for(;r;)t=t*33^n.charCodeAt(--r)}else if(ArrayBuffer.isView(n)){const r=new Uint8Array(n.buffer,n.byteOffset,n.byteLength);let a=r.length;for(;a;)t=t*33^r[--a]}else throw new TypeError("value must be a string or TypedArray");return(t>>>0).toString(36)}new TextEncoder;const Mt=new TextDecoder;function Vt(e){const t=atob(e),n=new Uint8Array(t.length);for(let r=0;r<t.length;r++)n[r]=t.charCodeAt(r);return n}const Gt=window.fetch;window.fetch=(e,t)=>((e instanceof Request?e.method:(t==null?void 0:t.method)||"GET")!=="GET"&&Y.delete(Ue(e)),Gt(e,t));const Y=new Map;function Yt(e,t){const n=Ue(e,t),r=document.querySelector(n);if(r!=null&&r.textContent){r.remove();let{body:a,...s}=JSON.parse(r.textContent);const i=r.getAttribute("data-ttl");return i&&Y.set(n,{body:a,init:s,ttl:1e3*Number(i)}),r.getAttribute("data-b64")!==null&&(a=Vt(a)),Promise.resolve(new Response(a,s))}return window.fetch(e,t)}function Ht(e,t,n){if(Y.size>0){const r=Ue(e,n),a=Y.get(r);if(a){if(performance.now()<a.ttl&&["default","force-cache","only-if-cached",void 0].includes(n==null?void 0:n.cache))return new Response(a.body,a.init);Y.delete(r)}}return window.fetch(t,n)}function Ue(e,t){let r=`script[data-sveltekit-fetched][data-url=${JSON.stringify(e instanceof Request?e.url:e)}]`;if(t!=null&&t.headers||t!=null&&t.body){const a=[];t.headers&&a.push([...new Headers(t.headers)].join(",")),t.body&&(typeof t.body=="string"||ArrayBuffer.isView(t.body))&&a.push(t.body),r+=`[data-hash="${Bt(...a)}"]`}return r}const Kt=/^(\[)?(\.\.\.)?(\w+)(?:=(\w+))?(\])?$/;function zt(e){const t=[];return{pattern:e==="/"?/^\/$/:new RegExp(`^${Jt(e).map(r=>{const a=/^\[\.\.\.(\w+)(?:=(\w+))?\]$/.exec(r);if(a)return t.push({name:a[1],matcher:a[2],optional:!1,rest:!0,chained:!0}),"(?:/([^]*))?";const s=/^\[\[(\w+)(?:=(\w+))?\]\]$/.exec(r);if(s)return t.push({name:s[1],matcher:s[2],optional:!0,rest:!1,chained:!0}),"(?:/([^/]+))?";if(!r)return;const i=r.split(/\[(.+?)\](?!\])/);return"/"+i.map((c,l)=>{if(l%2){if(c.startsWith("x+"))return _e(String.fromCharCode(parseInt(c.slice(2),16)));if(c.startsWith("u+"))return _e(String.fromCharCode(...c.slice(2).split("-").map(u=>parseInt(u,16))));const d=Kt.exec(c),[,h,y,f,p]=d;return t.push({name:f,matcher:p,optional:!!h,rest:!!y,chained:y?l===1&&i[0]==="":!1}),y?"([^]*?)":h?"([^/]*)?":"([^/]+?)"}return _e(c)}).join("")}).join("")}/?$`),params:t}}function Wt(e){return e!==""&&!/^\([^)]+\)$/.test(e)}function Jt(e){return e.slice(1).split("/").filter(Wt)}function Xt(e,t,n){const r={},a=e.slice(1),s=a.filter(o=>o!==void 0);let i=0;for(let o=0;o<t.length;o+=1){const c=t[o];let l=a[o-i];if(c.chained&&c.rest&&i&&(l=a.slice(o-i,o+1).filter(d=>d).join("/"),i=0),l===void 0){c.rest&&(r[c.name]="");continue}if(!c.matcher||n[c.matcher](l)){r[c.name]=l;const d=t[o+1],h=a[o+1];d&&!d.rest&&d.optional&&h&&c.chained&&(i=0),!d&&!h&&Object.keys(r).length===s.length&&(i=0);continue}if(c.optional&&c.chained){i++;continue}return}if(!i)return r}function _e(e){return e.normalize().replace(/[[\]]/g,"\\$&").replace(/%/g,"%25").replace(/\//g,"%2[Ff]").replace(/\?/g,"%3[Ff]").replace(/#/g,"%23").replace(/[.*+?^${}()|\\]/g,"\\$&")}function Zt({nodes:e,server_loads:t,dictionary:n,matchers:r}){const a=new Set(t);return Object.entries(n).map(([o,[c,l,d]])=>{const{pattern:h,params:y}=zt(o),f={id:o,exec:p=>{const u=h.exec(p);if(u)return Xt(u,y,r)},errors:[1,...d||[]].map(p=>e[p]),layouts:[0,...l||[]].map(i),leaf:s(c)};return f.errors.length=f.layouts.length=Math.max(f.errors.length,f.layouts.length),f});function s(o){const c=o<0;return c&&(o=~o),[c,e[o]]}function i(o){return o===void 0?o:[a.has(o),e[o]]}}function et(e,t=JSON.parse){try{return t(sessionStorage[e])}catch{}}function Be(e,t,n=JSON.stringify){const r=n(t);try{sessionStorage[e]=r}catch{}}const D=[];function Ie(e,t=ge){let n;const r=new Set;function a(o){if(Pt(e,o)&&(e=o,n)){const c=!D.length;for(const l of r)l[1](),D.push(l,e);if(c){for(let l=0;l<D.length;l+=2)D[l][0](D[l+1]);D.length=0}}}function s(o){a(o(e))}function i(o,c=ge){const l=[o,c];return r.add(l),r.size===1&&(n=t(a,s)||ge),o(e),()=>{r.delete(l),r.size===0&&n&&(n(),n=null)}}return{set:a,update:s,subscribe:i}}var Xe;const $=((Xe=globalThis.__sveltekit_pr8qbd)==null?void 0:Xe.base)??"";var Ze;const Qt=((Ze=globalThis.__sveltekit_pr8qbd)==null?void 0:Ze.assets)??$??"",en="1760660574318",tt="sveltekit:snapshot",nt="sveltekit:scroll",at="sveltekit:states",tn="sveltekit:pageurl",F="sveltekit:history",z="sveltekit:navigation",O={tap:1,hover:2,viewport:3,eager:4,off:-1,false:-1},Z=location.origin;function Le(e){if(e instanceof URL)return e;let t=document.baseURI;if(!t){const n=document.getElementsByTagName("base");t=n.length?n[0].href:document.URL}return new URL(e,t)}function le(){return{x:pageXOffset,y:pageYOffset}}function q(e,t){return e.getAttribute(`data-sveltekit-${t}`)}const Me={...O,"":O.hover};function rt(e){let t=e.assignedSlot??e.parentNode;return(t==null?void 0:t.nodeType)===11&&(t=t.host),t}function ot(e,t){for(;e&&e!==t;){if(e.nodeName.toUpperCase()==="A"&&e.hasAttribute("href"))return e;e=rt(e)}}function Se(e,t,n){let r;try{if(r=new URL(e instanceof SVGAElement?e.href.baseVal:e.href,document.baseURI),n&&r.hash.match(/^#[^/]/)){const o=location.hash.split("#")[1]||"/";r.hash=`#${o}${r.hash}`}}catch{}const a=e instanceof SVGAElement?e.target.baseVal:e.target,s=!r||!!a||fe(r,t,n)||(e.getAttribute("rel")||"").split(/\s+/).includes("external"),i=(r==null?void 0:r.origin)===Z&&e.hasAttribute("download");return{url:r,external:s,target:a,download:i}}function ee(e){let t=null,n=null,r=null,a=null,s=null,i=null,o=e;for(;o&&o!==document.documentElement;)r===null&&(r=q(o,"preload-code")),a===null&&(a=q(o,"preload-data")),t===null&&(t=q(o,"keepfocus")),n===null&&(n=q(o,"noscroll")),s===null&&(s=q(o,"reload")),i===null&&(i=q(o,"replacestate")),o=rt(o);function c(l){switch(l){case"":case"true":return!0;case"off":case"false":return!1;default:return}}return{preload_code:Me[r??"off"],preload_data:Me[a??"off"],keepfocus:c(t),noscroll:c(n),reload:c(s),replace_state:c(i)}}function Ve(e){const t=Ie(e);let n=!0;function r(){n=!0,t.update(i=>i)}function a(i){n=!1,t.set(i)}function s(i){let o;return t.subscribe(c=>{(o===void 0||n&&c!==o)&&i(o=c)})}return{notify:r,set:a,subscribe:s}}const st={v:()=>{}};function nn(){const{set:e,subscribe:t}=Ie(!1);let n;async function r(){clearTimeout(n);try{const a=await fetch(`${Qt}/_app/version.json`,{headers:{pragma:"no-cache","cache-control":"no-cache"}});if(!a.ok)return!1;const i=(await a.json()).version!==en;return i&&(e(!0),st.v(),clearTimeout(n)),i}catch{return!1}}return{subscribe:t,check:r}}function fe(e,t,n){return e.origin!==Z||!e.pathname.startsWith(t)?!0:n?!(e.pathname===t+"/"||e.pathname===t+"/index.html"||e.protocol==="file:"&&e.pathname.replace(/\/[^/]+\.html?$/,"")===t):!1}function Vn(e){}function an(e){const t=on(e),n=new ArrayBuffer(t.length),r=new DataView(n);for(let a=0;a<n.byteLength;a++)r.setUint8(a,t.charCodeAt(a));return n}const rn="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";function on(e){e.length%4===0&&(e=e.replace(/==?$/,""));let t="",n=0,r=0;for(let a=0;a<e.length;a++)n<<=6,n|=rn.indexOf(e[a]),r+=6,r===24&&(t+=String.fromCharCode((n&16711680)>>16),t+=String.fromCharCode((n&65280)>>8),t+=String.fromCharCode(n&255),n=r=0);return r===12?(n>>=4,t+=String.fromCharCode(n)):r===18&&(n>>=2,t+=String.fromCharCode((n&65280)>>8),t+=String.fromCharCode(n&255)),t}const sn=-1,cn=-2,ln=-3,fn=-4,un=-5,dn=-6;function hn(e,t){if(typeof e=="number")return a(e,!0);if(!Array.isArray(e)||e.length===0)throw new Error("Invalid input");const n=e,r=Array(n.length);function a(s,i=!1){if(s===sn)return;if(s===ln)return NaN;if(s===fn)return 1/0;if(s===un)return-1/0;if(s===dn)return-0;if(i||typeof s!="number")throw new Error("Invalid input");if(s in r)return r[s];const o=n[s];if(!o||typeof o!="object")r[s]=o;else if(Array.isArray(o))if(typeof o[0]=="string"){const c=o[0],l=t==null?void 0:t[c];if(l)return r[s]=l(a(o[1]));switch(c){case"Date":r[s]=new Date(o[1]);break;case"Set":const d=new Set;r[s]=d;for(let f=1;f<o.length;f+=1)d.add(a(o[f]));break;case"Map":const h=new Map;r[s]=h;for(let f=1;f<o.length;f+=2)h.set(a(o[f]),a(o[f+1]));break;case"RegExp":r[s]=new RegExp(o[1],o[2]);break;case"Object":r[s]=Object(o[1]);break;case"BigInt":r[s]=BigInt(o[1]);break;case"null":const y=Object.create(null);r[s]=y;for(let f=1;f<o.length;f+=2)y[o[f]]=a(o[f+1]);break;case"Int8Array":case"Uint8Array":case"Uint8ClampedArray":case"Int16Array":case"Uint16Array":case"Int32Array":case"Uint32Array":case"Float32Array":case"Float64Array":case"BigInt64Array":case"BigUint64Array":{const f=globalThis[c],p=new f(a(o[1]));r[s]=o[2]!==void 0?p.subarray(o[2],o[3]):p;break}case"ArrayBuffer":{const f=o[1],p=an(f);r[s]=p;break}case"Temporal.Duration":case"Temporal.Instant":case"Temporal.PlainDate":case"Temporal.PlainTime":case"Temporal.PlainDateTime":case"Temporal.PlainMonthDay":case"Temporal.PlainYearMonth":case"Temporal.ZonedDateTime":{const f=c.slice(9);r[s]=Temporal[f].from(o[1]);break}case"URL":{const f=new URL(o[1]);r[s]=f;break}case"URLSearchParams":{const f=new URLSearchParams(o[1]);r[s]=f;break}default:throw new Error(`Unknown type ${c}`)}}else{const c=new Array(o.length);r[s]=c;for(let l=0;l<o.length;l+=1){const d=o[l];d!==cn&&(c[l]=a(d))}}else{const c={};r[s]=c;for(const l in o){if(l==="__proto__")throw new Error("Cannot parse an object with a `__proto__` property");const d=o[l];c[l]=a(d)}}return r[s]}return a(0)}const it=new Set(["load","prerender","csr","ssr","trailingSlash","config"]);[...it];const pn=new Set([...it]);[...pn];function gn(e){return e.filter(t=>t!=null)}const mn="x-sveltekit-invalidated",_n="x-sveltekit-trailing-slash";function te(e){return e instanceof ce||e instanceof Te?e.status:500}function wn(e){return e instanceof Te?e.text:"Internal Error"}let T,W,we;const yn=ve.toString().includes("$$")||/function \w+\(\) \{\}/.test(ve.toString());yn?(T={data:{},form:null,error:null,params:{},route:{id:null},state:{},status:-1,url:new URL("https://example.com")},W={current:null},we={current:!1}):(T=new class{constructor(){R(this,"data",$state.raw({}));R(this,"form",$state.raw(null));R(this,"error",$state.raw(null));R(this,"params",$state.raw({}));R(this,"route",$state.raw({id:null}));R(this,"state",$state.raw({}));R(this,"status",$state.raw(-1));R(this,"url",$state.raw(new URL("https://example.com")))}},W=new class{constructor(){R(this,"current",$state.raw(null))}},we=new class{constructor(){R(this,"current",$state.raw(!1))}},st.v=()=>we.current=!0);function vn(e){Object.assign(T,e)}const bn="/__data.json",Sn=".html__data.json";function kn(e){return e.endsWith(".html")?e.replace(/\.html$/,Sn):e.replace(/\/$/,"")+bn}const Ge={spanContext(){return En},setAttribute(){return this},setAttributes(){return this},addEvent(){return this},setStatus(){return this},updateName(){return this},end(){return this},isRecording(){return!1},recordException(){return this},addLink(){return this},addLinks(){return this}},En={traceId:"",spanId:"",traceFlags:0},{tick:An}=Nt,Rn=new Set(["icon","shortcut icon","apple-touch-icon"]),j=et(nt)??{},J=et(tt)??{},C={url:Ve({}),page:Ve({}),navigating:Ie(null),updated:nn()};function $e(e){j[e]=le()}function Tn(e,t){let n=e+1;for(;j[n];)delete j[n],n+=1;for(n=t+1;J[n];)delete J[n],n+=1}function V(e,t=!1){return t?location.replace(e.href):location.href=e.href,new Promise(()=>{})}async function ct(){if("serviceWorker"in navigator){const e=await navigator.serviceWorker.getRegistration($||"/");e&&await e.update()}}function Ye(){}let xe,ke,ne,x,Ee,k;const ae=[],re=[];let I=null;const Q=new Map,lt=new Set,Un=new Set,H=new Set;let b={branch:[],error:null,url:null},Ce=!1,oe=!1,He=!0,X=!1,G=!1,ft=!1,Pe=!1,ut,A,L,N;const K=new Set,Ke=new Map;async function Kn(e,t,n){var s,i,o,c,l;(s=globalThis.__sveltekit_pr8qbd)!=null&&s.data&&globalThis.__sveltekit_pr8qbd.data,document.URL!==location.href&&(location.href=location.href),k=e,await((o=(i=e.hooks).init)==null?void 0:o.call(i)),xe=Zt(e),x=document.documentElement,Ee=t,ke=e.nodes[0],ne=e.nodes[1],ke(),ne(),A=(c=history.state)==null?void 0:c[F],L=(l=history.state)==null?void 0:l[z],A||(A=L=Date.now(),history.replaceState({...history.state,[F]:A,[z]:L},""));const r=j[A];function a(){r&&(history.scrollRestoration="manual",scrollTo(r.x,r.y))}n?(a(),await Dn(Ee,n)):(await B({type:"enter",url:Le(k.hash?Fn(new URL(location.href)):location.href),replace_state:!0}),a()),jn()}function In(){ae.length=0,Pe=!1}function dt(e){re.some(t=>t==null?void 0:t.snapshot)&&(J[e]=re.map(t=>{var n;return(n=t==null?void 0:t.snapshot)==null?void 0:n.capture()}))}function ht(e){var t;(t=J[e])==null||t.forEach((n,r)=>{var a,s;(s=(a=re[r])==null?void 0:a.snapshot)==null||s.restore(n)})}function ze(){$e(A),Be(nt,j),dt(L),Be(tt,J)}async function pt(e,t,n,r){let a;t.invalidateAll&&(I=null),await B({type:"goto",url:Le(e),keepfocus:t.keepFocus,noscroll:t.noScroll,replace_state:t.replaceState,state:t.state,redirect_count:n,nav_token:r,accept:()=>{t.invalidateAll&&(Pe=!0,a=[...Ke.keys()]),t.invalidate&&t.invalidate.forEach(Nn)}}),t.invalidateAll&&be().then(be).then(()=>{Ke.forEach(({resource:s},i)=>{var o;a!=null&&a.includes(i)&&((o=s.refresh)==null||o.call(s))})})}async function Ln(e){if(e.id!==(I==null?void 0:I.id)){const t={};K.add(t),I={id:e.id,token:t,promise:_t({...e,preload:t}).then(n=>(K.delete(t),n.type==="loaded"&&n.state.error&&(I=null),n))}}return I.promise}async function ye(e){var n;const t=(n=await de(e,!1))==null?void 0:n.route;t&&await Promise.all([...t.layouts,t.leaf].map(r=>r==null?void 0:r[1]()))}function gt(e,t,n){var a;b=e.state;const r=document.querySelector("style[data-sveltekit]");if(r&&r.remove(),Object.assign(T,e.props.page),ut=new k.root({target:t,props:{...e.props,stores:C,components:re},hydrate:n,sync:!1}),ht(L),n){const s={from:null,to:{params:b.params,route:{id:((a=b.route)==null?void 0:a.id)??null},url:new URL(location.href)},willUnload:!1,type:"enter",complete:Promise.resolve()};H.forEach(i=>i(s))}oe=!0}function se({url:e,params:t,branch:n,status:r,error:a,route:s,form:i}){let o="never";if($&&(e.pathname===$||e.pathname===$+"/"))o="always";else for(const f of n)(f==null?void 0:f.slash)!==void 0&&(o=f.slash);e.pathname=jt(e.pathname,o),e.search=e.search;const c={type:"loaded",state:{url:e,params:t,branch:n,error:a,route:s},props:{constructors:gn(n).map(f=>f.node.component),page:De(T)}};i!==void 0&&(c.props.form=i);let l={},d=!T,h=0;for(let f=0;f<Math.max(n.length,b.branch.length);f+=1){const p=n[f],u=b.branch[f];(p==null?void 0:p.data)!==(u==null?void 0:u.data)&&(d=!0),p&&(l={...l,...p.data},d&&(c.props[`data_${h}`]=l),h+=1)}return(!b.url||e.href!==b.url.href||b.error!==a||i!==void 0&&i!==T.form||d)&&(c.props.page={error:a,params:t,route:{id:(s==null?void 0:s.id)??null},state:{},status:r,url:new URL(e),form:i??null,data:d?l:T.data}),c}async function Oe({loader:e,parent:t,url:n,params:r,route:a,server_data_node:s}){var d,h,y;let i=null,o=!0;const c={dependencies:new Set,params:new Set,parent:!1,route:!1,url:!1,search_params:new Set},l=await e();if((d=l.universal)!=null&&d.load){let f=function(...u){for(const g of u){const{href:_}=new URL(g,n);c.dependencies.add(_)}};const p={tracing:{enabled:!1,root:Ge,current:Ge},route:new Proxy(a,{get:(u,g)=>(o&&(c.route=!0),u[g])}),params:new Proxy(r,{get:(u,g)=>(o&&c.params.add(g),u[g])}),data:(s==null?void 0:s.data)??null,url:Ft(n,()=>{o&&(c.url=!0)},u=>{o&&c.search_params.add(u)},k.hash),async fetch(u,g){u instanceof Request&&(g={body:u.method==="GET"||u.method==="HEAD"?void 0:await u.blob(),cache:u.cache,credentials:u.credentials,headers:[...u.headers].length>0?u==null?void 0:u.headers:void 0,integrity:u.integrity,keepalive:u.keepalive,method:u.method,mode:u.mode,redirect:u.redirect,referrer:u.referrer,referrerPolicy:u.referrerPolicy,signal:u.signal,...g});const{resolved:_,promise:U}=mt(u,g,n);return o&&f(_.href),U},setHeaders:()=>{},depends:f,parent(){return o&&(c.parent=!0),t()},untrack(u){o=!1;try{return u()}finally{o=!0}}};i=await l.universal.load.call(null,p)??null}return{node:l,loader:e,server:s,universal:(h=l.universal)!=null&&h.load?{type:"data",data:i,uses:c}:null,data:i??(s==null?void 0:s.data)??null,slash:((y=l.universal)==null?void 0:y.trailingSlash)??(s==null?void 0:s.slash)}}function mt(e,t,n){let r=e instanceof Request?e.url:e;const a=new URL(r,n);a.origin===n.origin&&(r=a.href.slice(n.origin.length));const s=oe?Ht(r,a.href,t):Yt(r,t);return{resolved:a,promise:s}}function We(e,t,n,r,a,s){if(Pe)return!0;if(!a)return!1;if(a.parent&&e||a.route&&t||a.url&&n)return!0;for(const i of a.search_params)if(r.has(i))return!0;for(const i of a.params)if(s[i]!==b.params[i])return!0;for(const i of a.dependencies)if(ae.some(o=>o(new URL(i))))return!0;return!1}function Ne(e,t){return(e==null?void 0:e.type)==="data"?e:(e==null?void 0:e.type)==="skip"?t??null:null}function $n(e,t){if(!e)return new Set(t.searchParams.keys());const n=new Set([...e.searchParams.keys(),...t.searchParams.keys()]);for(const r of n){const a=e.searchParams.getAll(r),s=t.searchParams.getAll(r);a.every(i=>s.includes(i))&&s.every(i=>a.includes(i))&&n.delete(r)}return n}function Je({error:e,url:t,route:n,params:r}){return{type:"loaded",state:{error:e,url:t,route:n,params:r,branch:[]},props:{page:De(T),constructors:[]}}}async function _t({id:e,invalidating:t,url:n,params:r,route:a,preload:s}){if((I==null?void 0:I.id)===e)return K.delete(I.token),I.promise;const{errors:i,layouts:o,leaf:c}=a,l=[...o,c];i.forEach(w=>w==null?void 0:w().catch(()=>{})),l.forEach(w=>w==null?void 0:w[1]().catch(()=>{}));let d=null;const h=b.url?e!==ie(b.url):!1,y=b.route?a.id!==b.route.id:!1,f=$n(b.url,n);let p=!1;const u=l.map((w,m)=>{var P;const v=b.branch[m],S=!!(w!=null&&w[0])&&((v==null?void 0:v.loader)!==w[1]||We(p,y,h,f,(P=v.server)==null?void 0:P.uses,r));return S&&(p=!0),S});if(u.some(Boolean)){try{d=await vt(n,u)}catch(w){const m=await M(w,{url:n,params:r,route:{id:e}});return K.has(s)?Je({error:m,url:n,params:r,route:a}):ue({status:te(w),error:m,url:n,route:a})}if(d.type==="redirect")return d}const g=d==null?void 0:d.nodes;let _=!1;const U=l.map(async(w,m)=>{var he;if(!w)return;const v=b.branch[m],S=g==null?void 0:g[m];if((!S||S.type==="skip")&&w[1]===(v==null?void 0:v.loader)&&!We(_,y,h,f,(he=v.universal)==null?void 0:he.uses,r))return v;if(_=!0,(S==null?void 0:S.type)==="error")throw S;return Oe({loader:w[1],url:n,params:r,route:a,parent:async()=>{var Fe;const qe={};for(let pe=0;pe<m;pe+=1)Object.assign(qe,(Fe=await U[pe])==null?void 0:Fe.data);return qe},server_data_node:Ne(S===void 0&&w[0]?{type:"skip"}:S??null,w[0]?v==null?void 0:v.server:void 0)})});for(const w of U)w.catch(()=>{});const E=[];for(let w=0;w<l.length;w+=1)if(l[w])try{E.push(await U[w])}catch(m){if(m instanceof Re)return{type:"redirect",location:m.location};if(K.has(s))return Je({error:await M(m,{params:r,url:n,route:{id:a.id}}),url:n,params:r,route:a});let v=te(m),S;if(g!=null&&g.includes(m))v=m.status??v,S=m.error;else if(m instanceof ce)S=m.body;else{if(await C.updated.check())return await ct(),await V(n);S=await M(m,{params:r,url:n,route:{id:a.id}})}const P=await xn(w,E,i);return P?se({url:n,params:r,branch:E.slice(0,P.idx).concat(P.node),status:v,error:S,route:a}):await yt(n,{id:a.id},S,v)}else E.push(void 0);return se({url:n,params:r,branch:E,status:200,error:null,route:a,form:t?void 0:null})}async function xn(e,t,n){for(;e--;)if(n[e]){let r=e;for(;!t[r];)r-=1;try{return{idx:r+1,node:{node:await n[e](),loader:n[e],data:{},server:null,universal:null}}}catch{continue}}}async function ue({status:e,error:t,url:n,route:r}){const a={};let s=null;if(k.server_loads[0]===0)try{const o=await vt(n,[!0]);if(o.type!=="data"||o.nodes[0]&&o.nodes[0].type!=="data")throw 0;s=o.nodes[0]??null}catch{(n.origin!==Z||n.pathname!==location.pathname||Ce)&&await V(n)}try{const o=await Oe({loader:ke,url:n,params:a,route:r,parent:()=>Promise.resolve({}),server_data_node:Ne(s)}),c={node:await ne(),loader:ne,universal:null,server:null,data:null};return se({url:n,params:a,branch:[o,c],status:e,error:t,route:null})}catch(o){if(o instanceof Re)return pt(new URL(o.location,location.href),{},0);throw o}}async function Cn(e){const t=e.href;if(Q.has(t))return Q.get(t);let n;try{const r=(async()=>{let a=await k.hooks.reroute({url:new URL(e),fetch:async(s,i)=>mt(s,i,e).promise})??e;if(typeof a=="string"){const s=new URL(e);k.hash?s.hash=a:s.pathname=a,a=s}return a})();Q.set(t,r),n=await r}catch{Q.delete(t);return}return n}async function de(e,t){if(e&&!fe(e,$,k.hash)){const n=await Cn(e);if(!n)return;const r=Pn(n);for(const a of xe){const s=a.exec(r);if(s)return{id:ie(e),invalidating:t,route:a,params:qt(s),url:e}}}}function Pn(e){return Dt(k.hash?e.hash.replace(/^#/,"").replace(/[?#].+/,""):e.pathname.slice($.length))||"/"}function ie(e){return(k.hash?e.hash.replace(/^#/,""):e.pathname)+e.search}function wt({url:e,type:t,intent:n,delta:r,event:a}){let s=!1;const i=je(b,n,e,t);r!==void 0&&(i.navigation.delta=r),a!==void 0&&(i.navigation.event=a);const o={...i.navigation,cancel:()=>{s=!0,i.reject(new Error("navigation cancelled"))}};return X||lt.forEach(c=>c(o)),s?null:i}async function B({type:e,url:t,popped:n,keepfocus:r,noscroll:a,replace_state:s,state:i={},redirect_count:o=0,nav_token:c={},accept:l=Ye,block:d=Ye,event:h}){const y=N;N=c;const f=await de(t,!1),p=e==="enter"?je(b,f,t,e):wt({url:t,type:e,delta:n==null?void 0:n.delta,intent:f,event:h});if(!p){d(),N===c&&(N=y);return}const u=A,g=L;l(),X=!0,oe&&p.navigation.type!=="enter"&&C.navigating.set(W.current=p.navigation);let _=f&&await _t(f);if(!_){if(fe(t,$,k.hash))return await V(t,s);_=await yt(t,{id:null},await M(new Te(404,"Not Found",`Not found: ${t.pathname}`),{url:t,params:{},route:{id:null}}),404,s)}if(t=(f==null?void 0:f.url)||t,N!==c)return p.reject(new Error("navigation aborted")),!1;if(_.type==="redirect"){if(o<20){await B({type:e,url:new URL(_.location,t),popped:n,keepfocus:r,noscroll:a,replace_state:s,state:i,redirect_count:o+1,nav_token:c}),p.fulfil(void 0);return}_=await ue({status:500,error:await M(new Error("Redirect loop"),{url:t,params:{},route:{id:null}}),url:t,route:{id:null}})}else _.props.page.status>=400&&await C.updated.check()&&(await ct(),await V(t,s));if(In(),$e(u),dt(g),_.props.page.url.pathname!==t.pathname&&(t.pathname=_.props.page.url.pathname),i=n?n.state:i,!n){const m=s?0:1,v={[F]:A+=m,[z]:L+=m,[at]:i};(s?history.replaceState:history.pushState).call(history,v,"",t),s||Tn(A,L)}if(I=null,_.props.page.state=i,oe){const m=(await Promise.all(Array.from(Un,v=>v(p.navigation)))).filter(v=>typeof v=="function");if(m.length>0){let v=function(){m.forEach(S=>{H.delete(S)})};m.push(v),m.forEach(S=>{H.add(S)})}b=_.state,_.props.page&&(_.props.page.url=t),ut.$set(_.props),vn(_.props.page),ft=!0}else gt(_,Ee,!1);const{activeElement:U}=document;await An();let E=n?n.scroll:a?le():null;if(He){const m=t.hash&&document.getElementById(St(t));if(E)scrollTo(E.x,E.y);else if(m){m.scrollIntoView();const{top:v,left:S}=m.getBoundingClientRect();E={x:pageXOffset+S,y:pageYOffset+v}}else scrollTo(0,0)}const w=document.activeElement!==U&&document.activeElement!==document.body;!r&&!w&&qn(t,E),He=!0,_.props.page&&Object.assign(T,_.props.page),X=!1,e==="popstate"&&ht(L),p.fulfil(void 0),H.forEach(m=>m(p.navigation)),C.navigating.set(W.current=null)}async function yt(e,t,n,r,a){return e.origin===Z&&e.pathname===location.pathname&&!Ce?await ue({status:r,error:n,url:e,route:t}):await V(e,a)}function On(){let e,t,n;x.addEventListener("mousemove",o=>{const c=o.target;clearTimeout(e),e=setTimeout(()=>{s(c,O.hover)},20)});function r(o){o.defaultPrevented||s(o.composedPath()[0],O.tap)}x.addEventListener("mousedown",r),x.addEventListener("touchstart",r,{passive:!0});const a=new IntersectionObserver(o=>{for(const c of o)c.isIntersecting&&(ye(new URL(c.target.href)),a.unobserve(c.target))},{threshold:0});async function s(o,c){const l=ot(o,x),d=l===t&&c>=n;if(!l||d)return;const{url:h,external:y,download:f}=Se(l,$,k.hash);if(y||f)return;const p=ee(l),u=h&&ie(b.url)===ie(h);if(!(p.reload||u))if(c<=p.preload_data){t=l,n=O.tap;const g=await de(h,!1);if(!g)return;Ln(g)}else c<=p.preload_code&&(t=l,n=c,ye(h))}function i(){a.disconnect();for(const o of x.querySelectorAll("a")){const{url:c,external:l,download:d}=Se(o,$,k.hash);if(l||d)continue;const h=ee(o);h.reload||(h.preload_code===O.viewport&&a.observe(o),h.preload_code===O.eager&&ye(c))}}H.add(i),i()}function M(e,t){if(e instanceof ce)return e.body;const n=te(e),r=wn(e);return k.hooks.handleError({error:e,event:t,status:n,message:r})??{message:r}}function zn(e,t={}){return e=new URL(Le(e)),e.origin!==Z?Promise.reject(new Error("goto: invalid URL")):pt(e,t,0)}function Nn(e){if(typeof e=="function")ae.push(e);else{const{href:t}=new URL(e,location.href);ae.push(n=>n.href===t)}}function jn(){var t;history.scrollRestoration="manual",addEventListener("beforeunload",n=>{let r=!1;if(ze(),!X){const a=je(b,void 0,null,"leave"),s={...a.navigation,cancel:()=>{r=!0,a.reject(new Error("navigation cancelled"))}};lt.forEach(i=>i(s))}r?(n.preventDefault(),n.returnValue=""):history.scrollRestoration="auto"}),addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"&&ze()}),(t=navigator.connection)!=null&&t.saveData||On(),x.addEventListener("click",async n=>{if(n.button||n.which!==1||n.metaKey||n.ctrlKey||n.shiftKey||n.altKey||n.defaultPrevented)return;const r=ot(n.composedPath()[0],x);if(!r)return;const{url:a,external:s,target:i,download:o}=Se(r,$,k.hash);if(!a)return;if(i==="_parent"||i==="_top"){if(window.parent!==window)return}else if(i&&i!=="_self")return;const c=ee(r);if(!(r instanceof SVGAElement)&&a.protocol!==location.protocol&&!(a.protocol==="https:"||a.protocol==="http:")||o)return;const[d,h]=(k.hash?a.hash.replace(/^#/,""):a.href).split("#"),y=d===me(location);if(s||c.reload&&(!y||!h)){wt({url:a,type:"link",event:n})?X=!0:n.preventDefault();return}if(h!==void 0&&y){const[,f]=b.url.href.split("#");if(f===h){if(n.preventDefault(),h===""||h==="top"&&r.ownerDocument.getElementById("top")===null)scrollTo({top:0});else{const p=r.ownerDocument.getElementById(decodeURIComponent(h));p&&(p.scrollIntoView(),p.focus())}return}if(G=!0,$e(A),e(a),!c.replace_state)return;G=!1}n.preventDefault(),await new Promise(f=>{requestAnimationFrame(()=>{setTimeout(f,0)}),setTimeout(f,100)}),await B({type:"link",url:a,keepfocus:c.keepfocus,noscroll:c.noscroll,replace_state:c.replace_state??a.href===location.href,event:n})}),x.addEventListener("submit",n=>{if(n.defaultPrevented)return;const r=HTMLFormElement.prototype.cloneNode.call(n.target),a=n.submitter;if(((a==null?void 0:a.formTarget)||r.target)==="_blank"||((a==null?void 0:a.formMethod)||r.method)!=="get")return;const o=new URL((a==null?void 0:a.hasAttribute("formaction"))&&(a==null?void 0:a.formAction)||r.action);if(fe(o,$,!1))return;const c=n.target,l=ee(c);if(l.reload)return;n.preventDefault(),n.stopPropagation();const d=new FormData(c,a);o.search=new URLSearchParams(d).toString(),B({type:"form",url:o,keepfocus:l.keepfocus,noscroll:l.noscroll,replace_state:l.replace_state??o.href===location.href,event:n})}),addEventListener("popstate",async n=>{var r;if(!Ae){if((r=n.state)!=null&&r[F]){const a=n.state[F];if(N={},a===A)return;const s=j[a],i=n.state[at]??{},o=new URL(n.state[tn]??location.href),c=n.state[z],l=b.url?me(location)===me(b.url):!1;if(c===L&&(ft||l)){i!==T.state&&(T.state=i),e(o),j[A]=le(),s&&scrollTo(s.x,s.y),A=a;return}const h=a-A;await B({type:"popstate",url:o,popped:{state:i,scroll:s,delta:h},accept:()=>{A=a,L=c},block:()=>{history.go(-h)},nav_token:N,event:n})}else if(!G){const a=new URL(location.href);e(a),k.hash&&location.reload()}}}),addEventListener("hashchange",()=>{G&&(G=!1,history.replaceState({...history.state,[F]:++A,[z]:L},"",location.href))});for(const n of document.querySelectorAll("link"))Rn.has(n.rel)&&(n.href=n.href);addEventListener("pageshow",n=>{n.persisted&&C.navigating.set(W.current=null)});function e(n){b.url=T.url=n,C.page.set(De(T)),C.page.notify()}}async function Dn(e,{status:t=200,error:n,node_ids:r,params:a,route:s,server_route:i,data:o,form:c}){Ce=!0;const l=new URL(location.href);let d;({params:a={},route:s={id:null}}=await de(l,!1)||{}),d=xe.find(({id:f})=>f===s.id);let h,y=!0;try{const f=r.map(async(u,g)=>{const _=o[g];return _!=null&&_.uses&&(_.uses=bt(_.uses)),Oe({loader:k.nodes[u],url:l,params:a,route:s,parent:async()=>{const U={};for(let E=0;E<g;E+=1)Object.assign(U,(await f[E]).data);return U},server_data_node:Ne(_)})}),p=await Promise.all(f);if(d){const u=d.layouts;for(let g=0;g<u.length;g++)u[g]||p.splice(g,0,void 0)}h=se({url:l,params:a,branch:p,status:t,error:n,form:c,route:d??null})}catch(f){if(f instanceof Re){await V(new URL(f.location,location.href));return}h=await ue({status:te(f),error:await M(f,{url:l,params:a,route:s}),url:l,route:s}),e.textContent="",y=!1}h.props.page&&(h.props.page.state={}),gt(h,e,y)}async function vt(e,t){var s;const n=new URL(e);n.pathname=kn(e.pathname),e.pathname.endsWith("/")&&n.searchParams.append(_n,"1"),n.searchParams.append(mn,t.map(i=>i?"1":"0").join(""));const r=window.fetch,a=await r(n.href,{});if(!a.ok){let i;throw(s=a.headers.get("content-type"))!=null&&s.includes("application/json")?i=await a.json():a.status===404?i="Not Found":a.status===500&&(i="Internal Error"),new ce(a.status,i)}return new Promise(async i=>{var h;const o=new Map,c=a.body.getReader();function l(y){return hn(y,{...k.decoders,Promise:f=>new Promise((p,u)=>{o.set(f,{fulfil:p,reject:u})})})}let d="";for(;;){const{done:y,value:f}=await c.read();if(y&&!d)break;for(d+=!f&&d?`
+`:Mt.decode(f,{stream:!0});;){const p=d.indexOf(`
+`);if(p===-1)break;const u=JSON.parse(d.slice(0,p));if(d=d.slice(p+1),u.type==="redirect")return i(u);if(u.type==="data")(h=u.nodes)==null||h.forEach(g=>{(g==null?void 0:g.type)==="data"&&(g.uses=bt(g.uses),g.data=l(g.data))}),i(u);else if(u.type==="chunk"){const{id:g,data:_,error:U}=u,E=o.get(g);o.delete(g),U?E.reject(l(U)):E.fulfil(l(_))}}}})}function bt(e){return{dependencies:new Set((e==null?void 0:e.dependencies)??[]),params:new Set((e==null?void 0:e.params)??[]),parent:!!(e!=null&&e.parent),route:!!(e!=null&&e.route),url:!!(e!=null&&e.url),search_params:new Set((e==null?void 0:e.search_params)??[])}}let Ae=!1;function qn(e,t=null){const n=document.querySelector("[autofocus]");if(n)n.focus();else{const r=St(e);if(r&&document.getElementById(r)){const{x:s,y:i}=t??le();setTimeout(()=>{const o=history.state;Ae=!0,location.replace(`#${r}`),k.hash&&location.replace(e.hash),history.replaceState(o,"",e.hash),scrollTo(s,i),Ae=!1})}else{const s=document.body,i=s.getAttribute("tabindex");s.tabIndex=-1,s.focus({preventScroll:!0,focusVisible:!1}),i!==null?s.setAttribute("tabindex",i):s.removeAttribute("tabindex")}const a=getSelection();if(a&&a.type!=="None"){const s=[];for(let i=0;i<a.rangeCount;i+=1)s.push(a.getRangeAt(i));setTimeout(()=>{if(a.rangeCount===s.length){for(let i=0;i<a.rangeCount;i+=1){const o=s[i],c=a.getRangeAt(i);if(o.commonAncestorContainer!==c.commonAncestorContainer||o.startContainer!==c.startContainer||o.endContainer!==c.endContainer||o.startOffset!==c.startOffset||o.endOffset!==c.endOffset)return}a.removeAllRanges()}})}}}function je(e,t,n,r){var c,l;let a,s;const i=new Promise((d,h)=>{a=d,s=h});return i.catch(()=>{}),{navigation:{from:{params:e.params,route:{id:((c=e.route)==null?void 0:c.id)??null},url:e.url},to:n&&{params:(t==null?void 0:t.params)??null,route:{id:((l=t==null?void 0:t.route)==null?void 0:l.id)??null},url:n},willUnload:!t,type:r,complete:i},fulfil:a,reject:s}}function De(e){return{data:e.data,error:e.error,form:e.form,params:e.params,route:e.route,state:e.state,status:e.status,url:e.url}}function Fn(e){const t=new URL(e);return t.hash=decodeURIComponent(e.hash),t}function St(e){let t;if(k.hash){const[,,n]=e.hash.split("#",3);t=n??""}else t=e.hash.slice(1);return decodeURIComponent(t)}export{Kn as a,zn as g,Vn as l,C as s};

hfstudio/static/_app/immutable/chunks/IHki7fMi.js

@@ -0,0 +1 @@
+const e="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(e);

hfstudio/static/_app/immutable/entry/app.DrVe4Aen.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../nodes/0.BWfnr5bB.js","../chunks/9DiovRey.js","../chunks/IHki7fMi.js","../assets/0.DkRYx-5s.css","../nodes/1.DRlzjau5.js","../chunks/BHHrQo_1.js","../chunks/Dh5qNFGZ.js","../nodes/2.BSR-L-2e.js","../nodes/3.VqKPhUiT.js"])))=>i.map(i=>d[i]);
+import{S as j,i as q,s as B,d,x as h,y as g,C as O,D as A,b as E,h as U,E as w,k as F,F as G,r as H,G as J,H as y,I as P,J as R,K as L,L as C,o as D,M as p,e as K,f as W,j as z,N as I,a as Q,g as X,t as Y}from"../chunks/9DiovRey.js";import"../chunks/IHki7fMi.js";const Z="modulepreload",M=function(o,e){return new URL(o,e).href},N={},S=function(e,n,i){let r=Promise.resolve();if(n&&n.length>0){const t=document.getElementsByTagName("link"),s=document.querySelector("meta[property=csp-nonce]"),a=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));r=Promise.allSettled(n.map(f=>{if(f=M(f,i),f in N)return;N[f]=!0;const l=f.endsWith(".css"),_=l?'[rel="stylesheet"]':"";if(!!i)for(let k=t.length-1;k>=0;k--){const v=t[k];if(v.href===f&&(!l||v.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${f}"]${_}`))return;const m=document.createElement("link");if(m.rel=l?"stylesheet":Z,l||(m.as="script"),m.crossOrigin="",m.href=f,a&&m.setAttribute("nonce",a),document.head.appendChild(m),l)return new Promise((k,v)=>{m.addEventListener("load",k),m.addEventListener("error",()=>v(new Error(`Unable to preload CSS for ${f}`)))})}))}function u(t){const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=t,window.dispatchEvent(s),!s.defaultPrevented)throw t}return r.then(t=>{for(const s of t||[])s.status==="rejected"&&u(s.reason);return e().catch(u)})},ae={};function $(o){let e,n,i;var r=o[2][0];function u(t,s){return{props:{data:t[4],form:t[3],params:t[1].params}}}return r&&(e=y(r,u(o)),o[12](e)),{c(){e&&R(e.$$.fragment),n=w()},l(t){e&&C(e.$$.fragment,t),n=w()},m(t,s){e&&L(e,t,s),E(t,n,s),i=!0},p(t,s){if(s&4&&r!==(r=t[2][0])){if(e){O();const a=e;h(a.$$.fragment,1,0,()=>{P(a,1)}),A()}r?(e=y(r,u(t)),t[12](e),R(e.$$.fragment),g(e.$$.fragment,1),L(e,n.parentNode,n)):e=null}else if(r){const a={};s&16&&(a.data=t[4]),s&8&&(a.form=t[3]),s&2&&(a.params=t[1].params),e.$set(a)}},i(t){i||(e&&g(e.$$.fragment,t),i=!0)},o(t){e&&h(e.$$.fragment,t),i=!1},d(t){t&&d(n),o[12](null),e&&P(e,t)}}}function x(o){let e,n,i;var r=o[2][0];function u(t,s){return{props:{data:t[4],params:t[1].params,$$slots:{default:[ee]},$$scope:{ctx:t}}}}return r&&(e=y(r,u(o)),o[11](e)),{c(){e&&R(e.$$.fragment),n=w()},l(t){e&&C(e.$$.fragment,t),n=w()},m(t,s){e&&L(e,t,s),E(t,n,s),i=!0},p(t,s){if(s&4&&r!==(r=t[2][0])){if(e){O();const a=e;h(a.$$.fragment,1,0,()=>{P(a,1)}),A()}r?(e=y(r,u(t)),t[11](e),R(e.$$.fragment),g(e.$$.fragment,1),L(e,n.parentNode,n)):e=null}else if(r){const a={};s&16&&(a.data=t[4]),s&2&&(a.params=t[1].params),s&8239&&(a.$$scope={dirty:s,ctx:t}),e.$set(a)}},i(t){i||(e&&g(e.$$.fragment,t),i=!0)},o(t){e&&h(e.$$.fragment,t),i=!1},d(t){t&&d(n),o[11](null),e&&P(e,t)}}}function ee(o){let e,n,i;var r=o[2][1];function u(t,s){return{props:{data:t[5],form:t[3],params:t[1].params}}}return r&&(e=y(r,u(o)),o[10](e)),{c(){e&&R(e.$$.fragment),n=w()},l(t){e&&C(e.$$.fragment,t),n=w()},m(t,s){e&&L(e,t,s),E(t,n,s),i=!0},p(t,s){if(s&4&&r!==(r=t[2][1])){if(e){O();const a=e;h(a.$$.fragment,1,0,()=>{P(a,1)}),A()}r?(e=y(r,u(t)),t[10](e),R(e.$$.fragment),g(e.$$.fragment,1),L(e,n.parentNode,n)):e=null}else if(r){const a={};s&32&&(a.data=t[5]),s&8&&(a.form=t[3]),s&2&&(a.params=t[1].params),e.$set(a)}},i(t){i||(e&&g(e.$$.fragment,t),i=!0)},o(t){e&&h(e.$$.fragment,t),i=!1},d(t){t&&d(n),o[10](null),e&&P(e,t)}}}function T(o){let e,n=o[7]&&V(o);return{c(){e=z("div"),n&&n.c(),this.h()},l(i){e=K(i,"DIV",{id:!0,"aria-live":!0,"aria-atomic":!0,style:!0});var r=W(e);n&&n.l(r),r.forEach(d),this.h()},h(){D(e,"id","svelte-announcer"),D(e,"aria-live","assertive"),D(e,"aria-atomic","true"),p(e,"position","absolute"),p(e,"left","0"),p(e,"top","0"),p(e,"clip","rect(0 0 0 0)"),p(e,"clip-path","inset(50%)"),p(e,"overflow","hidden"),p(e,"white-space","nowrap"),p(e,"width","1px"),p(e,"height","1px")},m(i,r){E(i,e,r),n&&n.m(e,null)},p(i,r){i[7]?n?n.p(i,r):(n=V(i),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(i){i&&d(e),n&&n.d()}}}function V(o){let e;return{c(){e=Y(o[8])},l(n){e=X(n,o[8])},m(n,i){E(n,e,i)},p(n,i){i&256&&Q(e,n[8])},d(n){n&&d(e)}}}function te(o){let e,n,i,r,u;const t=[x,$],s=[];function a(l,_){return l[2][1]?0:1}e=a(o),n=s[e]=t[e](o);let f=o[6]&&T(o);return{c(){n.c(),i=F(),f&&f.c(),r=w()},l(l){n.l(l),i=U(l),f&&f.l(l),r=w()},m(l,_){s[e].m(l,_),E(l,i,_),f&&f.m(l,_),E(l,r,_),u=!0},p(l,[_]){let b=e;e=a(l),e===b?s[e].p(l,_):(O(),h(s[b],1,1,()=>{s[b]=null}),A(),n=s[e],n?n.p(l,_):(n=s[e]=t[e](l),n.c()),g(n,1),n.m(i.parentNode,i)),l[6]?f?f.p(l,_):(f=T(l),f.c(),f.m(r.parentNode,r)):f&&(f.d(1),f=null)},i(l){u||(g(n),u=!0)},o(l){h(n),u=!1},d(l){l&&(d(i),d(r)),s[e].d(l),f&&f.d(l)}}}function ne(o,e,n){let{stores:i}=e,{page:r}=e,{constructors:u}=e,{components:t=[]}=e,{form:s}=e,{data_0:a=null}=e,{data_1:f=null}=e;G(i.page.notify);let l=!1,_=!1,b=null;H(()=>{const c=i.page.subscribe(()=>{l&&(n(7,_=!0),J().then(()=>{n(8,b=document.title||"untitled page")}))});return n(6,l=!0),c});function m(c){I[c?"unshift":"push"](()=>{t[1]=c,n(0,t)})}function k(c){I[c?"unshift":"push"](()=>{t[0]=c,n(0,t)})}function v(c){I[c?"unshift":"push"](()=>{t[0]=c,n(0,t)})}return o.$$set=c=>{"stores"in c&&n(9,i=c.stores),"page"in c&&n(1,r=c.page),"constructors"in c&&n(2,u=c.constructors),"components"in c&&n(0,t=c.components),"form"in c&&n(3,s=c.form),"data_0"in c&&n(4,a=c.data_0),"data_1"in c&&n(5,f=c.data_1)},o.$$.update=()=>{o.$$.dirty&514&&i.page.set(r)},[t,r,u,s,a,f,l,_,b,i,m,k,v]}class le extends j{constructor(e){super(),q(this,e,ne,te,B,{stores:9,page:1,constructors:2,components:0,form:3,data_0:4,data_1:5})}}const fe=[()=>S(()=>import("../nodes/0.BWfnr5bB.js"),__vite__mapDeps([0,1,2,3]),import.meta.url),()=>S(()=>import("../nodes/1.DRlzjau5.js"),__vite__mapDeps([4,1,2,5,6]),import.meta.url),()=>S(()=>import("../nodes/2.BSR-L-2e.js"),__vite__mapDeps([7,1,2]),import.meta.url),()=>S(()=>import("../nodes/3.VqKPhUiT.js"),__vite__mapDeps([8,1,2,6,5]),import.meta.url)],ce=[],ue={"/":[2],"/auth/callback":[3]},se={handleError:({error:o})=>{console.error(o)},reroute:()=>{},transport:{}},ie=Object.fromEntries(Object.entries(se.transport).map(([o,e])=>[o,e.decode])),_e=!1,me=(o,e)=>ie[o](e);export{me as decode,ie as decoders,ue as dictionary,_e as hash,se as hooks,ae as matchers,fe as nodes,le as root,ce as server_loads};

hfstudio/static/_app/immutable/entry/start.CYVq8xer.js

@@ -0,0 +1 @@
+import{l as o,a as r}from"../chunks/Dh5qNFGZ.js";export{o as load_css,r as start};

hfstudio/static/_app/immutable/nodes/0.BWfnr5bB.js

@@ -0,0 +1 @@
+import{S as mt,i as gt,s as _t,v as xt,d as y,w as bt,x as vt,y as yt,o as c,z as wt,A as Tt,B as kt,b as et,c as s,u as dt,m as St,e as o,f as U,q as k,h as b,j as r,k as v,r as Ct,a as It,g as pt,t as ht,n as Lt}from"../chunks/9DiovRey.js";import"../chunks/IHki7fMi.js";function Mt(i){let e,t="Sign In";return{c(){e=r("span"),e.textContent=t},l(l){e=o(l,"SPAN",{"data-svelte-h":!0}),k(e)!=="svelte-6n3gky"&&(e.textContent=t)},m(l,u){et(l,e,u)},p:Lt,d(l){l&&y(e)}}}function At(i){let e,t,l;return{c(){e=r("span"),t=ht("Sign Out, "),l=ht(i[2])},l(u){e=o(u,"SPAN",{});var d=U(e);t=pt(d,"Sign Out, "),l=pt(d,i[2]),d.forEach(y)},m(u,d){et(u,e,d),s(e,t),s(e,l)},p(u,d){d&4&&It(l,u[2])},d(u){u&&y(e)}}}function Et(i){let e,t,l,u='<div class="flex items-center gap-3"><img src="/assets/hf-studio-logo.png" alt="HF Logo" class="w-8 h-8"/> <h1 class="text-xl font-semibold">HFStudio<sup class="text-xs text-gray-500 ml-1">BETA</sup></h1></div>',d,n,p,C="Tasks",q,g,I,f="🎙️",O,w,L="Text to Speech",S,z,M,st="<span>🎵</span> <span>Voice Cloning</span>",W,A,nt="<span>🎧</span> <span>Speech to Text</span>",J,E,at="<span>🎼</span> <span>Sound Effects</span>",K,H,lt="<span>🎸</span> <span>Music Generation</span>",Q,N,ot="<span>🔊</span> <span>Audio Enhancement</span>",X,D,T,B,rt,Y,Z,V,j,$,ct;function it(a,_){return a[1]?At:Mt}let F=it(i),x=F(i);const tt=i[5].default,m=xt(tt,i,i[4],null);return{c(){e=r("div"),t=r("aside"),l=r("div"),l.innerHTML=u,d=v(),n=r("nav"),p=r("div"),p.textContent=C,q=v(),g=r("button"),I=r("span"),I.textContent=f,O=v(),w=r("span"),w.textContent=L,z=v(),M=r("button"),M.innerHTML=st,W=v(),A=r("button"),A.innerHTML=nt,J=v(),E=r("button"),E.innerHTML=at,K=v(),H=r("button"),H.innerHTML=lt,Q=v(),N=r("button"),N.innerHTML=ot,X=v(),D=r("div"),T=r("button"),B=r("img"),Y=v(),x.c(),Z=v(),V=r("main"),m&&m.c(),this.h()},l(a){e=o(a,"DIV",{class:!0});var _=U(e);t=o(_,"ASIDE",{class:!0});var P=U(t);l=o(P,"DIV",{class:!0,"data-svelte-h":!0}),k(l)!=="svelte-1vahj38"&&(l.innerHTML=u),d=b(P),n=o(P,"NAV",{class:!0});var h=U(n);p=o(h,"DIV",{class:!0,"data-svelte-h":!0}),k(p)!=="svelte-1x5465q"&&(p.textContent=C),q=b(h),g=o(h,"BUTTON",{class:!0});var G=U(g);I=o(G,"SPAN",{"data-svelte-h":!0}),k(I)!=="svelte-1yx42xi"&&(I.textContent=f),O=b(G),w=o(G,"SPAN",{"data-svelte-h":!0}),k(w)!=="svelte-2j89jk"&&(w.textContent=L),G.forEach(y),z=b(h),M=o(h,"BUTTON",{class:!0,"data-svelte-h":!0}),k(M)!=="svelte-10dl8nf"&&(M.innerHTML=st),W=b(h),A=o(h,"BUTTON",{class:!0,"data-svelte-h":!0}),k(A)!=="svelte-wf0x5d"&&(A.innerHTML=nt),J=b(h),E=o(h,"BUTTON",{class:!0,"data-svelte-h":!0}),k(E)!=="svelte-x7bha3"&&(E.innerHTML=at),K=b(h),H=o(h,"BUTTON",{class:!0,"data-svelte-h":!0}),k(H)!=="svelte-1tyblmt"&&(H.innerHTML=lt),Q=b(h),N=o(h,"BUTTON",{class:!0,"data-svelte-h":!0}),k(N)!=="svelte-1emrjb3"&&(N.innerHTML=ot),h.forEach(y),X=b(P),D=o(P,"DIV",{class:!0});var ut=U(D);T=o(ut,"BUTTON",{class:!0});var R=U(T);B=o(R,"IMG",{src:!0,alt:!0,class:!0}),Y=b(R),x.l(R),R.forEach(y),ut.forEach(y),P.forEach(y),Z=b(_),V=o(_,"MAIN",{class:!0});var ft=U(V);m&&m.l(ft),ft.forEach(y),_.forEach(y),this.h()},h(){c(l,"class","p-4 border-b border-gray-200"),c(p,"class","mt-2 mb-1 px-2 text-xs font-medium text-gray-500 uppercase"),c(g,"class",S="w-full flex items-center gap-2 px-2 py-1.5 rounded-md hover:bg-gray-100 transition-colors text-left "+(i[0]==="tts"?"bg-gray-100":"")),c(M,"class","w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-left opacity-40 cursor-not-allowed"),M.disabled=!0,c(A,"class","w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-left opacity-40 cursor-not-allowed"),A.disabled=!0,c(E,"class","w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-left opacity-40 cursor-not-allowed"),E.disabled=!0,c(H,"class","w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-left opacity-40 cursor-not-allowed"),H.disabled=!0,c(N,"class","w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-left opacity-40 cursor-not-allowed"),N.disabled=!0,c(n,"class","p-2 text-sm"),St(B.src,rt="/assets/hf-logo.png")||c(B,"src",rt),c(B,"alt","HF Logo"),c(B,"class","w-5 h-5"),c(T,"class","w-full px-6 py-3 bg-black text-white rounded-lg font-medium hover:bg-gray-800 transition-colors shadow-sm flex items-center justify-center gap-2 text-sm"),c(D,"class","absolute bottom-4 left-2 right-2 w-52"),c(t,"class","w-56 border-r border-gray-200 bg-white flex-shrink-0 "),c(V,"class","flex-1 overflow-auto"),c(e,"class","flex h-screen bg-white")},m(a,_){et(a,e,_),s(e,t),s(t,l),s(t,d),s(t,n),s(n,p),s(n,q),s(n,g),s(g,I),s(g,O),s(g,w),s(n,z),s(n,M),s(n,W),s(n,A),s(n,J),s(n,E),s(n,K),s(n,H),s(n,Q),s(n,N),s(t,X),s(t,D),s(D,T),s(T,B),s(T,Y),x.m(T,null),s(e,Z),s(e,V),m&&m.m(V,null),j=!0,$||(ct=[dt(g,"click",i[6]),dt(T,"click",i[3])],$=!0)},p(a,[_]){(!j||_&1&&S!==(S="w-full flex items-center gap-2 px-2 py-1.5 rounded-md hover:bg-gray-100 transition-colors text-left "+(a[0]==="tts"?"bg-gray-100":"")))&&c(g,"class",S),F===(F=it(a))&&x?x.p(a,_):(x.d(1),x=F(a),x&&(x.c(),x.m(T,null))),m&&m.p&&(!j||_&16)&&wt(m,tt,a,a[4],j?kt(tt,a[4],_,null):Tt(a[4]),null)},i(a){j||(yt(m,a),j=!0)},o(a){vt(m,a),j=!1},d(a){a&&y(e),x.d(),m&&m.d(a),$=!1,bt(ct)}}}function Ht(i,e,t){let{$$slots:l={},$$scope:u}=e,d="tts",n=!1,p="";Ct(()=>{C(),document.addEventListener("visibilitychange",()=>{document.hidden||C()}),window.addEventListener("storage",C);const f=setInterval(C,1e3);return()=>{window.removeEventListener("storage",C),clearInterval(f)}});function C(){const f=localStorage.getItem("hf_access_token");f?q(f):(t(1,n=!1),t(2,p=""))}async function q(f){try{const w=f.startsWith("hf_oauth_")?"https://huggingface.co/oauth/userinfo":"https://huggingface.co/api/whoami",L=await fetch(w,{headers:{Authorization:`Bearer ${f}`}});if(L.ok){const S=await L.json();t(1,n=!0);const z=S.name||S.login||"User";t(2,p=z.split(" ")[0])}else localStorage.removeItem("hf_access_token"),t(1,n=!1),t(2,p="")}catch{localStorage.removeItem("hf_access_token"),t(1,n=!1),t(2,p="")}}function g(){if(n)localStorage.removeItem("hf_access_token"),sessionStorage.removeItem("oauth_state"),t(1,n=!1),t(2,p="");else{const f="cdf32a17-e40f-4a84-b683-f66aa1105793",O="http://localhost:11111/auth/callback",w="read-repos",L=Math.random().toString(36).substring(2,15),S=`https://huggingface.co/oauth/authorize?client_id=${f}&redirect_uri=${encodeURIComponent(O)}&scope=${w}&response_type=code&state=${L}`;sessionStorage.setItem("oauth_state",L),window.location.href=S}}const I=()=>t(0,d="tts");return i.$$set=f=>{"$$scope"in f&&t(4,u=f.$$scope)},[d,n,p,g,u,l,I]}class Ot extends mt{constructor(e){super(),gt(this,e,Ht,Et,_t,{})}}export{Ot as component};

hfstudio/static/_app/immutable/nodes/1.DRlzjau5.js

@@ -0,0 +1 @@
+import{S as x,i as S,s as j,n as u,d as c,a as h,b as _,c as d,e as v,f as g,g as b,h as k,j as E,t as $,k as q,l as y}from"../chunks/9DiovRey.js";import"../chunks/IHki7fMi.js";import{p as C}from"../chunks/BHHrQo_1.js";function H(p){var f;let a,s=p[0].status+"",r,n,o,i=((f=p[0].error)==null?void 0:f.message)+"",m;return{c(){a=E("h1"),r=$(s),n=q(),o=E("p"),m=$(i)},l(e){a=v(e,"H1",{});var t=g(a);r=b(t,s),t.forEach(c),n=k(e),o=v(e,"P",{});var l=g(o);m=b(l,i),l.forEach(c)},m(e,t){_(e,a,t),d(a,r),_(e,n,t),_(e,o,t),d(o,m)},p(e,[t]){var l;t&1&&s!==(s=e[0].status+"")&&h(r,s),t&1&&i!==(i=((l=e[0].error)==null?void 0:l.message)+"")&&h(m,i)},i:u,o:u,d(e){e&&(c(a),c(n),c(o))}}}function P(p,a,s){let r;return y(p,C,n=>s(0,r=n)),[r]}class B extends x{constructor(a){super(),S(this,a,P,H,j,{})}}export{B as component};

hfstudio/static/_app/immutable/nodes/2.BSR-L-2e.js

@@ -0,0 +1,16 @@
+import{S as Ye,i as Ze,s as Me,v as ft,O as V,d as f,P as Vl,x as w,y as k,z as ct,A as dt,B as mt,Q as Al,b as G,c as o,R as vn,f as m,E as Ut,T as bn,U as Yl,V as R,I as B,K as U,L as O,J as x,w as xl,o as i,D as dl,W as yt,a as ut,u as P,e as c,g as I,h as p,q as Qe,j as d,t as D,k as v,n as Kt,C as ml,M as cl,N as kn,X as Dl,m as Zl}from"../chunks/9DiovRey.js";import"../chunks/IHki7fMi.js";function Bt(a){return(a==null?void 0:a.length)!==void 0?a:Array.from(a)}function et(a,e){const s={},t={},l={$$scope:1};let n=a.length;for(;n--;){const r=a[n],u=e[n];if(u){for(const g in r)g in u||(t[g]=1);for(const g in u)l[g]||(s[g]=u[g],l[g]=1);a[n]=u}else for(const g in r)l[g]=1}for(const r in t)r in s||(s[r]=void 0);return s}function wt(a){return typeof a=="object"&&a!==null?a:{}}/**
+ * @license lucide-svelte v0.303.0 - ISC
+
+This source code is licensed under the ISC license.
+See the LICENSE file in the root directory of this source tree.
+ */const en={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"};function tn(a,e,s){const t=a.slice();return t[10]=e[s][0],t[11]=e[s][1],t}function Ul(a){let e,s=[a[11]],t={};for(let l=0;l<s.length;l+=1)t=V(t,s[l]);return{c(){e=bn(a[10]),this.h()},l(l){e=vn(l,a[10],{}),m(e).forEach(f),this.h()},h(){Al(e,t)},m(l,n){G(l,e,n)},p(l,n){Al(e,t=et(s,[n&32&&l[11]]))},d(l){l&&f(e)}}}function ln(a){let e=a[10],s,t=a[10]&&Ul(a);return{c(){t&&t.c(),s=Ut()},l(l){t&&t.l(l),s=Ut()},m(l,n){t&&t.m(l,n),G(l,s,n)},p(l,n){l[10]?e?Me(e,l[10])?(t.d(1),t=Ul(l),e=l[10],t.c(),t.m(s.parentNode,s)):t.p(l,n):(t=Ul(l),e=l[10],t.c(),t.m(s.parentNode,s)):e&&(t.d(1),t=null,e=l[10])},d(l){l&&f(s),t&&t.d(l)}}}function yn(a){let e,s,t,l,n,r=Bt(a[5]),u=[];for(let _=0;_<r.length;_+=1)u[_]=ln(tn(a,r,_));const g=a[9].default,E=ft(g,a,a[8],null);let N=[en,a[6],{width:a[2]},{height:a[2]},{stroke:a[1]},{"stroke-width":t=a[4]?Number(a[3])*24/Number(a[2]):a[3]},{class:l=`lucide-icon lucide lucide-${a[0]} ${a[7].class??""}`}],T={};for(let _=0;_<N.length;_+=1)T=V(T,N[_]);return{c(){e=bn("svg");for(let _=0;_<u.length;_+=1)u[_].c();s=Ut(),E&&E.c(),this.h()},l(_){e=vn(_,"svg",{width:!0,height:!0,stroke:!0,"stroke-width":!0,class:!0});var b=m(e);for(let $=0;$<u.length;$+=1)u[$].l(b);s=Ut(),E&&E.l(b),b.forEach(f),this.h()},h(){Al(e,T)},m(_,b){G(_,e,b);for(let $=0;$<u.length;$+=1)u[$]&&u[$].m(e,null);o(e,s),E&&E.m(e,null),n=!0},p(_,[b]){if(b&32){r=Bt(_[5]);let $;for($=0;$<r.length;$+=1){const S=tn(_,r,$);u[$]?u[$].p(S,b):(u[$]=ln(S),u[$].c(),u[$].m(e,s))}for(;$<u.length;$+=1)u[$].d(1);u.length=r.length}E&&E.p&&(!n||b&256)&&ct(E,g,_,_[8],n?mt(g,_[8],b,null):dt(_[8]),null),Al(e,T=et(N,[en,b&64&&_[6],(!n||b&4)&&{width:_[2]},(!n||b&4)&&{height:_[2]},(!n||b&2)&&{stroke:_[1]},(!n||b&28&&t!==(t=_[4]?Number(_[3])*24/Number(_[2]):_[3]))&&{"stroke-width":t},(!n||b&129&&l!==(l=`lucide-icon lucide lucide-${_[0]} ${_[7].class??""}`))&&{class:l}]))},i(_){n||(k(E,_),n=!0)},o(_){w(E,_),n=!1},d(_){_&&f(e),Vl(u,_),E&&E.d(_)}}}function wn(a,e,s){const t=["name","color","size","strokeWidth","absoluteStrokeWidth","iconNode"];let l=Yl(e,t),{$$slots:n={},$$scope:r}=e,{name:u}=e,{color:g="currentColor"}=e,{size:E=24}=e,{strokeWidth:N=2}=e,{absoluteStrokeWidth:T=!1}=e,{iconNode:_}=e;return a.$$set=b=>{s(7,e=V(V({},e),R(b))),s(6,l=Yl(e,t)),"name"in b&&s(0,u=b.name),"color"in b&&s(1,g=b.color),"size"in b&&s(2,E=b.size),"strokeWidth"in b&&s(3,N=b.strokeWidth),"absoluteStrokeWidth"in b&&s(4,T=b.absoluteStrokeWidth),"iconNode"in b&&s(5,_=b.iconNode),"$$scope"in b&&s(8,r=b.$$scope)},e=R(e),[u,g,E,N,T,_,l,e,r,n]}class Et extends Ye{constructor(e){super(),Ze(this,e,wn,yn,Me,{name:0,color:1,size:2,strokeWidth:3,absoluteStrokeWidth:4,iconNode:5})}}function En(a){let e;const s=a[2].default,t=ft(s,a,a[3],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,n){t&&t.m(l,n),e=!0},p(l,n){t&&t.p&&(!e||n&8)&&ct(t,s,l,l[3],e?mt(s,l[3],n,null):dt(l[3]),null)},i(l){e||(k(t,l),e=!0)},o(l){w(t,l),e=!1},d(l){t&&t.d(l)}}}function Nn(a){let e,s;const t=[{name:"alert-circle"},a[1],{iconNode:a[0]}];let l={$$slots:{default:[En]},$$scope:{ctx:a}};for(let n=0;n<t.length;n+=1)l=V(l,t[n]);return e=new Et({props:l}),{c(){x(e.$$.fragment)},l(n){O(e.$$.fragment,n)},m(n,r){U(e,n,r),s=!0},p(n,[r]){const u=r&3?et(t,[t[0],r&2&&wt(n[1]),r&1&&{iconNode:n[0]}]):{};r&8&&(u.$$scope={dirty:r,ctx:n}),e.$set(u)},i(n){s||(k(e.$$.fragment,n),s=!0)},o(n){w(e.$$.fragment,n),s=!1},d(n){B(e,n)}}}function Tn(a,e,s){let{$$slots:t={},$$scope:l}=e;const n=[["circle",{cx:"12",cy:"12",r:"10"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16"}]];return a.$$set=r=>{s(1,e=V(V({},e),R(r))),"$$scope"in r&&s(3,l=r.$$scope)},e=R(e),[n,e,t,l]}class In extends Ye{constructor(e){super(),Ze(this,e,Tn,Nn,Me,{})}}function Dn(a){let e;const s=a[2].default,t=ft(s,a,a[3],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,n){t&&t.m(l,n),e=!0},p(l,n){t&&t.p&&(!e||n&8)&&ct(t,s,l,l[3],e?mt(s,l[3],n,null):dt(l[3]),null)},i(l){e||(k(t,l),e=!0)},o(l){w(t,l),e=!1},d(l){t&&t.d(l)}}}function Vn(a){let e,s;const t=[{name:"chevron-down"},a[1],{iconNode:a[0]}];let l={$$slots:{default:[Dn]},$$scope:{ctx:a}};for(let n=0;n<t.length;n+=1)l=V(l,t[n]);return e=new Et({props:l}),{c(){x(e.$$.fragment)},l(n){O(e.$$.fragment,n)},m(n,r){U(e,n,r),s=!0},p(n,[r]){const u=r&3?et(t,[t[0],r&2&&wt(n[1]),r&1&&{iconNode:n[0]}]):{};r&8&&(u.$$scope={dirty:r,ctx:n}),e.$set(u)},i(n){s||(k(e.$$.fragment,n),s=!0)},o(n){w(e.$$.fragment,n),s=!1},d(n){B(e,n)}}}function An(a,e,s){let{$$slots:t={},$$scope:l}=e;const n=[["path",{d:"m6 9 6 6 6-6"}]];return a.$$set=r=>{s(1,e=V(V({},e),R(r))),"$$scope"in r&&s(3,l=r.$$scope)},e=R(e),[n,e,t,l]}class Cn extends Ye{constructor(e){super(),Ze(this,e,An,Vn,Me,{})}}function Sn(a){let e;const s=a[2].default,t=ft(s,a,a[3],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,n){t&&t.m(l,n),e=!0},p(l,n){t&&t.p&&(!e||n&8)&&ct(t,s,l,l[3],e?mt(s,l[3],n,null):dt(l[3]),null)},i(l){e||(k(t,l),e=!0)},o(l){w(t,l),e=!1},d(l){t&&t.d(l)}}}function Pn(a){let e,s;const t=[{name:"download"},a[1],{iconNode:a[0]}];let l={$$slots:{default:[Sn]},$$scope:{ctx:a}};for(let n=0;n<t.length;n+=1)l=V(l,t[n]);return e=new Et({props:l}),{c(){x(e.$$.fragment)},l(n){O(e.$$.fragment,n)},m(n,r){U(e,n,r),s=!0},p(n,[r]){const u=r&3?et(t,[t[0],r&2&&wt(n[1]),r&1&&{iconNode:n[0]}]):{};r&8&&(u.$$scope={dirty:r,ctx:n}),e.$set(u)},i(n){s||(k(e.$$.fragment,n),s=!0)},o(n){w(e.$$.fragment,n),s=!1},d(n){B(e,n)}}}function zn(a,e,s){let{$$slots:t={},$$scope:l}=e;const n=[["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}],["polyline",{points:"7 10 12 15 17 10"}],["line",{x1:"12",x2:"12",y1:"15",y2:"3"}]];return a.$$set=r=>{s(1,e=V(V({},e),R(r))),"$$scope"in r&&s(3,l=r.$$scope)},e=R(e),[n,e,t,l]}class nn extends Ye{constructor(e){super(),Ze(this,e,zn,Pn,Me,{})}}function Bn(a){let e;const s=a[2].default,t=ft(s,a,a[3],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,n){t&&t.m(l,n),e=!0},p(l,n){t&&t.p&&(!e||n&8)&&ct(t,s,l,l[3],e?mt(s,l[3],n,null):dt(l[3]),null)},i(l){e||(k(t,l),e=!0)},o(l){w(t,l),e=!1},d(l){t&&t.d(l)}}}function Un(a){let e,s;const t=[{name:"loader-2"},a[1],{iconNode:a[0]}];let l={$$slots:{default:[Bn]},$$scope:{ctx:a}};for(let n=0;n<t.length;n+=1)l=V(l,t[n]);return e=new Et({props:l}),{c(){x(e.$$.fragment)},l(n){O(e.$$.fragment,n)},m(n,r){U(e,n,r),s=!0},p(n,[r]){const u=r&3?et(t,[t[0],r&2&&wt(n[1]),r&1&&{iconNode:n[0]}]):{};r&8&&(u.$$scope={dirty:r,ctx:n}),e.$set(u)},i(n){s||(k(e.$$.fragment,n),s=!0)},o(n){w(e.$$.fragment,n),s=!1},d(n){B(e,n)}}}function On(a,e,s){let{$$slots:t={},$$scope:l}=e;const n=[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56"}]];return a.$$set=r=>{s(1,e=V(V({},e),R(r))),"$$scope"in r&&s(3,l=r.$$scope)},e=R(e),[n,e,t,l]}class xn extends Ye{constructor(e){super(),Ze(this,e,On,Un,Me,{})}}function jn(a){let e;const s=a[2].default,t=ft(s,a,a[3],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,n){t&&t.m(l,n),e=!0},p(l,n){t&&t.p&&(!e||n&8)&&ct(t,s,l,l[3],e?mt(s,l[3],n,null):dt(l[3]),null)},i(l){e||(k(t,l),e=!0)},o(l){w(t,l),e=!1},d(l){t&&t.d(l)}}}function Mn(a){let e,s;const t=[{name:"more-horizontal"},a[1],{iconNode:a[0]}];let l={$$slots:{default:[jn]},$$scope:{ctx:a}};for(let n=0;n<t.length;n+=1)l=V(l,t[n]);return e=new Et({props:l}),{c(){x(e.$$.fragment)},l(n){O(e.$$.fragment,n)},m(n,r){U(e,n,r),s=!0},p(n,[r]){const u=r&3?et(t,[t[0],r&2&&wt(n[1]),r&1&&{iconNode:n[0]}]):{};r&8&&(u.$$scope={dirty:r,ctx:n}),e.$set(u)},i(n){s||(k(e.$$.fragment,n),s=!0)},o(n){w(e.$$.fragment,n),s=!1},d(n){B(e,n)}}}function Ln(a,e,s){let{$$slots:t={},$$scope:l}=e;const n=[["circle",{cx:"12",cy:"12",r:"1"}],["circle",{cx:"19",cy:"12",r:"1"}],["circle",{cx:"5",cy:"12",r:"1"}]];return a.$$set=r=>{s(1,e=V(V({},e),R(r))),"$$scope"in r&&s(3,l=r.$$scope)},e=R(e),[n,e,t,l]}class $n extends Ye{constructor(e){super(),Ze(this,e,Ln,Mn,Me,{})}}function Hn(a){let e;const s=a[2].default,t=ft(s,a,a[3],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,n){t&&t.m(l,n),e=!0},p(l,n){t&&t.p&&(!e||n&8)&&ct(t,s,l,l[3],e?mt(s,l[3],n,null):dt(l[3]),null)},i(l){e||(k(t,l),e=!0)},o(l){w(t,l),e=!1},d(l){t&&t.d(l)}}}function Wn(a){let e,s;const t=[{name:"play"},a[1],{iconNode:a[0]}];let l={$$slots:{default:[Hn]},$$scope:{ctx:a}};for(let n=0;n<t.length;n+=1)l=V(l,t[n]);return e=new Et({props:l}),{c(){x(e.$$.fragment)},l(n){O(e.$$.fragment,n)},m(n,r){U(e,n,r),s=!0},p(n,[r]){const u=r&3?et(t,[t[0],r&2&&wt(n[1]),r&1&&{iconNode:n[0]}]):{};r&8&&(u.$$scope={dirty:r,ctx:n}),e.$set(u)},i(n){s||(k(e.$$.fragment,n),s=!0)},o(n){w(e.$$.fragment,n),s=!1},d(n){B(e,n)}}}function qn(a,e,s){let{$$slots:t={},$$scope:l}=e;const n=[["polygon",{points:"5 3 19 12 5 21 5 3"}]];return a.$$set=r=>{s(1,e=V(V({},e),R(r))),"$$scope"in r&&s(3,l=r.$$scope)},e=R(e),[n,e,t,l]}class jl extends Ye{constructor(e){super(),Ze(this,e,qn,Wn,Me,{})}}function Fn(a){let e;const s=a[2].default,t=ft(s,a,a[3],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,n){t&&t.m(l,n),e=!0},p(l,n){t&&t.p&&(!e||n&8)&&ct(t,s,l,l[3],e?mt(s,l[3],n,null):dt(l[3]),null)},i(l){e||(k(t,l),e=!0)},o(l){w(t,l),e=!1},d(l){t&&t.d(l)}}}function Gn(a){let e,s;const t=[{name:"settings"},a[1],{iconNode:a[0]}];let l={$$slots:{default:[Fn]},$$scope:{ctx:a}};for(let n=0;n<t.length;n+=1)l=V(l,t[n]);return e=new Et({props:l}),{c(){x(e.$$.fragment)},l(n){O(e.$$.fragment,n)},m(n,r){U(e,n,r),s=!0},p(n,[r]){const u=r&3?et(t,[t[0],r&2&&wt(n[1]),r&1&&{iconNode:n[0]}]):{};r&8&&(u.$$scope={dirty:r,ctx:n}),e.$set(u)},i(n){s||(k(e.$$.fragment,n),s=!0)},o(n){w(e.$$.fragment,n),s=!1},d(n){B(e,n)}}}function Rn(a,e,s){let{$$slots:t={},$$scope:l}=e;const n=[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"}],["circle",{cx:"12",cy:"12",r:"3"}]];return a.$$set=r=>{s(1,e=V(V({},e),R(r))),"$$scope"in r&&s(3,l=r.$$scope)},e=R(e),[n,e,t,l]}class Kn extends Ye{constructor(e){super(),Ze(this,e,Rn,Gn,Me,{})}}function Xn(a){let e;const s=a[2].default,t=ft(s,a,a[3],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,n){t&&t.m(l,n),e=!0},p(l,n){t&&t.p&&(!e||n&8)&&ct(t,s,l,l[3],e?mt(s,l[3],n,null):dt(l[3]),null)},i(l){e||(k(t,l),e=!0)},o(l){w(t,l),e=!1},d(l){t&&t.d(l)}}}function Jn(a){let e,s;const t=[{name:"share"},a[1],{iconNode:a[0]}];let l={$$slots:{default:[Xn]},$$scope:{ctx:a}};for(let n=0;n<t.length;n+=1)l=V(l,t[n]);return e=new Et({props:l}),{c(){x(e.$$.fragment)},l(n){O(e.$$.fragment,n)},m(n,r){U(e,n,r),s=!0},p(n,[r]){const u=r&3?et(t,[t[0],r&2&&wt(n[1]),r&1&&{iconNode:n[0]}]):{};r&8&&(u.$$scope={dirty:r,ctx:n}),e.$set(u)},i(n){s||(k(e.$$.fragment,n),s=!0)},o(n){w(e.$$.fragment,n),s=!1},d(n){B(e,n)}}}function Qn(a,e,s){let{$$slots:t={},$$scope:l}=e;const n=[["path",{d:"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"}],["polyline",{points:"16 6 12 2 8 6"}],["line",{x1:"12",x2:"12",y1:"2",y2:"15"}]];return a.$$set=r=>{s(1,e=V(V({},e),R(r))),"$$scope"in r&&s(3,l=r.$$scope)},e=R(e),[n,e,t,l]}class Ol extends Ye{constructor(e){super(),Ze(this,e,Qn,Jn,Me,{})}}function Yn(a){let e;const s=a[2].default,t=ft(s,a,a[3],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,n){t&&t.m(l,n),e=!0},p(l,n){t&&t.p&&(!e||n&8)&&ct(t,s,l,l[3],e?mt(s,l[3],n,null):dt(l[3]),null)},i(l){e||(k(t,l),e=!0)},o(l){w(t,l),e=!1},d(l){t&&t.d(l)}}}function Zn(a){let e,s;const t=[{name:"skip-back"},a[1],{iconNode:a[0]}];let l={$$slots:{default:[Yn]},$$scope:{ctx:a}};for(let n=0;n<t.length;n+=1)l=V(l,t[n]);return e=new Et({props:l}),{c(){x(e.$$.fragment)},l(n){O(e.$$.fragment,n)},m(n,r){U(e,n,r),s=!0},p(n,[r]){const u=r&3?et(t,[t[0],r&2&&wt(n[1]),r&1&&{iconNode:n[0]}]):{};r&8&&(u.$$scope={dirty:r,ctx:n}),e.$set(u)},i(n){s||(k(e.$$.fragment,n),s=!0)},o(n){w(e.$$.fragment,n),s=!1},d(n){B(e,n)}}}function es(a,e,s){let{$$slots:t={},$$scope:l}=e;const n=[["polygon",{points:"19 20 9 12 19 4 19 20"}],["line",{x1:"5",x2:"5",y1:"19",y2:"5"}]];return a.$$set=r=>{s(1,e=V(V({},e),R(r))),"$$scope"in r&&s(3,l=r.$$scope)},e=R(e),[n,e,t,l]}class ts extends Ye{constructor(e){super(),Ze(this,e,es,Zn,Me,{})}}function ls(a){let e;const s=a[2].default,t=ft(s,a,a[3],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,n){t&&t.m(l,n),e=!0},p(l,n){t&&t.p&&(!e||n&8)&&ct(t,s,l,l[3],e?mt(s,l[3],n,null):dt(l[3]),null)},i(l){e||(k(t,l),e=!0)},o(l){w(t,l),e=!1},d(l){t&&t.d(l)}}}function ns(a){let e,s;const t=[{name:"skip-forward"},a[1],{iconNode:a[0]}];let l={$$slots:{default:[ls]},$$scope:{ctx:a}};for(let n=0;n<t.length;n+=1)l=V(l,t[n]);return e=new Et({props:l}),{c(){x(e.$$.fragment)},l(n){O(e.$$.fragment,n)},m(n,r){U(e,n,r),s=!0},p(n,[r]){const u=r&3?et(t,[t[0],r&2&&wt(n[1]),r&1&&{iconNode:n[0]}]):{};r&8&&(u.$$scope={dirty:r,ctx:n}),e.$set(u)},i(n){s||(k(e.$$.fragment,n),s=!0)},o(n){w(e.$$.fragment,n),s=!1},d(n){B(e,n)}}}function ss(a,e,s){let{$$slots:t={},$$scope:l}=e;const n=[["polygon",{points:"5 4 15 12 5 20 5 4"}],["line",{x1:"19",x2:"19",y1:"5",y2:"19"}]];return a.$$set=r=>{s(1,e=V(V({},e),R(r))),"$$scope"in r&&s(3,l=r.$$scope)},e=R(e),[n,e,t,l]}class as extends Ye{constructor(e){super(),Ze(this,e,ss,ns,Me,{})}}function sn(a,e,s){const t=a.slice();return t[39]=e[s],t}function an(a,e,s){const t=a.slice();return t[42]=e[s],t}function rn(a,e,s){const t=a.slice();return t[42]=e[s],t}function on(a){let e,s,t,l,n='<p class="font-medium text-blue-900">To run locally:</p> <code class="text-xs bg-blue-100 px-1.5 py-0.5 rounded">pip install hfstudio</code> <span class="text-blue-700">and run</span> <code class="text-xs bg-blue-100 px-1.5 py-0.5 rounded">hfstudio</code> <span class="text-blue-700">from your terminal</span>',r;return s=new In({props:{size:18,class:"text-blue-600 mt-0.5 flex-shrink-0"}}),{c(){e=d("div"),x(s.$$.fragment),t=v(),l=d("div"),l.innerHTML=n,this.h()},l(u){e=c(u,"DIV",{class:!0});var g=m(e);O(s.$$.fragment,g),t=p(g),l=c(g,"DIV",{class:!0,"data-svelte-h":!0}),Qe(l)!=="svelte-p3cqs1"&&(l.innerHTML=n),g.forEach(f),this.h()},h(){i(l,"class","text-sm"),i(e,"class","mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg flex items-start gap-2")},m(u,g){G(u,e,g),U(s,e,null),o(e,t),o(e,l),r=!0},i(u){r||(k(s.$$.fragment,u),r=!0)},o(u){w(s.$$.fragment,u),r=!1},d(u){u&&f(e),B(s)}}}function un(a){let e,s="Clear",t,l;return{c(){e=d("button"),e.textContent=s,this.h()},l(n){e=c(n,"BUTTON",{class:!0,"data-svelte-h":!0}),Qe(e)!=="svelte-18e8snq"&&(e.textContent=s),this.h()},h(){i(e,"class","absolute top-4 right-6 text-sm text-gray-400 hover:text-gray-600")},m(n,r){G(n,e,r),t||(l=P(e,"click",a[26]),t=!0)},p:Kt,d(n){n&&f(e),t=!1,l()}}}function rs(a){let e,s,t;return e=new jl({props:{size:20}}),{c(){x(e.$$.fragment),s=D(`
+            Generate speech`)},l(l){O(e.$$.fragment,l),s=I(l,`
+            Generate speech`)},m(l,n){U(e,l,n),G(l,s,n),t=!0},i(l){t||(k(e.$$.fragment,l),t=!0)},o(l){w(e.$$.fragment,l),t=!1},d(l){l&&f(s),B(e,l)}}}function os(a){let e,s,t;return e=new xn({props:{size:20,class:"animate-spin"}}),{c(){x(e.$$.fragment),s=D(`
+            Generating...`)},l(l){O(e.$$.fragment,l),s=I(l,`
+            Generating...`)},m(l,n){U(e,l,n),G(l,s,n),t=!0},i(l){t||(k(e.$$.fragment,l),t=!0)},o(l){w(e.$$.fragment,l),t=!1},d(l){l&&f(s),B(e,l)}}}function fn(a){let e,s,t,l,n,r,u,g,E,N,T,_,b,$,S,ue,de,M="Share",K,j,W,Ee="Download",Le,X,Z,Ne,ee,L,me,Nt,J,Te,Ie=zt(a[12])+"",He,ht,We,Ue,pe,te,ae=zt(a[13])+"",q,Ot,fe,ce,re,tt,lt,De,Q,gt,nt,Ve,xt,Se,Ae,Oe=zt(a[12])+"",jt,Mt,ve,qe,Fe,Tt,It=zt(a[13])+"",he,xe,oe,be,_t,Lt,st,Pe,Ge,Ht,at,le,Wt,ne,Xt,Jt;S=new Ol({props:{size:14,class:"text-gray-600"}}),X=new nn({props:{size:14,class:"text-gray-600"}});const pt=[us,is],$e=[];function vt(y,z){return y[11]?0:1}L=vt(a),me=$e[L]=pt[L](a),re=new ts({props:{size:20,class:"text-gray-600"}});const ul=[cs,fs],rt=[];function bt(y,z){return y[11]?0:1}De=bt(a),Q=rt[De]=ul[De](a),Ve=new as({props:{size:20,class:"text-gray-600"}}),_t=new Ol({props:{size:14}}),Ge=new nn({props:{size:16,class:"text-gray-600"}}),le=new $n({props:{size:16,class:"text-gray-600"}});let F=a[6]&&cn(a);return{c(){e=d("div"),s=d("div"),t=d("div"),l=v(),n=d("div"),r=d("h3"),u=D(a[14]),g=v(),E=d("p"),N=D(a[1]),T=D(" • Created 1 second ago"),_=v(),b=d("div"),$=d("button"),x(S.$$.fragment),ue=v(),de=d("span"),de.textContent=M,K=v(),j=d("button"),W=d("span"),W.textContent=Ee,Le=v(),x(X.$$.fragment),Z=v(),Ne=d("div"),ee=d("button"),me.c(),Nt=v(),J=d("div"),Te=d("span"),He=D(Ie),ht=v(),We=d("div"),Ue=d("div"),pe=v(),te=d("span"),q=D(ae),Ot=v(),fe=d("div"),ce=d("button"),x(re.$$.fragment),tt=v(),lt=d("button"),Q.c(),gt=v(),nt=d("button"),x(Ve.$$.fragment),xt=v(),Se=d("div"),Ae=d("span"),jt=D(Oe),Mt=v(),ve=d("div"),qe=d("div"),Fe=v(),Tt=d("span"),he=D(It),xe=v(),oe=d("div"),be=d("button"),x(_t.$$.fragment),Lt=D(`
+              Share`),st=v(),Pe=d("button"),x(Ge.$$.fragment),Ht=v(),at=d("button"),x(le.$$.fragment),Wt=v(),F&&F.c(),this.h()},l(y){e=c(y,"DIV",{class:!0});var z=m(e);s=c(z,"DIV",{class:!0});var ze=m(s);t=c(ze,"DIV",{class:!0}),m(t).forEach(f),l=p(ze),n=c(ze,"DIV",{class:!0});var Y=m(n);r=c(Y,"H3",{class:!0});var Qt=m(r);u=I(Qt,a[14]),Qt.forEach(f),g=p(Y),E=c(Y,"P",{class:!0});var ot=m(E);N=I(ot,a[1]),T=I(ot," • Created 1 second ago"),ot.forEach(f),Y.forEach(f),_=p(ze),b=c(ze,"DIV",{class:!0});var je=m(b);$=c(je,"BUTTON",{class:!0});var Re=m($);O(S.$$.fragment,Re),ue=p(Re),de=c(Re,"SPAN",{class:!0,"data-svelte-h":!0}),Qe(de)!=="svelte-hbn8gl"&&(de.textContent=M),Re.forEach(f),K=p(je),j=c(je,"BUTTON",{class:!0});var qt=m(j);W=c(qt,"SPAN",{class:!0,"data-svelte-h":!0}),Qe(W)!=="svelte-h01aeg"&&(W.textContent=Ee),Le=p(qt),O(X.$$.fragment,qt),qt.forEach(f),je.forEach(f),ze.forEach(f),Z=p(z),Ne=c(z,"DIV",{class:!0});var Vt=m(Ne);ee=c(Vt,"BUTTON",{class:!0});var $t=m(ee);me.l($t),$t.forEach(f),Nt=p(Vt),J=c(Vt,"DIV",{class:!0});var Ke=m(J);Te=c(Ke,"SPAN",{class:!0});var Ft=m(Te);He=I(Ft,Ie),Ft.forEach(f),ht=p(Ke),We=c(Ke,"DIV",{class:!0});var Yt=m(We);Ue=c(Yt,"DIV",{class:!0,style:!0}),m(Ue).forEach(f),Yt.forEach(f),pe=p(Ke),te=c(Ke,"SPAN",{class:!0});var Zt=m(te);q=I(Zt,ae),Zt.forEach(f),Ke.forEach(f),Vt.forEach(f),Ot=p(z),fe=c(z,"DIV",{class:!0});var H=m(fe);ce=c(H,"BUTTON",{class:!0,title:!0});var el=m(ce);O(re.$$.fragment,el),el.forEach(f),tt=p(H),lt=c(H,"BUTTON",{class:!0});var kt=m(lt);Q.l(kt),kt.forEach(f),gt=p(H),nt=c(H,"BUTTON",{class:!0,title:!0});var it=m(nt);O(Ve.$$.fragment,it),it.forEach(f),xt=p(H),Se=c(H,"DIV",{class:!0});var Be=m(Se);Ae=c(Be,"SPAN",{class:!0});var fl=m(Ae);jt=I(fl,Oe),fl.forEach(f),Mt=p(Be),ve=c(Be,"DIV",{class:!0});var tl=m(ve);qe=c(tl,"DIV",{class:!0,style:!0}),m(qe).forEach(f),tl.forEach(f),Fe=p(Be),Tt=c(Be,"SPAN",{class:!0});var Dt=m(Tt);he=I(Dt,It),Dt.forEach(f),Be.forEach(f),xe=p(H),oe=c(H,"DIV",{class:!0});var Xe=m(oe);be=c(Xe,"BUTTON",{class:!0});var At=m(be);O(_t.$$.fragment,At),Lt=I(At,`
+              Share`),At.forEach(f),st=p(Xe),Pe=c(Xe,"BUTTON",{class:!0,title:!0});var ll=m(Pe);O(Ge.$$.fragment,ll),ll.forEach(f),Ht=p(Xe),at=c(Xe,"BUTTON",{class:!0,title:!0});var Ce=m(at);O(le.$$.fragment,Ce),Ce.forEach(f),Xe.forEach(f),H.forEach(f),Wt=p(z),F&&F.l(z),z.forEach(f),this.h()},h(){i(t,"class","w-2 h-2 bg-green-500 rounded-full"),i(r,"class","font-medium text-gray-900 text-sm"),i(E,"class","text-xs text-gray-500"),i(n,"class","flex-1"),i(de,"class","text-gray-700"),i($,"class","flex items-center gap-1.5 px-3 py-1.5 text-sm border border-gray-200 rounded-md hover:bg-gray-50 transition-colors"),i(W,"class","text-gray-700"),i(j,"class","flex items-center gap-1.5 px-3 py-1.5 text-sm border border-gray-200 rounded-md hover:bg-gray-50 transition-colors"),i(b,"class","flex items-center gap-2"),i(s,"class","flex items-center gap-3 mb-4"),i(ee,"class","w-8 h-8 bg-black rounded-full flex items-center justify-center hover:bg-gray-800 transition-colors"),i(Te,"class","text-xs text-gray-500 font-mono"),i(Ue,"class","h-full bg-gradient-to-r from-amber-400 to-orange-500 rounded-full transition-all"),cl(Ue,"width",a[12]/a[13]*100+"%"),i(We,"class","flex-1 h-1 bg-gray-200 rounded-full cursor-pointer"),i(te,"class","text-xs text-gray-500 font-mono"),i(J,"class","flex-1 flex items-center gap-2"),i(Ne,"class","flex items-center gap-3 mb-4"),i(ce,"class","p-2 hover:bg-gray-100 rounded-full"),i(ce,"title","Skip back"),i(lt,"class","w-12 h-12 bg-black rounded-full flex items-center justify-center hover:bg-gray-800 transition-colors"),i(nt,"class","p-2 hover:bg-gray-100 rounded-full"),i(nt,"title","Skip forward"),i(Ae,"class","text-xs text-gray-500 font-mono"),i(qe,"class","h-full bg-gradient-to-r from-amber-400 to-orange-500 rounded-full transition-all"),cl(qe,"width",a[12]/a[13]*100+"%"),i(ve,"class","flex-1 h-1 bg-gray-200 rounded-full"),i(Tt,"class","text-xs text-gray-500 font-mono"),i(Se,"class","flex-1 flex items-center gap-3"),i(be,"class","flex items-center gap-2 px-3 py-1.5 text-sm border border-gray-200 rounded-md hover:bg-gray-50"),i(Pe,"class","p-2 hover:bg-gray-100 rounded-md"),i(Pe,"title","Download"),i(at,"class","p-2 hover:bg-gray-100 rounded-md"),i(at,"title","More options"),i(oe,"class","flex items-center gap-2"),i(fe,"class","flex items-center gap-4 mb-4"),i(e,"class","p-4 border border-gray-200 rounded-lg bg-white")},m(y,z){G(y,e,z),o(e,s),o(s,t),o(s,l),o(s,n),o(n,r),o(r,u),o(n,g),o(n,E),o(E,N),o(E,T),o(s,_),o(s,b),o(b,$),U(S,$,null),o($,ue),o($,de),o(b,K),o(b,j),o(j,W),o(j,Le),U(X,j,null),o(e,Z),o(e,Ne),o(Ne,ee),$e[L].m(ee,null),o(Ne,Nt),o(Ne,J),o(J,Te),o(Te,He),o(J,ht),o(J,We),o(We,Ue),o(J,pe),o(J,te),o(te,q),o(e,Ot),o(e,fe),o(fe,ce),U(re,ce,null),o(fe,tt),o(fe,lt),rt[De].m(lt,null),o(fe,gt),o(fe,nt),U(Ve,nt,null),o(fe,xt),o(fe,Se),o(Se,Ae),o(Ae,jt),o(Se,Mt),o(Se,ve),o(ve,qe),o(Se,Fe),o(Se,Tt),o(Tt,he),o(fe,xe),o(fe,oe),o(oe,be),U(_t,be,null),o(be,Lt),o(oe,st),o(oe,Pe),U(Ge,Pe,null),o(oe,Ht),o(oe,at),U(le,at,null),o(e,Wt),F&&F.m(e,null),ne=!0,Xt||(Jt=[P($,"click",pn),P(j,"click",a[24]),P(ee,"click",a[19]),P(lt,"click",a[19]),P(be,"click",pn),P(Pe,"click",a[24])],Xt=!0)},p(y,z){(!ne||z[0]&16384)&&ut(u,y[14]),(!ne||z[0]&2)&&ut(N,y[1]);let ze=L;L=vt(y),L!==ze&&(ml(),w($e[ze],1,1,()=>{$e[ze]=null}),dl(),me=$e[L],me||(me=$e[L]=pt[L](y),me.c()),k(me,1),me.m(ee,null)),(!ne||z[0]&4096)&&Ie!==(Ie=zt(y[12])+"")&&ut(He,Ie),(!ne||z[0]&12288)&&cl(Ue,"width",y[12]/y[13]*100+"%"),(!ne||z[0]&8192)&&ae!==(ae=zt(y[13])+"")&&ut(q,ae);let Y=De;De=bt(y),De!==Y&&(ml(),w(rt[Y],1,1,()=>{rt[Y]=null}),dl(),Q=rt[De],Q||(Q=rt[De]=ul[De](y),Q.c()),k(Q,1),Q.m(lt,null)),(!ne||z[0]&4096)&&Oe!==(Oe=zt(y[12])+"")&&ut(jt,Oe),(!ne||z[0]&12288)&&cl(qe,"width",y[12]/y[13]*100+"%"),(!ne||z[0]&8192)&&It!==(It=zt(y[13])+"")&&ut(he,It),y[6]?F?F.p(y,z):(F=cn(y),F.c(),F.m(e,null)):F&&(F.d(1),F=null)},i(y){ne||(k(S.$$.fragment,y),k(X.$$.fragment,y),k(me),k(re.$$.fragment,y),k(Q),k(Ve.$$.fragment,y),k(_t.$$.fragment,y),k(Ge.$$.fragment,y),k(le.$$.fragment,y),ne=!0)},o(y){w(S.$$.fragment,y),w(X.$$.fragment,y),w(me),w(re.$$.fragment,y),w(Q),w(Ve.$$.fragment,y),w(_t.$$.fragment,y),w(Ge.$$.fragment,y),w(le.$$.fragment,y),ne=!1},d(y){y&&f(e),B(S),B(X),$e[L].d(),B(re),rt[De].d(),B(Ve),B(_t),B(Ge),B(le),F&&F.d(),Xt=!1,xl(Jt)}}}function is(a){let e,s;return e=new jl({props:{size:14,class:"text-white ml-0.5"}}),{c(){x(e.$$.fragment)},l(t){O(e.$$.fragment,t)},m(t,l){U(e,t,l),s=!0},i(t){s||(k(e.$$.fragment,t),s=!0)},o(t){w(e.$$.fragment,t),s=!1},d(t){B(e,t)}}}function us(a){let e;return{c(){e=d("div"),this.h()},l(s){e=c(s,"DIV",{class:!0}),m(e).forEach(f),this.h()},h(){i(e,"class","pause-filled text-white")},m(s,t){G(s,e,t)},i:Kt,o:Kt,d(s){s&&f(e)}}}function fs(a){let e,s;return e=new jl({props:{size:20,class:"text-white ml-0.5"}}),{c(){x(e.$$.fragment)},l(t){O(e.$$.fragment,t)},m(t,l){U(e,t,l),s=!0},i(t){s||(k(e.$$.fragment,t),s=!0)},o(t){w(e.$$.fragment,t),s=!1},d(t){B(e,t)}}}function cs(a){let e;return{c(){e=d("div"),this.h()},l(s){e=c(s,"DIV",{class:!0}),m(e).forEach(f),this.h()},h(){i(e,"class","pause-filled text-white scale-150")},m(s,t){G(s,e,t)},i:Kt,o:Kt,d(s){s&&f(e)}}}function cn(a){let e,s,t,l;return{c(){e=d("audio"),this.h()},l(n){e=c(n,"AUDIO",{src:!0,style:!0}),m(e).forEach(f),this.h()},h(){Zl(e.src,s=a[6])||i(e,"src",s),cl(e,"display","none")},m(n,r){G(n,e,r),a[30](e),t||(l=[P(e,"loadedmetadata",a[20]),P(e,"timeupdate",a[21]),P(e,"play",a[22]),P(e,"pause",a[23])],t=!0)},p(n,r){r[0]&64&&!Zl(e.src,s=n[6])&&i(e,"src",s)},d(n){n&&f(e),a[30](null),t=!1,xl(l)}}}function dn(a){let e=a[42].name+"",s,t,l=a[42].badge&&ds(a);return{c(){s=D(e),l&&l.c(),t=Ut()},l(n){s=I(n,e),l&&l.l(n),t=Ut()},m(n,r){G(n,s,r),l&&l.m(n,r),G(n,t,r)},p(n,r){n[42].badge&&l.p(n,r)},d(n){n&&(f(s),f(t)),l&&l.d(n)}}}function ds(a){let e,s,t,l=a[42].badge+"",n,r;return{c(){e=D(" "),s=d("span"),t=D("("),n=D(l),r=D(")"),this.h()},l(u){e=I(u," "),s=c(u,"SPAN",{class:!0});var g=m(s);t=I(g,"("),n=I(g,l),r=I(g,")"),g.forEach(f),this.h()},h(){i(s,"class","text-xs text-gray-500")},m(u,g){G(u,e,g),G(u,s,g),o(s,t),o(s,n),o(s,r)},p:Kt,d(u){u&&(f(e),f(s))}}}function mn(a){let e,s=a[42].name===a[2]&&dn(a);return{c(){s&&s.c(),e=Ut()},l(t){s&&s.l(t),e=Ut()},m(t,l){s&&s.m(t,l),G(t,e,l)},p(t,l){t[42].name===t[2]?s?s.p(t,l):(s=dn(t),s.c(),s.m(e.parentNode,e)):s&&(s.d(1),s=null)},d(t){t&&f(e),s&&s.d(t)}}}function hn(a){let e,s=Bt(a[16]),t=[];for(let l=0;l<s.length;l+=1)t[l]=gn(an(a,s,l));return{c(){e=d("div");for(let l=0;l<t.length;l+=1)t[l].c();this.h()},l(l){e=c(l,"DIV",{class:!0});var n=m(e);for(let r=0;r<t.length;r+=1)t[r].l(n);n.forEach(f),this.h()},h(){i(e,"class","absolute top-full left-0 right-0 mt-1 bg-white border border-gray-200 rounded-lg shadow-lg z-10")},m(l,n){G(l,e,n);for(let r=0;r<t.length;r+=1)t[r]&&t[r].m(e,null)},p(l,n){if(n[0]&65556){s=Bt(l[16]);let r;for(r=0;r<s.length;r+=1){const u=an(l,s,r);t[r]?t[r].p(u,n):(t[r]=gn(u),t[r].c(),t[r].m(e,null))}for(;r<t.length;r+=1)t[r].d(1);t.length=s.length}},d(l){l&&f(e),Vl(t,l)}}}function ms(a){let e,s,t,l=a[42].badge+"",n,r;return{c(){e=D(" "),s=d("span"),t=D("("),n=D(l),r=D(")"),this.h()},l(u){e=I(u," "),s=c(u,"SPAN",{class:!0});var g=m(s);t=I(g,"("),n=I(g,l),r=I(g,")"),g.forEach(f),this.h()},h(){i(s,"class","text-xs text-gray-500")},m(u,g){G(u,e,g),G(u,s,g),o(s,t),o(s,n),o(s,r)},p:Kt,d(u){u&&(f(e),f(s))}}}function gn(a){let e,s=a[42].name+"",t,l,n,r,u,g=a[42].badge&&ms(a);function E(){return a[32](a[42])}return{c(){e=d("button"),t=D(s),g&&g.c(),l=v(),this.h()},l(N){e=c(N,"BUTTON",{class:!0});var T=m(e);t=I(T,s),g&&g.l(T),l=p(T),T.forEach(f),this.h()},h(){i(e,"class",n="w-full px-3 py-2 text-left hover:bg-gray-50 transition-colors text-sm "+(a[42].name===a[2]?"bg-gray-100":""))},m(N,T){G(N,e,T),o(e,t),g&&g.m(e,null),o(e,l),r||(u=P(e,"click",E),r=!0)},p(N,T){a=N,a[42].badge&&g.p(a,T),T[0]&4&&n!==(n="w-full px-3 py-2 text-left hover:bg-gray-50 transition-colors text-sm "+(a[42].name===a[2]?"bg-gray-100":""))&&i(e,"class",n)},d(N){N&&f(e),g&&g.d(),r=!1,u()}}}function _n(a){let e,s,t,l=a[39].name[0]+"",n,r,u,g=a[39].name+"",E,N,T,_=a[39].description+"",b,$,S,ue,de;function M(){return a[33](a[39])}return{c(){e=d("button"),s=d("div"),t=d("div"),n=D(l),r=v(),u=d("span"),E=D(g),N=v(),T=d("div"),b=D(_),$=v(),this.h()},l(K){e=c(K,"BUTTON",{class:!0});var j=m(e);s=c(j,"DIV",{class:!0});var W=m(s);t=c(W,"DIV",{class:!0});var Ee=m(t);n=I(Ee,l),Ee.forEach(f),r=p(W),u=c(W,"SPAN",{class:!0});var Le=m(u);E=I(Le,g),Le.forEach(f),W.forEach(f),N=p(j),T=c(j,"DIV",{class:!0});var X=m(T);b=I(X,_),X.forEach(f),$=p(j),j.forEach(f),this.h()},h(){i(t,"class","w-8 h-8 bg-gradient-to-br from-amber-400 to-orange-500 rounded-full flex items-center justify-center text-white text-xs font-medium"),i(u,"class","text-sm font-medium"),i(s,"class","flex items-center gap-2"),i(T,"class","text-xs text-gray-500"),i(e,"class",S="w-full flex items-center justify-between p-2 rounded-md hover:bg-gray-50 transition-colors text-left "+(a[39].name===a[1]?"bg-gray-100":""))},m(K,j){G(K,e,j),o(e,s),o(s,t),o(t,n),o(s,r),o(s,u),o(u,E),o(e,N),o(e,T),o(T,b),o(e,$),ue||(de=P(e,"click",M),ue=!0)},p(K,j){a=K,j[0]&2&&S!==(S="w-full flex items-center justify-between p-2 rounded-md hover:bg-gray-50 transition-colors text-left "+(a[39].name===a[1]?"bg-gray-100":""))&&i(e,"class",S)},d(K){K&&f(e),ue=!1,de()}}}function hs(a){let e,s,t,l,n,r,u,g,E,N,T,_,b,$,S,ue,de,M,K,j,W,Ee,Le,X,Z,Ne,ee,L,me,Nt,J,Te,Ie,He=a[0].length+"",ht,We,Ue,pe,te,ae,q,Ot,fe,ce,re,tt,lt="Model",De,Q,gt,nt,Ve,xt,Se,Ae,Oe,jt='<h3 class="font-medium text-gray-900">Voice</h3>',Mt,ve,qe,Fe,Tt='<div class="flex items-center gap-2"><div class="w-8 h-8 bg-gray-400 rounded-full flex items-center justify-center text-white text-xs font-medium">+</div> <span class="text-sm font-medium text-gray-600">Clone your voice</span></div> <div class="text-xs text-gray-400">(coming soon)</div>',It,he,xe,oe,be,_t="Speed",Lt,st,Pe=a[7].toFixed(1)+"",Ge,Ht,at,le,Wt,ne,Xt="<span>0.5x</span> <span>2.0x</span>",Jt,pt,$e,vt,ul="Stability",rt,bt,F=(a[8]*100).toFixed(0)+"",y,z,ze,Y,Qt,ot,je,Re,qt="Similarity",Vt,$t,Ke=(a[9]*100).toFixed(0)+"",Ft,Yt,Zt,H,el,kt,it,Be,fl="Style",tl,Dt,Xe=a[10]===0?"None":"Exaggerated",At,ll,Ce,Je,Cl,Ml;ue=new Kn({props:{size:18,class:"text-gray-600"}}),K=new Ol({props:{size:18,class:"text-gray-600"}}),Ee=new $n({props:{size:18,class:"text-gray-600"}});let ie=a[3]==="local"&&on(),ke=a[0]&&un(a);const Ll=[os,rs],Gt=[];function Hl(h,A){return h[5]?0:1}te=Hl(a),ae=Gt[te]=Ll[te](a);let se=a[6]&&fn(a),nl=Bt(a[16]),ge=[];for(let h=0;h<nl.length;h+=1)ge[h]=mn(rn(a,nl,h));Ve=new Cn({props:{size:16,class:"text-gray-500"}});let ye=a[4]&&hn(a),sl=Bt(a[17]),_e=[];for(let h=0;h<sl.length;h+=1)_e[h]=_n(sn(a,sl,h));return{c(){e=d("div"),s=d("header"),t=d("div"),l=d("div"),n=d("div"),r=d("button"),u=D("API"),E=v(),N=d("button"),T=D("Local"),b=v(),$=d("div"),S=d("button"),x(ue.$$.fragment),de=v(),M=d("button"),x(K.$$.fragment),j=v(),W=d("button"),x(Ee.$$.fragment),Le=v(),X=d("div"),Z=d("div"),ie&&ie.c(),Ne=v(),ee=d("div"),L=d("textarea"),me=v(),ke&&ke.c(),Nt=v(),J=d("div"),Te=d("div"),Ie=d("span"),ht=D(He),We=D(" / 5,000 characters"),Ue=v(),pe=d("button"),ae.c(),Ot=v(),se&&se.c(),fe=v(),ce=d("div"),re=d("div"),tt=d("h3"),tt.textContent=lt,De=v(),Q=d("button"),gt=d("span");for(let h=0;h<ge.length;h+=1)ge[h].c();nt=v(),x(Ve.$$.fragment),xt=v(),ye&&ye.c(),Se=v(),Ae=d("div"),Oe=d("div"),Oe.innerHTML=jt,Mt=v(),ve=d("div");for(let h=0;h<_e.length;h+=1)_e[h].c();qe=v(),Fe=d("button"),Fe.innerHTML=Tt,It=v(),he=d("div"),xe=d("div"),oe=d("div"),be=d("label"),be.textContent=_t,Lt=v(),st=d("span"),Ge=D(Pe),Ht=D("x"),at=v(),le=d("input"),Wt=v(),ne=d("div"),ne.innerHTML=Xt,Jt=v(),pt=d("div"),$e=d("div"),vt=d("label"),vt.textContent=ul,rt=v(),bt=d("span"),y=D(F),z=D("%"),ze=v(),Y=d("input"),Qt=v(),ot=d("div"),je=d("div"),Re=d("label"),Re.textContent=qt,Vt=v(),$t=d("span"),Ft=D(Ke),Yt=D("%"),Zt=v(),H=d("input"),el=v(),kt=d("div"),it=d("div"),Be=d("label"),Be.textContent=fl,tl=v(),Dt=d("span"),At=D(Xe),ll=v(),Ce=d("input"),this.h()},l(h){e=c(h,"DIV",{class:!0});var A=m(e);s=c(A,"HEADER",{class:!0});var we=m(s);t=c(we,"DIV",{class:!0});var C=m(t);l=c(C,"DIV",{class:!0});var Ct=m(l);n=c(Ct,"DIV",{class:!0});var hl=m(n);r=c(hl,"BUTTON",{class:!0});var Wl=m(r);u=I(Wl,"API"),Wl.forEach(f),E=p(hl),N=c(hl,"BUTTON",{class:!0});var ql=m(N);T=I(ql,"Local"),ql.forEach(f),hl.forEach(f),Ct.forEach(f),b=p(C),$=c(C,"DIV",{class:!0});var al=m($);S=c(al,"BUTTON",{class:!0,title:!0});var Fl=m(S);O(ue.$$.fragment,Fl),Fl.forEach(f),de=p(al),M=c(al,"BUTTON",{class:!0,title:!0});var Gl=m(M);O(K.$$.fragment,Gl),Gl.forEach(f),j=p(al),W=c(al,"BUTTON",{class:!0,title:!0});var Rl=m(W);O(Ee.$$.fragment,Rl),Rl.forEach(f),al.forEach(f),C.forEach(f),we.forEach(f),Le=p(A),X=c(A,"DIV",{class:!0});var gl=m(X);Z=c(gl,"DIV",{class:!0});var St=m(Z);ie&&ie.l(St),Ne=p(St),ee=c(St,"DIV",{class:!0});var _l=m(ee);L=c(_l,"TEXTAREA",{class:!0,placeholder:!0}),m(L).forEach(f),me=p(_l),ke&&ke.l(_l),_l.forEach(f),Nt=p(St),J=c(St,"DIV",{class:!0});var pl=m(J);Te=c(pl,"DIV",{class:!0});var Kl=m(Te);Ie=c(Kl,"SPAN",{class:!0});var Sl=m(Ie);ht=I(Sl,He),We=I(Sl," / 5,000 characters"),Sl.forEach(f),Kl.forEach(f),Ue=p(pl),pe=c(pl,"BUTTON",{class:!0});var Xl=m(pe);ae.l(Xl),Xl.forEach(f),pl.forEach(f),Ot=p(St),se&&se.l(St),St.forEach(f),fe=p(gl),ce=c(gl,"DIV",{class:!0});var rl=m(ce);re=c(rl,"DIV",{class:!0});var ol=m(re);tt=c(ol,"H3",{class:!0,"data-svelte-h":!0}),Qe(tt)!=="svelte-b3hs3r"&&(tt.textContent=lt),De=p(ol),Q=c(ol,"BUTTON",{class:!0});var vl=m(Q);gt=c(vl,"SPAN",{});var Jl=m(gt);for(let Rt=0;Rt<ge.length;Rt+=1)ge[Rt].l(Jl);Jl.forEach(f),nt=p(vl),O(Ve.$$.fragment,vl),vl.forEach(f),xt=p(ol),ye&&ye.l(ol),ol.forEach(f),Se=p(rl),Ae=c(rl,"DIV",{class:!0});var bl=m(Ae);Oe=c(bl,"DIV",{class:!0,"data-svelte-h":!0}),Qe(Oe)!=="svelte-182x1ki"&&(Oe.innerHTML=jt),Mt=p(bl),ve=c(bl,"DIV",{class:!0});var $l=m(ve);for(let Rt=0;Rt<_e.length;Rt+=1)_e[Rt].l($l);qe=p($l),Fe=c($l,"BUTTON",{class:!0,"data-svelte-h":!0}),Qe(Fe)!=="svelte-20x663"&&(Fe.innerHTML=Tt),$l.forEach(f),bl.forEach(f),It=p(rl),he=c(rl,"DIV",{class:!0});var Pt=m(he);xe=c(Pt,"DIV",{});var il=m(xe);oe=c(il,"DIV",{class:!0});var kl=m(oe);be=c(kl,"LABEL",{class:!0,"data-svelte-h":!0}),Qe(be)!=="svelte-9vcpiu"&&(be.textContent=_t),Lt=p(kl),st=c(kl,"SPAN",{class:!0});var Pl=m(st);Ge=I(Pl,Pe),Ht=I(Pl,"x"),Pl.forEach(f),kl.forEach(f),at=p(il),le=c(il,"INPUT",{type:!0,min:!0,max:!0,step:!0,class:!0}),Wt=p(il),ne=c(il,"DIV",{class:!0,"data-svelte-h":!0}),Qe(ne)!=="svelte-4ydm1m"&&(ne.innerHTML=Xt),il.forEach(f),Jt=p(Pt),pt=c(Pt,"DIV",{});var yl=m(pt);$e=c(yl,"DIV",{class:!0});var wl=m($e);vt=c(wl,"LABEL",{class:!0,"data-svelte-h":!0}),Qe(vt)!=="svelte-1lgjete"&&(vt.textContent=ul),rt=p(wl),bt=c(wl,"SPAN",{class:!0});var zl=m(bt);y=I(zl,F),z=I(zl,"%"),zl.forEach(f),wl.forEach(f),ze=p(yl),Y=c(yl,"INPUT",{type:!0,min:!0,max:!0,step:!0,class:!0}),yl.forEach(f),Qt=p(Pt),ot=c(Pt,"DIV",{});var El=m(ot);je=c(El,"DIV",{class:!0});var Nl=m(je);Re=c(Nl,"LABEL",{class:!0,"data-svelte-h":!0}),Qe(Re)!=="svelte-1ha0vec"&&(Re.textContent=qt),Vt=p(Nl),$t=c(Nl,"SPAN",{class:!0});var Bl=m($t);Ft=I(Bl,Ke),Yt=I(Bl,"%"),Bl.forEach(f),Nl.forEach(f),Zt=p(El),H=c(El,"INPUT",{type:!0,min:!0,max:!0,step:!0,class:!0}),El.forEach(f),el=p(Pt),kt=c(Pt,"DIV",{});var Tl=m(kt);it=c(Tl,"DIV",{class:!0});var Il=m(it);Be=c(Il,"LABEL",{class:!0,"data-svelte-h":!0}),Qe(Be)!=="svelte-1ata0tk"&&(Be.textContent=fl),tl=p(Il),Dt=c(Il,"SPAN",{class:!0});var Ql=m(Dt);At=I(Ql,Xe),Ql.forEach(f),Il.forEach(f),ll=p(Tl),Ce=c(Tl,"INPUT",{type:!0,min:!0,max:!0,step:!0,class:!0}),Tl.forEach(f),Pt.forEach(f),rl.forEach(f),gl.forEach(f),A.forEach(f),this.h()},h(){i(r,"class",g="px-3 py-1 text-sm font-medium rounded transition-colors "+(a[3]==="api"?"bg-white shadow-sm":"text-gray-600")),i(N,"class",_="px-3 py-1 text-sm font-medium rounded transition-colors "+(a[3]==="local"?"bg-white shadow-sm":"text-gray-600")),i(n,"class","flex items-center bg-gray-100 rounded-md p-0.5"),i(l,"class","flex items-center gap-3"),i(S,"class","p-2 hover:bg-gray-50 rounded-md"),i(S,"title","Settings"),i(M,"class","p-2 hover:bg-gray-50 rounded-md"),i(M,"title","Share"),i(W,"class","p-2 hover:bg-gray-50 rounded-md"),i(W,"title","More"),i($,"class","flex items-center gap-2"),i(t,"class","flex items-center justify-between px-4 py-2"),i(s,"class","border-b border-gray-200 bg-white"),i(L,"class","w-full h-full p-6 bg-white resize-none border-0 focus:outline-none text-gray-900 text-base leading-relaxed"),i(L,"placeholder","Enter text to convert to speech..."),i(ee,"class","flex-1 pb-24"),i(Ie,"class","text-sm text-gray-500"),i(Te,"class","flex items-center justify-between mb-3"),pe.disabled=q=a[5]||!a[0].trim(),i(pe,"class","w-full px-6 py-3 bg-gradient-to-r from-amber-400 to-orange-500 text-white rounded-lg font-medium hover:from-amber-500 hover:to-orange-600 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2 shadow-sm"),i(J,"class","fixed bottom-0 left-56 right-80 p-4 bg-white border-t border-gray-200"),i(Z,"class","flex-1 flex flex-col p-6"),i(tt,"class","font-medium text-gray-900 mb-3"),i(Q,"class","w-full p-3 border border-gray-200 rounded-lg bg-white text-sm focus:outline-none focus:ring-2 focus:ring-amber-400 focus:border-transparent appearance-none bg-no-repeat bg-right pr-10 shadow-sm text-left flex items-center justify-between"),i(re,"class","mb-6 relative model-dropdown"),i(Oe,"class","mb-3"),i(Fe,"class","w-full flex items-center justify-between p-2 rounded-md opacity-50 cursor-not-allowed text-left"),Fe.disabled=!0,i(ve,"class","space-y-1"),i(Ae,"class","mb-6"),i(be,"class","text-sm font-medium text-gray-700"),i(st,"class","text-sm text-gray-500"),i(oe,"class","flex justify-between mb-1"),i(le,"type","range"),i(le,"min","0.5"),i(le,"max","2"),i(le,"step","0.1"),i(le,"class","w-full h-1.5 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-hf"),i(ne,"class","flex justify-between text-xs text-gray-400 mt-1"),i(vt,"class","text-sm font-medium text-gray-700"),i(bt,"class","text-sm text-gray-500"),i($e,"class","flex justify-between mb-1"),i(Y,"type","range"),i(Y,"min","0"),i(Y,"max","1"),i(Y,"step","0.01"),i(Y,"class","w-full h-1.5 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-hf"),i(Re,"class","text-sm font-medium text-gray-700"),i($t,"class","text-sm text-gray-500"),i(je,"class","flex justify-between mb-1"),i(H,"type","range"),i(H,"min","0"),i(H,"max","1"),i(H,"step","0.01"),i(H,"class","w-full h-1.5 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-hf"),i(Be,"class","text-sm font-medium text-gray-700"),i(Dt,"class","text-sm text-gray-500"),i(it,"class","flex justify-between mb-1"),i(Ce,"type","range"),i(Ce,"min","0"),i(Ce,"max","1"),i(Ce,"step","1"),i(Ce,"class","w-full h-1.5 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-hf"),i(he,"class","space-y-4 pt-4 border-t border-gray-200"),i(ce,"class","w-80 border-l border-gray-200 bg-white p-4 overflow-y-auto"),i(X,"class","flex-1 flex"),i(e,"class","flex flex-col h-full")},m(h,A){G(h,e,A),o(e,s),o(s,t),o(t,l),o(l,n),o(n,r),o(r,u),o(n,E),o(n,N),o(N,T),o(t,b),o(t,$),o($,S),U(ue,S,null),o($,de),o($,M),U(K,M,null),o($,j),o($,W),U(Ee,W,null),o(e,Le),o(e,X),o(X,Z),ie&&ie.m(Z,null),o(Z,Ne),o(Z,ee),o(ee,L),yt(L,a[0]),o(ee,me),ke&&ke.m(ee,null),o(Z,Nt),o(Z,J),o(J,Te),o(Te,Ie),o(Ie,ht),o(Ie,We),o(J,Ue),o(J,pe),Gt[te].m(pe,null),o(Z,Ot),se&&se.m(Z,null),o(X,fe),o(X,ce),o(ce,re),o(re,tt),o(re,De),o(re,Q),o(Q,gt);for(let we=0;we<ge.length;we+=1)ge[we]&&ge[we].m(gt,null);o(Q,nt),U(Ve,Q,null),o(re,xt),ye&&ye.m(re,null),o(ce,Se),o(ce,Ae),o(Ae,Oe),o(Ae,Mt),o(Ae,ve);for(let we=0;we<_e.length;we+=1)_e[we]&&_e[we].m(ve,null);o(ve,qe),o(ve,Fe),o(ce,It),o(ce,he),o(he,xe),o(xe,oe),o(oe,be),o(oe,Lt),o(oe,st),o(st,Ge),o(st,Ht),o(xe,at),o(xe,le),yt(le,a[7]),o(xe,Wt),o(xe,ne),o(he,Jt),o(he,pt),o(pt,$e),o($e,vt),o($e,rt),o($e,bt),o(bt,y),o(bt,z),o(pt,ze),o(pt,Y),yt(Y,a[8]),o(he,Qt),o(he,ot),o(ot,je),o(je,Re),o(je,Vt),o(je,$t),o($t,Ft),o($t,Yt),o(ot,Zt),o(ot,H),yt(H,a[9]),o(he,el),o(he,kt),o(kt,it),o(it,Be),o(it,tl),o(it,Dt),o(Dt,At),o(kt,ll),o(kt,Ce),yt(Ce,a[10]),Je=!0,Cl||(Ml=[P(r,"click",a[27]),P(N,"click",a[28]),P(L,"input",a[29]),P(pe,"click",a[18]),P(Q,"click",a[31]),P(le,"change",a[34]),P(le,"input",a[34]),P(Y,"change",a[35]),P(Y,"input",a[35]),P(H,"change",a[36]),P(H,"input",a[36]),P(Ce,"change",a[37]),P(Ce,"input",a[37]),P(e,"click",a[25])],Cl=!0)},p(h,A){(!Je||A[0]&8&&g!==(g="px-3 py-1 text-sm font-medium rounded transition-colors "+(h[3]==="api"?"bg-white shadow-sm":"text-gray-600")))&&i(r,"class",g),(!Je||A[0]&8&&_!==(_="px-3 py-1 text-sm font-medium rounded transition-colors "+(h[3]==="local"?"bg-white shadow-sm":"text-gray-600")))&&i(N,"class",_),h[3]==="local"?ie?A[0]&8&&k(ie,1):(ie=on(),ie.c(),k(ie,1),ie.m(Z,Ne)):ie&&(ml(),w(ie,1,1,()=>{ie=null}),dl()),A[0]&1&&yt(L,h[0]),h[0]?ke?ke.p(h,A):(ke=un(h),ke.c(),ke.m(ee,null)):ke&&(ke.d(1),ke=null),(!Je||A[0]&1)&&He!==(He=h[0].length+"")&&ut(ht,He);let we=te;if(te=Hl(h),te!==we&&(ml(),w(Gt[we],1,1,()=>{Gt[we]=null}),dl(),ae=Gt[te],ae||(ae=Gt[te]=Ll[te](h),ae.c()),k(ae,1),ae.m(pe,null)),(!Je||A[0]&33&&q!==(q=h[5]||!h[0].trim()))&&(pe.disabled=q),h[6]?se?(se.p(h,A),A[0]&64&&k(se,1)):(se=fn(h),se.c(),k(se,1),se.m(Z,null)):se&&(ml(),w(se,1,1,()=>{se=null}),dl()),A[0]&65540){nl=Bt(h[16]);let C;for(C=0;C<nl.length;C+=1){const Ct=rn(h,nl,C);ge[C]?ge[C].p(Ct,A):(ge[C]=mn(Ct),ge[C].c(),ge[C].m(gt,null))}for(;C<ge.length;C+=1)ge[C].d(1);ge.length=nl.length}if(h[4]?ye?ye.p(h,A):(ye=hn(h),ye.c(),ye.m(re,null)):ye&&(ye.d(1),ye=null),A[0]&131074){sl=Bt(h[17]);let C;for(C=0;C<sl.length;C+=1){const Ct=sn(h,sl,C);_e[C]?_e[C].p(Ct,A):(_e[C]=_n(Ct),_e[C].c(),_e[C].m(ve,qe))}for(;C<_e.length;C+=1)_e[C].d(1);_e.length=sl.length}(!Je||A[0]&128)&&Pe!==(Pe=h[7].toFixed(1)+"")&&ut(Ge,Pe),A[0]&128&&yt(le,h[7]),(!Je||A[0]&256)&&F!==(F=(h[8]*100).toFixed(0)+"")&&ut(y,F),A[0]&256&&yt(Y,h[8]),(!Je||A[0]&512)&&Ke!==(Ke=(h[9]*100).toFixed(0)+"")&&ut(Ft,Ke),A[0]&512&&yt(H,h[9]),(!Je||A[0]&1024)&&Xe!==(Xe=h[10]===0?"None":"Exaggerated")&&ut(At,Xe),A[0]&1024&&yt(Ce,h[10])},i(h){Je||(k(ue.$$.fragment,h),k(K.$$.fragment,h),k(Ee.$$.fragment,h),k(ie),k(ae),k(se),k(Ve.$$.fragment,h),Je=!0)},o(h){w(ue.$$.fragment,h),w(K.$$.fragment,h),w(Ee.$$.fragment,h),w(ie),w(ae),w(se),w(Ve.$$.fragment,h),Je=!1},d(h){h&&f(e),B(ue),B(K),B(Ee),ie&&ie.d(),ke&&ke.d(),Gt[te].d(),se&&se.d(),Vl(ge,h),B(Ve),ye&&ye.d(),Vl(_e,h),Cl=!1,xl(Ml)}}}function zt(a){const e=Math.floor(a/60),s=Math.floor(a%60);return`${e}:${s.toString().padStart(2,"0")}`}function pn(){console.log("Share audio")}function gs(a,e,s){let t=`Adam was playing outside when he heard a tiny meow! He looked around. Meow! There it was again! He tiptoed toward the bushes. Pushing the leaves aside, he gasped. A fluffy, orange kitten with big, curious eyes stared up at him. "Oh no! Where is your home?" Adam asked. The kitten just blinked and let out a tiny mew!
+
+"Mama! I found a lost kitten!" Adam called as he carried the little furball inside. The kitten sniffed around, then jumped up—boing!—right onto the couch. "Oh!" Mama laughed. "Let's give it some milk while we find its owner." The kitten licked the milk happily and purred, prrrr! Adam giggled. "I think he likes it here!"
+
+That evening, there was a knock at the door. A little girl stood there, eyes wide. "Have you seen my kitten, Biscuit?" she asked. Adam smiled and pointed. The kitten ran to her, mew mew mew! The girl hugged Biscuit tightly. "Thank you!" she said. As she left, Adam waved. "Goodbye, Biscuit!" he whispered. And in the quiet, he could still hear a happy prrrr!`,l="Novia",n="Chatterbox",r="api",u=!1,g=!1,E=null,N=1,T=.5,_=.75,b=0,$=!1,S=0,ue=0,de="",M=null;const K=[{id:"chatterbox",name:"Chatterbox",badge:"recommended"},{id:"kokoro",name:"Kokoro",badge:"faster but lower quality"}],j=[{id:"novia",name:"Novia",description:"Warm, conversational voice"},{id:"sarah",name:"Sarah",description:"Clear, professional tone"},{id:"alex",name:"Alex",description:"Friendly, approachable voice"},{id:"emma",name:"Emma",description:"Calm, soothing delivery"}];async function W(){t.trim()&&(s(5,g=!0),s(6,E=null),s(12,S=0),s(11,$=!1),s(14,de=t.length>30?t.substring(0,30)+"...":t),setTimeout(()=>{s(6,E="/samples/harvard.wav"),s(5,g=!1)},2e3))}function Ee(){M&&($?M.pause():M.play())}function Le(){M&&(s(13,ue=M.duration),M.play())}function X(){M&&s(12,S=M.currentTime)}function Z(){s(11,$=!0)}function Ne(){s(11,$=!1)}function ee(){if(E){const q=document.createElement("a");q.href=E,q.download="speech.wav",q.click()}}function L(q){q.target.closest(".model-dropdown")||s(4,u=!1)}function me(){s(0,t=""),s(6,E=null)}const Nt=()=>s(3,r="api"),J=()=>s(3,r="local");function Te(){t=this.value,s(0,t)}function Ie(q){kn[q?"unshift":"push"](()=>{M=q,s(15,M)})}const He=()=>s(4,u=!u),ht=q=>{s(2,n=q.name),s(4,u=!1)},We=q=>s(1,l=q.name);function Ue(){N=Dl(this.value),s(7,N)}function pe(){T=Dl(this.value),s(8,T)}function te(){_=Dl(this.value),s(9,_)}function ae(){b=Dl(this.value),s(10,b)}return[t,l,n,r,u,g,E,N,T,_,b,$,S,ue,de,M,K,j,W,Ee,Le,X,Z,Ne,ee,L,me,Nt,J,Te,Ie,He,ht,We,Ue,pe,te,ae]}class vs extends Ye{constructor(e){super(),Ze(this,e,gs,hs,Me,{},null,[-1,-1])}}export{vs as component};

hfstudio/static/_app/immutable/nodes/3.VqKPhUiT.js

@@ -0,0 +1 @@
+import{S as V,i as j,s as q,n as A,d,b as y,c as h,m as N,o as f,p as O,h as E,e as p,f as b,q as H,k as P,j as _,l as z,r as M,a as S,u as R,g as I,t as C}from"../chunks/9DiovRey.js";import"../chunks/IHki7fMi.js";import{g as F}from"../chunks/Dh5qNFGZ.js";import{p as B}from"../chunks/BHHrQo_1.js";function G(m){let s,t,l,e,r;return{c(){s=_("div"),t=_("div"),l=P(),e=_("p"),r=C(m[0]),this.h()},l(u){s=p(u,"DIV",{class:!0});var o=b(s);t=p(o,"DIV",{class:!0}),b(t).forEach(d),l=E(o),e=p(o,"P",{});var n=b(e);r=I(n,m[0]),n.forEach(d),o.forEach(d),this.h()},h(){f(t,"class","animate-spin w-8 h-8 border-2 border-amber-400 border-t-transparent rounded-full mx-auto mb-2"),f(s,"class","text-gray-600 mb-4")},m(u,o){y(u,s,o),h(s,t),h(s,l),h(s,e),h(e,r)},p(u,o){o&1&&S(r,u[0])},d(u){u&&d(s)}}}function J(m){let s,t,l,e,r,u,o,n,k="Return to HFStudio",g,x;return{c(){s=_("div"),t=_("p"),l=C(m[0]),e=P(),r=_("p"),u=C(m[1]),o=P(),n=_("button"),n.textContent=k,this.h()},l(c){s=p(c,"DIV",{class:!0});var a=b(s);t=p(a,"P",{class:!0});var i=b(t);l=I(i,m[0]),i.forEach(d),e=E(a),r=p(a,"P",{class:!0});var v=b(r);u=I(v,m[1]),v.forEach(d),a.forEach(d),o=E(c),n=p(c,"BUTTON",{class:!0,"data-svelte-h":!0}),H(n)!=="svelte-lo2i5l"&&(n.textContent=k),this.h()},h(){f(t,"class","font-medium"),f(r,"class","text-sm mt-1"),f(s,"class","text-red-600 mb-4"),f(n,"class","px-4 py-2 bg-gradient-to-r from-amber-400 to-orange-500 text-white rounded-lg hover:from-amber-500 hover:to-orange-600 transition-colors")},m(c,a){y(c,s,a),h(s,t),h(t,l),h(s,e),h(s,r),h(r,u),y(c,o,a),y(c,n,a),g||(x=R(n,"click",m[2]),g=!0)},p(c,a){a&1&&S(l,c[0]),a&2&&S(u,c[1])},d(c){c&&(d(s),d(o),d(n)),g=!1,x()}}}function L(m){let s,t,l,e,r,u,o,n,k="HFStudio Authentication",g;function x(i,v){return i[1]?J:G}let c=x(m),a=c(m);return{c(){s=P(),t=_("div"),l=_("div"),e=_("div"),r=_("img"),o=P(),n=_("h1"),n.textContent=k,g=P(),a.c(),this.h()},l(i){O("svelte-17lku3q",document.head).forEach(d),s=E(i),t=p(i,"DIV",{class:!0});var D=b(t);l=p(D,"DIV",{class:!0});var T=b(l);e=p(T,"DIV",{class:!0});var w=b(e);r=p(w,"IMG",{src:!0,alt:!0,class:!0}),o=E(w),n=p(w,"H1",{class:!0,"data-svelte-h":!0}),H(n)!=="svelte-l7zisw"&&(n.textContent=k),g=E(w),a.l(w),w.forEach(d),T.forEach(d),D.forEach(d),this.h()},h(){document.title="Authenticating with Hugging Face - HFStudio",N(r.src,u="/assets/hf-logo.png")||f(r,"src",u),f(r,"alt","HF Logo"),f(r,"class","w-12 h-12 mx-auto mb-4"),f(n,"class","text-xl font-semibold mb-2"),f(e,"class","text-center"),f(l,"class","max-w-md w-full bg-white rounded-lg shadow-md p-6"),f(t,"class","min-h-screen flex items-center justify-center bg-gray-50")},m(i,v){y(i,s,v),y(i,t,v),h(t,l),h(l,e),h(e,r),h(e,o),h(e,n),h(e,g),a.m(e,null)},p(i,[v]){c===(c=x(i))&&a?a.p(i,v):(a.d(1),a=c(i),a&&(a.c(),a.m(e,null)))},i:A,o:A,d(i){i&&(d(s),d(t)),a.d()}}}function U(m,s,t){let l;z(m,B,o=>t(3,l=o));let e="Processing...",r=null;return M(async()=>{try{const o=l.url.searchParams.get("code"),n=l.url.searchParams.get("state"),k=l.url.searchParams.get("error"),g=l.url.searchParams.get("error_description");if(k){t(1,r=g||k),t(0,e="Authentication failed");return}if(!o){t(1,r="No authorization code received"),t(0,e="Authentication failed");return}const x=sessionStorage.getItem("oauth_state");if(x&&n!==x){t(1,r="Invalid state parameter"),t(0,e="Authentication failed");return}const c=await fetch("/api/auth/token",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({code:o})});if(!c.ok){const i=await c.text();throw console.error("Token exchange failed:",i),new Error(`Failed to exchange code for token: ${i}`)}const a=await c.json();localStorage.setItem("hf_access_token",a.access_token),t(0,e="Successfully authenticated!"),setTimeout(()=>{F("/")},2e3)}catch(o){t(1,r=o.message),t(0,e="Authentication failed")}}),[e,r,()=>F("/")]}class Y extends V{constructor(s){super(),j(this,s,U,L,q,{})}}export{Y as component};

hfstudio/static/_app/version.json

@@ -0,0 +1 @@
+{"version":"1760660574318"}

hfstudio/static/index.html

@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="/assets/hf-logo.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<title>HFStudio - Text to Speech</title>
+		
+		<link rel="modulepreload" href="/_app/immutable/entry/start.CYVq8xer.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/Dh5qNFGZ.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/9DiovRey.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/app.DrVe4Aen.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/IHki7fMi.js">
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">
+			<script>
+				{
+					__sveltekit_pr8qbd = {
+						base: ""
+					};
+
+					const element = document.currentScript.parentElement;
+
+					Promise.all([
+						import("/_app/immutable/entry/start.CYVq8xer.js"),
+						import("/_app/immutable/entry/app.DrVe4Aen.js")
+					]).then(([kit, app]) => {
+						kit.start(app, element);
+					});
+				}
+			</script>
+		</div>
+	</body>
+</html>

hfstudio/static/samples/harvard.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:971b4163670445c415c6b0fb6813c38093409ecac2f6b4d429ae3574d24ad470
+size 3249924

package-lock.json

@@ -0,0 +1,6 @@
+{
+  "name": "hfstudio",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}

pyproject.toml

@@ -0,0 +1,63 @@
+[build-system]
+requires = ["setuptools>=61.0", "wheel"]
+build-backend = "setuptools.build_meta"
+
+[project]
+name = "hfstudio"
+dynamic = ["version"]
+description = "Local and API-based Text-to-Speech Studio"
+readme = "README.md"
+requires-python = ">=3.8"
+license = {text = "MIT"}
+authors = [
+    {name = "HFStudio Team"}
+]
+classifiers = [
+    "Development Status :: 3 - Alpha",
+    "Intended Audience :: Developers",
+    "Topic :: Multimedia :: Sound/Audio :: Speech",
+    "License :: OSI Approved :: MIT License",
+    "Programming Language :: Python :: 3",
+    "Programming Language :: Python :: 3.8",
+    "Programming Language :: Python :: 3.9",
+    "Programming Language :: Python :: 3.10",
+    "Programming Language :: Python :: 3.11",
+]
+dependencies = [
+    "fastapi>=0.100.0",
+    "uvicorn[standard]>=0.20.0",
+    "typer[all]>=0.9.0",
+    "pydantic>=2.0.0",
+]
+
+[project.optional-dependencies]
+dev = [
+    "pytest>=7.0.0",
+    "pytest-asyncio>=0.21.0",
+    "black>=23.0.0",
+    "ruff>=0.1.0",
+]
+
+[project.scripts]
+hfstudio = "hfstudio.cli:main"
+
+[project.urls]
+Homepage = "https://github.com/yourusername/hfstudio"
+Repository = "https://github.com/yourusername/hfstudio"
+
+[tool.setuptools]
+packages = ["hfstudio"]
+
+[tool.setuptools.package-data]
+hfstudio = ["frontend/package.json", "static/**/*"]
+
+[tool.setuptools.dynamic]
+version = {attr = "hfstudio.__version__"}
+
+[tool.ruff]
+line-length = 88
+target-version = "py38"
+
+[tool.black]
+line-length = 88
+target-version = ['py38']

requirements.txt

@@ -0,0 +1,8 @@
+fastapi>=0.104.0
+uvicorn[standard]>=0.24.0
+pydantic>=2.0.0
+httpx>=0.25.0
+numpy>=1.24.0
+soundfile>=0.12.0
+typer>=0.9.0
+rich>=13.0.0

requirements_space.txt

@@ -0,0 +1,8 @@
+fastapi>=0.104.0
+uvicorn[standard]>=0.24.0
+pydantic>=2.0.0
+httpx>=0.25.0
+numpy>=1.24.0
+soundfile>=0.12.0
+typer>=0.9.0
+rich>=13.0.0