upstream-archive/VoiceStudio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: refresh support and integrations experience

Browse Source
This commit is contained in:
Palash Debnath
2026-09-16 12:38:16 +05:30
parent 61d52944f2
commit 1d5d3d873e
112 changed files with 4650 additions and 1394 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CHANGELOG.md
+8
View File
@@ -10,6 +10,14 @@ the frozen-backend fallback mirror it for their toolchains.
**Highlights**
- The README is shorter, with a new Electron UI tour and refreshed screenshots (#2129)
- Support pages feature cleaner donation cards, with a workspace support shortcut and sponsor footer with hover cards and email inquiries (#2129)
- Integrations has a dedicated sidebar workspace with featured sponsors, searchable AI providers, and smooth sponsor-strip scrolling (#2129)
- Integrations now covers 100+ automation, communications, MCP, agent, developer, data, and productivity tools with config-driven detail pages (#2129)
- Electron now ships as a complete cross-platform VoiceStudio desktop app with local-first cloning, production workspaces, model packs, repair agents, native integrations, updates, parity checks, and the shared backend contracts required by those workflows (#1823)
- The Model Catalogue is one page: what you use now on top, then each family's engines and weights (#2013)
README.md
+45 -466
View File
@@ -1,502 +1,81 @@
<div align="center">
<h3>NOTE: Electron Rewrite Ongoing: Please dont't create desktop app related issues and pr</h3>
<p><img src="docs/logo.png" alt="VoiceStudio logo" width="120" height="120" /></p>
<img src="docs/logo.png" alt="VoiceStudio" width="88" />
<h1>VoiceStudio</h1>
<p><strong>Your voices. Your stories. Your machine.</strong></p>
<p>Clone voices, dub videos, dictate, and create audiobooks with local AI.</p>
<p>
<a href="https://trendshift.io/repositories/28176?utm_source=repository-badge&amp;utm_medium=badge&amp;utm_campaign=badge-repository-28176" target="_blank" rel="noopener noreferrer"><img src="https://trendshift.io/api/badge/repositories/28176" alt="VoiceStudio ranking on Trendshift" width="220" height="48" /></a>
</p>
<p><sub>Previously OmniVoice-Studio</sub></p>
<h3>Clone voices, dub video, dictate, and produce long-form audio on your own hardware.</h3>
<p>16 TTS engines · 11 ASR engines · 646-language catalogue · macOS, Windows, Linux, and Docker</p>
<p>No account, API key, subscription, or usage meter for the local workflow.</p>
<p>
<a href="#install">Install</a> ·
<a href="#features">Features</a> ·
<a href="#comparison">Compare</a> ·
<a href="#requirements">Requirements</a> ·
<a href="#hardware-recommendations">Hardware</a> ·
<a href="#engines">Engines</a> ·
<a href="#architecture">Architecture</a> ·
<a href="#api">API</a> ·
<a href="https://github.com/debpalash/VoiceStudio/releases/latest">Download</a> ·
<a href="#get-started">Get started</a> ·
<a href="#documentation">Docs</a> ·
<a href="#faq">FAQ</a> ·
<a href="README_CN.md"><strong>简体中文</strong></a>
<a href="https://discord.gg/bzQavDfVV9">Discord</a> ·
<a href="README_CN.md">简体中文</a>
</p>
<p>
<a href="https://github.com/debpalash/VoiceStudio/actions/workflows/ci.yml"><img src="https://img.shields.io/github/actions/workflow/status/debpalash/VoiceStudio/ci.yml?branch=main&style=flat-square&label=CI" alt="CI status" /></a>
<a href="https://github.com/debpalash/VoiceStudio/stargazers"><img src="https://img.shields.io/github/stars/debpalash/VoiceStudio?style=flat-square&color=f59e0b" alt="GitHub stars" /></a>
<a href="https://github.com/debpalash/VoiceStudio/releases"><img src="https://img.shields.io/github/downloads/debpalash/VoiceStudio/total?style=flat-square&color=8b5cf6&label=downloads" alt="Total downloads" /></a>
<a href="https://github.com/debpalash/VoiceStudio/releases/latest"><img src="https://img.shields.io/github/v/release/debpalash/VoiceStudio?style=flat-square&color=10b981" alt="Latest release" /></a>
<a href="LICENSE"><img src="https://img.shields.io/badge/license-AGPL--3.0-blue?style=flat-square" alt="AGPL-3.0 license" /></a>
<a href="https://discord.gg/bzQavDfVV9"><img src="https://img.shields.io/badge/Discord-Community-5865F2?style=flat-square&logo=discord&logoColor=white" alt="Discord community" /></a>
</p>
<p>
<a href="https://github.com/debpalash/VoiceStudio/releases/latest"><img src="https://img.shields.io/badge/Download-macOS_·_Windows_·_Linux-10b981?style=for-the-badge" alt="Download VoiceStudio" /></a>
<a href="https://github.com/debpalash/VoiceStudio/actions/workflows/ci.yml"><img src="https://img.shields.io/github/actions/workflow/status/debpalash/VoiceStudio/ci.yml?branch=main" alt="CI" /></a>
<a href="https://github.com/debpalash/VoiceStudio/releases/latest"><img src="https://img.shields.io/github/v/release/debpalash/VoiceStudio" alt="Latest release" /></a>
<a href="LICENSE"><img src="https://img.shields.io/badge/license-AGPL--3.0-blue" alt="AGPL-3.0" /></a>
</p>
</div>
<div align="center">
<img src="docs/media/0.5.0/quick-switch.gif" alt="Switching TTS engines from the VoiceStudio status bar" width="100%" />
</div>
![A tour of the Electron app: voice cloning, voice design, dubbing, and model management](docs/media/electron/voicestudio.gif)
> [!WARNING]
> **Active beta.** Use the [latest release](https://github.com/debpalash/VoiceStudio/releases/latest) for stable work. `main` contains the newest fixes and may change between releases. Report problems through [GitHub Issues](https://github.com/debpalash/VoiceStudio/issues).
<p align="center"><sub>The new Electron desktop UI, captured from this branch with the bundled demo voice. Release builds may look different.</sub></p>
## At a glance
## Create with VoiceStudio
| | VoiceStudio |
|---|---|
| **Workflows** | Voice cloning and design, video dubbing, dictation, stories, audiobooks, batch generation |
| **Language catalogue** | 646 TTS languages; actual coverage and quality depend on the selected engine |
| **Engines** | 16 TTS · 11 ASR · switch in Model Catalogue or with <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>E</kbd> |
| **Platforms** | macOS 13.3+ on Apple Silicon · Windows 10/11 x64 · Linux x86_64 with glibc 2.39+ |
| **Compute** | CUDA · Apple Silicon MPS/MLX · ROCm on Linux · CPU · optional remote workers |
| **Interfaces** | Desktop app · local REST/SSE/WebSocket API · OpenAI-compatible audio API · MCP Server |
| **Storage** | Voices, projects, settings, and outputs stay on the machine by default |
| **License** | AGPL-3.0 application; downloaded models keep their upstream terms |
- **Clone & design voices** — use a reference recording or describe the voice you imagine.
- **Dub video** — transcribe, translate, assign speakers, and edit timed speech.
- **Dictate anywhere** — record, transcribe, and copy text with a floating recording widget.
- **Tell longer stories** — create multi-voice scripts, audiobooks, and batch jobs.
- **Choose your models** — manage speech and transcription engines, languages, and compute devices.
The Voice workspace starts with three tabs: **From audio** for cloning, **By design** for creating a voice, and **Convert** for speech-to-speech conversion. Each tab displays its own workflow, with Synthesize Audio or Convert pinned below the scrolling form. The top-bar **Engines** panel combines engine selection, loaded models, and unload/flush controls; <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>E</kbd> opens it. The searchable language picker shares Dubbing’s flags and language list layout, selects one output language, and retains Auto and the full cloning catalogue. Language options flow into multiple columns when space allows. Expand **Workspaces** in the sidebar to reveal navigation labels; Escape collapses it.
Start with **VoiceStudio** (default, powered by k2-fsa/OmniVoice), or choose another engine.
Dubbing starts with file upload or URL import and nearby language choices. Its **Projects** panel lists previous dubs so they can be reopened by clicking anywhere on a card; action buttons operate independently. Advanced import options include captions and optional YouTube sign-in. Dubbing places playback controls over the video with background blur and combines the waveform and timed transcript in one compact editing surface. Drag the zoomed waveform left or right to pan; click to seek. Translation language and ISO-code controls stay synchronized; Auto clears any previous language code and dialect. Transcript items group editable text, timing and status, and voice controls into three readable rows that wrap with the panel width. Output Options stays compact with the active settings shown in its summary; expand it to change output, timing, or voice matching. Transcript, glossary, and paste controls share a toolbar above the segment editor. Project details, workflow steps, and Generate/Verify/Export actions use an unfilled header.
Local workflows run on your hardware. Remote services are optional; usage analytics requires consent.
The Audiobook Script editor fills the available workspace beneath its markup toolbar; Voices and Book settings stay in their own tabs.
<table>
<tr>
<td><img src="docs/media/electron/voice-cloning.png" alt="Electron voice cloning workspace with the bundled demo voice" width="100%" /></td>
<td><img src="docs/media/electron/dubbing.png" alt="Electron video dubbing workspace" width="100%" /></td>
</tr>
<tr><td align="center">Voice cloning</td><td align="center">Video dubbing</td></tr>
</table>
Output settings use aligned rows; review status appears before the collapsible transcript and glossary. Glossary terms have labelled entry fields and an explicit edit action. Launchpad arranges recent files and saved voices side by side when space allows, with responsive card grids and visible Open actions.
## Get started
The casting board shows icon-based voice cards and searchable selectors for each speaker. Drag a card onto a speaker or choose a voice from that speaker’s menu.
Download from [Releases](https://github.com/debpalash/VoiceStudio/releases/latest), then follow your platform guide:
<a id="install"></a>
**[macOS](docs/install/macos.md) · [Windows](docs/install/windows.md) · [Linux](docs/install/linux.md) · [Docker](docs/install/docker.md)**
## Install
Open **Voice cloning**, choose a voice or add a clean reference recording, enter your text, and generate. Install the required model when prompted. Hardware needs vary by engine; see [performance](docs/performance.md).
Download a package from the [latest release](https://github.com/debpalash/VoiceStudio/releases/latest), then follow the platform guide.
| Platform | Package | Guide |
|---|---|---|
| macOS 13.3+ | Apple Silicon DMG | [Install on macOS](docs/install/macos.md) |
| Windows 10/11 | x64 MSI; choose the current-user build when listed to install without admin access | [Install on Windows](docs/install/windows.md#install-pre-built-msi) |
| Linux | AppImage, x86_64 with glibc 2.39+ | [Install on Linux](docs/install/linux.md) |
| Docker | Linux/AMD64 images; CUDA, ROCm, CPU, and worker-only GPU profiles | [Run with Docker](docs/install/docker.md) |
First launch creates a managed Python environment and downloads the default model. Later launches reuse both.
> [!NOTE]
> On macOS, first launch needs a one-time right-click, then **Open** approval. Intel Macs cannot run the local Python backend; use a [remote backend](docs/install/macos.md) instead.
### Quick Docker run
The published images are **`linux/amd64` only**. On Apple Silicon, use the
[native macOS app](docs/install/macos.md) for GPU acceleration. ARM64 hosts
should read the [architecture requirements](docs/install/docker.md#architecture)
before pulling an image.
```bash
docker run -d -p 127.0.0.1:3900:3900 -v omnivoice-data:/app/omnivoice_data --name voicestudio palashdeb/omnivoice-studio:stable
```
### First voice
1. Launch VoiceStudio and open **Voice Cloning**.
2. Add a clean voice sample. Three seconds works; 5 to 15 seconds usually gives a better prompt.
3. Enter text, choose a language, then select **Generate**.
> [!TIP]
> **Try without installing:** Run VoiceStudio in the cloud via the [Google Colab notebook](https://colab.research.google.com/github/debpalash/VoiceStudio/blob/main/notebooks/OmniVoice_Studio_Colab.ipynb). Explore audio quality comparisons in [benchmarks](docs/benchmarks.md) and prompt design tips in [expressive speech](docs/expressive-speech.md).
### Audio samples
Listen to sample outputs produced locally with VoiceStudio:
| Workflow | Prompt / Reference Audio | Generated Audio |
|---|---|---|
| **Voice Cloning** | [demo_voice.wav](backend/assets/samples/demo_voice.wav) | [demo_clone_output.wav](backend/assets/samples/demo_clone_output.wav) |
| **Voice Design** (US News Anchor) | *"Clear, authoritative American broadcast tone"* | [demo_voice_design_us_news_anchor.wav](backend/assets/samples/voice_design/demo_voice_design_us_news_anchor.wav) |
| **Voice Design** (UK Audiobook) | *"Warm, expressive British storytelling voice"* | [demo_voice_design_audiobook_uk_narrator.wav](backend/assets/samples/voice_design/demo_voice_design_audiobook_uk_narrator.wav) |
| **Video Dubbing** (Multilingual) | [source.src.wav](backend/assets/samples/demo/dubbing/source.src.wav) | [Spanish](backend/assets/samples/demo/dubbing/dubbed_es.src.wav) · [French](backend/assets/samples/demo/dubbing/dubbed_fr.src.wav) · [Japanese](backend/assets/samples/demo/dubbing/dubbed_ja.src.wav) · [Chinese](backend/assets/samples/demo/dubbing/dubbed_zh.src.wav) |
### Run from source
Install the [development prerequisites](.github/CONTRIBUTING.md#development-setup) (Node 20+/Bun and Python 3.11+), then:
**Run the Electron preview from source:**
```bash
git clone https://github.com/debpalash/VoiceStudio.git
cd VoiceStudio
bun install
bun run desktop
cd electron
bun run dev
```
The desktop launcher configures Python dependencies on first run via `uv` automatically. Use `bun run dev` for the browser UI. See [Contributing](.github/CONTRIBUTING.md) for services, tests, and platform packages.
### If setup fails
- Run **Settings → About → Run self-check** or `uv run python backend/main.py --diagnose --deep`.
- Check [install troubleshooting](docs/install/troubleshooting.md).
- Save a scrubbed diagnostic bundle from the app when opening an issue.
- For slow generation, compare [measured benchmarks](docs/benchmarks.md) and [performance settings](docs/performance.md).
<a id="features"></a>
## Features
| Area | Included |
|---|---|
| **Voice Cloning** | Zero-shot synthesis from a short reference clip ([guide](docs/engines/README.md)) |
| **Voice Design** | Create a voice from age, accent, pitch, style, and delivery instructions ([expressive speech](docs/expressive-speech.md)) |
| **Video Dubbing** | Transcribe, translate, preserve speakers, synthesize, and export video; compact translation settings include track selection, and completed dubs flag timing issues for review ([export guide](docs/dubbing/export.md)) |
| **Stories and audiobooks** | Multi-voice scripts · EPUB/PDF import · chapter rendering · `.m4b` export |
| **[Dictation Widget](docs/features/dictation.md)** | System-wide shortcut, live transcription, optional local-LLM cleanup |
| **Vocal Isolation** | Demucs speech/background separation |
| **Speaker Diarization** | Pyannote and WhisperX speaker assignment ([guide](docs/features/diarization.md)) |
| **Batch Queue** | Queue large sets of audio and video jobs with per-job progress, or watch a local folder for new videos |
| **Model Catalogue** | Install, remove, select, and route TTS, ASR, and LLM models ([catalogue](docs/engines/README.md)) |
| **Remote Model Downloads** | Install models on enrolled remote workers with live progress ([guide](docs/downloading-models.md)) |
| **GPU Auto-Detect** | CUDA, MPS, ROCm, and CPU routing with per-engine checks ([performance](docs/performance.md)) |
| **AI Watermark** | AudioSeal embedding and detection |
| **MCP Server** | Synthesis and transcription tools for MCP clients ([guide](docs/mcp.md)) |
| **Diagnostics** | Self-checks, error journal, logs, and scrubbed support bundles ([troubleshooting](docs/install/troubleshooting.md)) |
| **Local-first** | Core creation stays local; network-backed features are explicit opt-ins |
| **Extensible** | Registry-based TTS, ASR, and plugin interfaces ([acceptance](docs/engine-acceptance.md)) |
<table>
<tr>
<td width="50%"><img src="docs/media/0.5.0/catalogue.png" alt="VoiceStudio Model Catalogue" width="100%" /></td>
<td width="50%"><img src="docs/media/0.5.0/gallery-save.png" alt="Saving a gallery voice as a local profile" width="100%" /></td>
</tr>
<tr>
<td align="center"><sub>Model Catalogue: engine, device, and install state</sub></td>
<td align="center"><sub>Gallery: save a shared voice as a local profile</sub></td>
</tr>
</table>
<a id="comparison"></a>
## Comparison
VoiceStudio trades managed cloud compute for local control. This is the practical difference:
| | **VoiceStudio** | **Typical hosted voice service** |
|---|---|---|
| **Best fit** | Private, offline, self-hosted, or high-volume work | Fast setup without local model management |
| **Data path** | Local by default; remote features are opt-in | Audio and text are processed by the provider |
| **Cost model** | Free software; you supply the hardware | Subscription, credits, or metered API use |
| **Setup** | Install the app and model weights | Create an account and use the web app or API |
| **Performance** | Depends on your engine and hardware | Provider manages compute and scaling |
| **Offline use** | Yes, after required models are installed | Usually requires a network connection |
| **Customization** | Source, engines, models, API, and routing are open | Limited to provider options |
| **Maintenance** | You manage updates, disk, and compute | Provider manages infrastructure |
<a id="requirements"></a>
## Requirements
Requirements vary by engine. These values cover the default local workflow.
| | **Minimum** | **Recommended** |
|---|---|---|
| **OS** | Windows 10 x64 · macOS 13.3 Apple Silicon · Linux x86_64 with glibc 2.39+ | Current supported OS release |
| **RAM** | 8 GB | 16 GB+ |
| **Disk** | 10 GB free | 20 GB+ SSD |
| **GPU** | Optional; CPU mode is supported | NVIDIA CUDA or Apple Silicon |
| **VRAM** | 4 GB when using a GPU | 8 GB+; large optional engines need more |
| **Python from source** | 3.11+ | 3.11 or 3.12 |
ROCm is Linux-only and opt-in. Windows AMD/Ryzen AI uses CPU. Systems with limited VRAM offload work to CPU when required. See [performance](docs/performance.md), [benchmarks](docs/benchmarks.md), and [engine disk usage](docs/engines/disk-usage.md).
<a id="hardware-recommendations"></a>
### Recommended stack by hardware
| Hardware | Recommended TTS | Recommended ASR | Why |
|---|---|---|---|
| **Apple Silicon (M1–M4)** | [MLX-Audio](docs/engines/mlx-audio.md) · [OmniVoice](docs/engines/omnivoice.md) (MPS) | [MLX Whisper](docs/engines/mlx-whisper.md) · [Parakeet MLX](docs/engines/parakeet-mlx.md) | Native unified memory, lowest latency on macOS |
| **NVIDIA GPU (8 GB+ VRAM)** | [OmniVoice](docs/engines/omnivoice.md) · [CosyVoice 3](docs/engines/cosyvoice.md) | [WhisperX](docs/engines/whisperx.md) | High-fidelity zero-shot cloning, word timestamps, diarization |
| **Low VRAM / CPU-only** | [PocketTTS](docs/engines/pockettts.md) · [Sherpa-ONNX](docs/engines/sherpa-onnx.md) · [KittenTTS](docs/engines/kittentts.md) | [Moonshine](docs/engines/moonshine.md) · [Faster-Whisper](docs/engines/faster-whisper.md) (`int8`) | Low memory footprint, optimized CPU inference |
<a id="engines"></a>
## Engines
Engine support is capability-specific. Check cloning, language, platform, memory, and license before choosing one. Full setup guides: [docs/engines](docs/engines/README.md).
<a id="tts-engines"></a>
### Text to speech
| Engine | Languages | Clone | Instruct | Linux | macOS ARM | Windows | License |
|---|:---:|:---:|:---:|:---:|:---:|:---:|---|
| [**VoiceStudio** (default, powered by k2-fsa/OmniVoice)](docs/engines/omnivoice.md) | 600+ | Yes | Yes | CUDA/CPU | MPS | CUDA/CPU | [AGPL-3.0](LICENSE) app · [Apache-2.0 code, CC-BY-NC weights](https://huggingface.co/k2-fsa/OmniVoice#license)³ |
| [**CosyVoice 3**](docs/engines/cosyvoice.md) | 9 + 18 dialects | Yes | Yes | CUDA/CPU | CPU | CUDA/CPU | Apache-2.0 |
| [**GPT-SoVITS**](docs/engines/gpt-sovits.md) | 5 | Yes | No | CUDA/CPU | No | CUDA/CPU | MIT |
| [**VoxCPM2**](docs/engines/voxcpm2.md) | 30 | Yes | Yes | CUDA/CPU | MPS | CUDA/CPU | Apache-2.0 |
| [**MOSS-TTS-Nano**](docs/engines/moss-tts-nano.md) | 20 | Yes | No | CUDA/CPU | CPU | CUDA/CPU | Apache-2.0 |
| [**KittenTTS**](docs/engines/kittentts.md) | English | No | No | CPU | CPU | CPU | MIT |
| [**MLX-Audio**](docs/engines/mlx-audio.md) | Model-dependent | Varies | Varies | No | MLX | No | Varies |
| [**Sherpa-ONNX**](docs/engines/sherpa-onnx.md) | 20+ | No | No | CUDA/CPU | CPU | CUDA/CPU | Apache-2.0 |
| [**IndexTTS 2.5** ⚡](docs/engines/indextts.md) | ZH · EN · JA · ES · AR | Yes | No | CUDA/CPU | CPU | CUDA/CPU | Bilibili model license¹ |
| [**OmniVoice GGUF** ⚡](docs/engines/omnivoice-gguf.md) | 600+ | Yes | Yes | CUDA/CPU | MPS/CPU | CUDA/CPU | [AGPL-3.0](LICENSE) app · [review the derivative model terms](https://huggingface.co/Serveurperso/OmniVoice-GGUF#license)³ |
| [**OmniVoice (subprocess; opt-in off MPS)** ⚡](docs/engines/omnivoice-subprocess.md) | 600+ | Yes | Yes | CUDA/CPU | MPS via default OmniVoice | CUDA/CPU | [AGPL-3.0](LICENSE) app · [Apache-2.0 code, CC-BY-NC weights](https://huggingface.co/k2-fsa/OmniVoice#license)³ |
| [**PocketTTS** ⚡](docs/engines/pockettts.md) | EN · FR · DE · PT · IT · ES | Yes | No | CPU | CPU | CPU | CC-BY-4.0, gated² |
| [**Supertonic 3** ⚡](docs/engines/supertonic3.md) | 31 | No | No | CPU | CPU | CPU | OpenRAIL-M |
| [**MOSS-TTS-v1.5** ⚡](docs/engines/moss-tts-v15.md) | 31 | Yes | No | CUDA/CPU | CPU | CUDA/CPU | Apache-2.0 |
| [**dots.tts** ⚡](docs/engines/dots-tts.md) | 24 | Yes | No | CUDA/CPU | CPU | No | Apache-2.0 |
| [**Confucius4-TTS** ⚡](docs/engines/confucius4-tts.md) | 14 | Yes | No | CUDA/CPU | CPU | CUDA/CPU | Apache-2.0 |
⚡ Installed or registered on demand.
¹ IndexTTS 2.5 requires a separate written Bilibili license above 100 million monthly active users or RMB 1 billion annual revenue. Review the [model license](https://huggingface.co/IndexTeam/IndexTTS-2.5/blob/main/LICENSE).
² PocketTTS shows its gated-access and CC-BY-4.0 terms before first use.
³ The OmniVoice snapshot also includes an audio tokenizer under separate [Boson Higgs Audio 2 and Meta Llama community terms](https://huggingface.co/k2-fsa/OmniVoice/blob/main/audio_tokenizer/LICENSE). VoiceStudio's application license does not replace model or tokenizer terms.
Clone-less engines cannot preserve a reference speaker in dubbing or pinned-voice batch jobs. VoiceStudio rejects those jobs instead of silently changing engines. Heavy engines have separate memory and platform limits; check their engine guide first.
<a id="asr-engines"></a>
### Speech to text
| Engine | ID | Languages | Best fit |
|---|---|:---:|---|
| [**WhisperX** (default)](docs/engines/whisperx.md) | `whisperx` | ~100 | Dubbing, subtitles, word-level timing |
| [**Faster-Whisper**](docs/engines/faster-whisper.md) | `faster-whisper` | ~100 | General cross-platform transcription |
| [**Faster-Whisper (isolated)**](docs/engines/faster-whisper-isolated.md) | `faster-whisper-isolated` | ~100 | Crash-isolated batch transcription |
| [**MLX Whisper**](docs/engines/mlx-whisper.md) | `mlx-whisper` | ~100 | Apple Silicon |
| [**PyTorch Whisper**](docs/engines/pytorch-whisper.md) | `pytorch-whisper` | ~100 | CUDA, MPS, and CPU fallback |
| [**Parakeet TDT**](docs/engines/nemo-parakeet.md) | `nemo-parakeet` | English + 25 EU | Fast CPU/CUDA transcription |
| [**Parakeet TDT v3 (MLX)**](docs/engines/parakeet-mlx.md) | `parakeet-mlx` | 25 EU | Apple Silicon dictation and word timestamps |
| [**Moonshine**](docs/engines/moonshine.md) | `moonshine` | English | Low-power, low-latency ONNX |
| [**FunASR**](docs/engines/funasr.md) | `funasr` | 50+ | VAD and inline diarization |
| [**sherpa-onnx** (live dictation)](docs/engines/sherpa-onnx-asr.md) | `sherpa-onnx-asr` | Model-dependent | Streaming CPU dictation |
| [**OpenAI-compatible** ⚠️ configured server](docs/engines/openai-compatible-asr.md) | `openai-compat-asr` | Server-dependent | Local gigastt/Qwen3-ASR or a remote endpoint; audio goes only to that server |
WhisperX and Faster-Whisper retry with `int8` when efficient `float16` is unavailable. Pin `ASR_COMPUTE_TYPE=int8` or `float32` only if automatic selection still fails.
<a id="architecture"></a>
## Architecture
```text
Tauri v2 desktop shell (Rust)
│ IPC
React + Vite UI
│ HTTP · SSE · WebSocket on localhost:3900
FastAPI backend
├── TTS / ASR engine registries
├── dubbing / audio / long-form pipelines
├── OpenAI-compatible API and MCP server
└── SQLite + Alembic → omnivoice_data/
```
| Layer | Path | Responsibility |
|---|---|---|
| Desktop shell | `frontend/src-tauri/` | Window lifecycle, tray, shortcuts, updater, sidecar bootstrap |
| Frontend | `frontend/src/` | React UI, Zustand state, API and event clients, i18n |
| API | `backend/api/` | REST routes, schemas, auth boundaries, streaming |
| Core services | `backend/services/` | Generation, dubbing, audio processing, persistence |
| Engines | `backend/engines/` | Isolated and optional engine adapters |
| Worker system | `backend/worker/` | Authenticated remote compute and job transport |
| Data | `omnivoice_data/` | Projects, voices, settings, logs, and SQLite state |
| Delivery | `scripts/`, `deploy/`, `.github/workflows/` | Development, packaging, containers, releases, CI |
### Network boundary
- The desktop talks to a loopback-only backend on `localhost:3900`.
- Loopback API calls need no server key. Remote access requires a share PIN or API key.
- Remote workers and OpenAI-compatible ASR are opt-in. Loopback ASR may use HTTP and keeps audio on the machine; non-loopback endpoints require HTTPS, and redirects are not followed.
- Analytics is off until consent. If enabled, it sends allowlisted, content-free usage metadata. It never sends text, audio, file names, or projects.
<a id="api"></a>
## Local speech platform and OpenAI-compatible API
Point an OpenAI-compatible audio client at the local backend:
```diff
- base_url="https://api.openai.com/v1"
+ base_url="http://localhost:3900/v1"
```
| Endpoint | Purpose |
|---|---|
| `POST /v1/audio/speech` | TTS to `mp3`, `opus`, `aac`, `flac`, `wav`, or `pcm`; select a profile with `voice` and an engine with `model` |
| `POST /v1/audio/transcriptions` | STT to `json`, `text`, `verbose_json`, `srt`, or `vtt` |
| `WS /v1/audio/transcriptions/stream` | Live PCM/WebM transcription with partial, utterance, and session-final events |
| `GET /.well-known/voicestudio-speech` | Discover HTTP, WebSocket, MCP, and native dictation-control transports |
| `GET /v1/audio/voices` | List local voice profiles and engines |
```python
from openai import OpenAI
client = OpenAI(base_url="http://localhost:3900/v1", api_key="local")
with client.audio.speech.with_streaming_response.create(
model="tts-1",
voice="<profile-id>",
input="Made on my own hardware.",
response_format="wav",
) as response:
response.stream_to_file("speech.wav")
```
```bash
# Quick test via cURL
curl http://localhost:3900/v1/audio/speech \
-H "Content-Type: application/json" \
-d '{"model": "tts-1", "input": "Made on my own hardware.", "voice": "default", "response_format": "wav"}' \
--output speech.wav
```
The bundled Rust control sidecar lets Herdr, coding agents, VS Code, desktop apps,
and TUIs trigger the system-wide dictation flow or reuse its native text
insertion. See the [speech platform guide](docs/speech-platform.md). The full API
reference is in **Settings → OpenAPI Reference**. For LAN, Tailscale, or proxy
access, read [API authentication](docs/api-auth.md) before exposing the backend.
### Agent skills
Install the VoiceStudio skills for Claude Code, Codex, Cursor, and other [skills.sh](https://skills.sh)-compatible agents:
```bash
npx skills add debpalash/VoiceStudio
```
- `omnivoice`: synthesize speech and transcribe audio through local VoiceStudio.
- `oss-maintainer`: the repository's open-source maintenance workflow.
### Model Context Protocol (MCP)
VoiceStudio mounts an MCP server at `http://localhost:3900/mcp` for Claude Desktop, Cursor, and AI agents:
```json
{
"mcpServers": {
"voicestudio": {
"url": "http://localhost:3900/mcp"
}
}
}
```
For clients requiring stdio transport, use the bundled local shim (`docs/mcp.json`):
```json
{
"mcpServers": {
"voicestudio": {
"command": "python",
"args": ["-m", "backend.mcp_shim"],
"cwd": "/path/to/VoiceStudio"
}
}
}
```
See the [MCP guide](docs/mcp.md) for tools (`generate_speech`, `clone_voice`, `transcribe`), file streaming modes, and client bindings.
### Google Colab
[![Open in Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/debpalash/VoiceStudio/blob/main/notebooks/OmniVoice_Studio_Colab.ipynb)
The [notebook](notebooks/OmniVoice_Studio_Colab.ipynb) runs the app and web UI on a Colab GPU. Colab is remote compute, so uploaded audio and project data do not remain local to your machine.
<a id="documentation"></a>
See [Electron setup](electron/README.md) for prerequisites and backend configuration. VoiceStudio is in active development; report bugs through [GitHub Issues](https://github.com/debpalash/VoiceStudio/issues).
## Documentation
| Need | Read |
| Need | Start here |
|---|---|
| Install | [macOS](docs/install/macos.md) · [Windows](docs/install/windows.md) · [Linux](docs/install/linux.md) · [Docker](docs/install/docker.md) |
| Fix setup | [Troubleshooting](docs/install/troubleshooting.md) · [model downloads](docs/downloading-models.md) · [Hugging Face token](docs/setup/huggingface-token.md) |
| Choose an engine | [Engine guides](docs/engines/README.md) · [benchmarks](docs/benchmarks.md) · [expressive speech](docs/expressive-speech.md) |
| Tune hardware | [Performance](docs/performance.md) · [remote workers](docs/remote-workers.md) |
| Build integrations | [Speech platform](docs/speech-platform.md) · [Private production API](docs/production-private-api.md) · [API auth](docs/api-auth.md) · [MCP](docs/mcp.md) · [examples](examples/README.md) |
| Build VoiceStudio | [Contributing](.github/CONTRIBUTING.md) · [engine acceptance](docs/engine-acceptance.md) |
| Track changes | [Changelog](CHANGELOG.md) · [roadmap](docs/ROADMAP.md) · [latest release](https://github.com/debpalash/VoiceStudio/releases/latest) |
| Remove everything | [Uninstall guide](docs/install/uninstall.md) |
| Setup help | [Troubleshooting](docs/install/troubleshooting.md) · [Model downloads](docs/downloading-models.md) |
| Models & audio quality | [Engine guides](docs/engines/README.md) · [Benchmarks](docs/benchmarks.md) |
| Integrations | [Local API](docs/speech-platform.md) · [MCP](docs/mcp.md) · [Examples](examples/README.md) |
| Development | [Contributing](.github/CONTRIBUTING.md) · [Electron](electron/README.md) · [Changelog](CHANGELOG.md) |
<a id="faq"></a>
Agent skills: `npx skills add debpalash/VoiceStudio`
## FAQ
## Support VoiceStudio
<details>
<summary><strong>Does it work on Apple Silicon and Intel Macs?</strong></summary>
[Ko-fi](https://ko-fi.com/debpalash) · [PayPal](https://paypal.me/palashCoder) · [Sponsor the project](SPONSORS.md) · [Partnerships](mailto:partner@voicestudio.sh)
Apple Silicon is supported with MPS and MLX options. Intel Macs cannot run the local backend because current PyTorch wheels are unavailable; they can connect to a remote backend. See [macOS installation](docs/install/macos.md).
</details>
## License & responsible use
<details>
<summary><strong>How much VRAM do I need?</strong></summary>
A GPU is optional. Use 4 GB VRAM as the minimum for accelerated work and 8 GB+ for the default multi-stage workflow. Large optional engines can require 12 to 16 GB or more. Check the [benchmarks](docs/benchmarks.md) and engine guide.
</details>
<details>
<summary><strong>Why does a longer reference clip not always improve the clone?</strong></summary>
Cloning is zero-shot: the clip is a prompt, not training data. Use 5 to 15 seconds of one speaker, close to the microphone, without music, noise, or reverb. Match the tone and pace you want in the output. For training, see [data preparation](docs/data_preparation.md) and [training](docs/training.md).
</details>
<details>
<summary><strong>Can I use generated audio commercially?</strong></summary>
VoiceStudio's application license does not restrict generated audio, but it does not grant rights under a model's separate terms. The default OmniVoice repository labels its pretrained weights CC-BY-NC and includes a tokenizer under separate community terms. Review the selected model terms before commercial use.
</details>
<details>
<summary><strong>Does VoiceStudio collect data?</strong></summary>
Not unless you opt in. Analytics is off by default and skipping consent keeps it off. When enabled, the app sends allowlisted, content-free usage metadata. Text, audio, file names, voices, and projects are excluded. Change this at **Settings → Privacy**.
</details>
<details>
<summary><strong>How do I remove VoiceStudio and its data?</strong></summary>
Use `scripts/uninstall.sh` on macOS/Linux or `scripts\uninstall.ps1` on Windows. Both show a dry run before deletion. See the [uninstall guide](docs/install/uninstall.md) for every path.
</details>
## Community and contributing
- [GitHub Issues](https://github.com/debpalash/VoiceStudio/issues) for reproducible bugs and feature requests.
- [Discord](https://discord.gg/bzQavDfVV9) for setup help and project discussion.
- [Good first issues](https://github.com/debpalash/VoiceStudio/labels/good%20first%20issue) for a scoped starting point.
- [Contributing guide](.github/CONTRIBUTING.md) for setup, tests, and pull requests.
<p align="center">
<a href="https://star-history.com/#debpalash/VoiceStudio&Date">
<img src="https://api.star-history.com/svg?repos=debpalash/VoiceStudio&type=Date" alt="Star History Chart" width="100%" />
</a>
</p>
## Support development
VoiceStudio is free and has no paid tier. Donations fund development and infrastructure.
[Ko-fi](https://ko-fi.com/debpalash) · [PayPal](https://paypal.me/palashCoder) · [Sponsorship details](SPONSORS.md)
## Responsible use and safety
VoiceStudio enables zero-shot voice cloning and speech generation on personal hardware. Please use it responsibly:
- **Consent:** Only clone or synthesize voices with explicit permission from the speaker.
- **Audio provenance:** VoiceStudio integrates [AudioSeal](https://github.com/facebookresearch/audioseal) imperceptible watermarking by default to detect and identify synthetic speech without altering sound quality.
- **Local privacy:** For the default local workflow, audio recordings, transcripts, voices, and projects remain strictly on your local disk; data leaves your device only when you explicitly configure remote workers or external ASR endpoints.
## License
VoiceStudio is licensed under [AGPL-3.0](LICENSE). You may run it, modify it, and use it internally. The application license itself does not restrict selling generated audio, but downloaded model and tokenizer terms may. If you modify VoiceStudio and provide that modified version as a network service, AGPL requires you to offer the corresponding source under the same license. A commercial license for VoiceStudio-owned code is available for proprietary embedding; it does not relicense third-party models. Contact **VoiceStudio@palash.dev**. See [LICENSE-NOTICE.md](LICENSE-NOTICE.md) for the plain-language scope.
Optional engines and downloaded models retain their own licenses. The bundled `omnivoice/` Python code is Apache-2.0 upstream; the default downloaded weights and audio tokenizer use separate terms.
## Acknowledgments
VoiceStudio builds on [OmniVoice](https://github.com/k2-fsa/OmniVoice), [WhisperX](https://github.com/m-bain/whisperX), [Demucs](https://github.com/facebookresearch/demucs), [Pyannote](https://github.com/pyannote/pyannote-audio), [CTranslate2](https://github.com/OpenNMT/CTranslate2), [AudioSeal](https://github.com/facebookresearch/audioseal), [Tauri](https://tauri.app), [Supertonic](https://huggingface.co/Supertone/supertonic-3), [Sherpa-ONNX](https://github.com/k2-fsa/sherpa-onnx), [GPT-SoVITS](https://github.com/RVC-Boss/GPT-SoVITS), and [PocketTTS](https://kyutai.org).
<div align="center">
<strong><a href="https://github.com/debpalash/VoiceStudio/releases/latest">Download VoiceStudio</a></strong> ·
<a href="https://github.com/debpalash/VoiceStudio">Star the project</a> ·
<a href="https://discord.gg/bzQavDfVV9">Join Discord</a>
</div>
[AGPL-3.0](LICENSE). Models have their own licenses; review them before commercial use. Clone voices only with permission. See [license details](LICENSE-NOTICE.md).
README_CN.md
+47 -670
View File
@@ -1,697 +1,74 @@
*本文档是 [README.md](README.md) 的简体中文翻译；若与英文版有出入，以英文版为准。*
<div align="center">
<img src="docs/logo.png" alt="VoiceStudio 徽标" width="120" height="120" />
<img src="docs/logo.png" alt="VoiceStudio" width="88" />
<h1>VoiceStudio</h1>
<p><sub><em>原名 OmniVoice-Studio</em></sub></p>
<h3>创造声音，讲述故事，文件始终属于你。♡</h3>
<p>在一个开源桌面工作室里完成克隆、设计、配音、听写和有声书制作。<br/><b>默认本地优先。</b>没有订阅，也没有用量计费；联网服务始终由你主动选择。</p>
<p><strong>你的声音，你的故事，在你的电脑上创作。</strong></p>
<p>使用本地 AI 克隆声音、翻译配音、语音听写和制作有声书。</p>
<p>
<a href="#quickstart">快速开始</a> ·
<a href="#features">功能</a> ·
<a href="#why-voicestudio">为什么选择 VoiceStudio</a> ·
<a href="#tts-engines">引擎</a> ·
<a href="#openai-api">API</a> ·
<a href="#sponsor--donate">捐赠</a> ·
<a href="#contributing">参与贡献</a> ·
<a href="https://github.com/debpalash/VoiceStudio/releases/latest">下载</a> ·
<a href="#开始使用">开始使用</a> ·
<a href="#文档">文档</a> ·
<a href="https://discord.gg/bzQavDfVV9">Discord</a> ·
<a href="README.md"><strong>English</strong></a>
</p>
<p>
<a href="https://github.com/debpalash/VoiceStudio/actions/workflows/ci.yml"><img src="https://img.shields.io/github/actions/workflow/status/debpalash/VoiceStudio/ci.yml?branch=main&style=flat-square&label=CI" alt="CI 状态" /></a>
<a href="https://github.com/debpalash/VoiceStudio/stargazers"><img src="https://img.shields.io/github/stars/debpalash/VoiceStudio?style=flat-square&color=f59e0b" alt="Star 数" /></a>
<a href="https://github.com/debpalash/VoiceStudio/releases/latest"><img src="https://img.shields.io/github/v/release/debpalash/VoiceStudio?style=flat-square&color=10b981" alt="版本" /></a>
<a href="LICENSE"><img src="https://img.shields.io/badge/license-AGPL--3.0-blue?style=flat-square" alt="许可证" /></a>
<a href="https://github.com/debpalash/VoiceStudio/issues"><img src="https://img.shields.io/github/issues/debpalash/VoiceStudio?style=flat-square&color=ef4444" alt="Issues" /></a>
<a href="https://discord.gg/bzQavDfVV9"><img src="https://img.shields.io/badge/Discord-Join_Community-5865F2?style=flat-square&logo=discord&logoColor=white" alt="Discord" /></a>
<a href="https://ko-fi.com/debpalash"><img src="https://img.shields.io/badge/Ko--fi-Support_Us-FF5E5B?style=flat-square&logo=ko-fi&logoColor=white" alt="Ko-fi" /></a>
<a href="https://paypal.me/palashCoder"><img src="https://img.shields.io/badge/PayPal-Donate-00457C?style=flat-square&logo=paypal&logoColor=white" alt="PayPal" /></a>
</p>
<p>
<a href="https://github.com/debpalash/VoiceStudio/releases/latest"><img src="https://img.shields.io/badge/⬇_Download-macOS_·_Windows_·_Linux-10b981?style=for-the-badge" alt="下载最新版本" /></a>
<a href="README.md">English</a>
</p>
</div>
<br/>
![Electron 应用演示：声音克隆、声音设计、视频配音和模型管理](docs/media/electron/voicestudio.gif)
<div align="center">
<img src="docs/media/0.5.0/quick-switch.gif" alt="VoiceStudio — 从状态栏快速切换 TTS 引擎" width="100%"/>
</div>
<p align="center"><sub>新 Electron 桌面界面，使用此分支及内置演示声音录制。正式发布版本的界面可能有所不同。</sub></p>
> **声音很私人，创作空间也应该真正属于你。** VoiceStudio 的核心流程运行在你的硬件上：克隆、设计、配音、听写，并以 646 种语言创作，不需要订阅，也没有用量计费。联网引擎和服务始终是清晰可见的可选项，而不是隐藏依赖。
## 用 VoiceStudio 创作
> [!WARNING]
> **活跃 Beta 阶段。** 各版本之间可能出现故障——如需最新修复，请从源码运行。非常欢迎 Bug 报告和 PR：[提交 Issue](https://github.com/debpalash/VoiceStudio/issues) 或 [加入 Discord](https://discord.gg/bzQavDfVV9)。
- **声音克隆与设计**：上传参考录音，或用文字描述你想要的声音。
- **视频配音**：转录、翻译、分配说话人，并编辑语音时间轴。
- **语音听写**：通过悬浮录音组件录制、转录和复制文字。
- **长篇创作**：制作多角色脚本、有声书和批量任务。
- **模型管理**：选择语音合成与转录引擎、语言及计算设备。
<a id="quickstart"></a>
本地工作流在你的硬件上运行。远程服务为可选功能；使用情况分析须经同意才会启用。
## ⚡ 快速开始
<table>
<tr>
<td><img src="docs/media/electron/voice-cloning.png" alt="Electron 声音克隆工作区与内置演示声音" width="100%" /></td>
<td><img src="docs/media/electron/dubbing.png" alt="Electron 视频配音工作区" width="100%" /></td>
</tr>
<tr><td align="center">声音克隆</td><td align="center">视频配音</td></tr>
</table>
<div align="center">
<a href="https://github.com/debpalash/VoiceStudio/releases/latest"><img src="https://img.shields.io/badge/macOS-DMG_(Apple_Silicon)-000?style=for-the-badge&logo=apple&logoColor=white" alt="下载 macOS DMG" /></a>
<a href="https://github.com/debpalash/VoiceStudio/releases/latest"><img src="https://img.shields.io/badge/Windows-MSI_(x64)-0078D4?style=for-the-badge&logo=windows&logoColor=white" alt="下载 Windows MSI" /></a>
<a href="https://github.com/debpalash/VoiceStudio/releases/latest"><img src="https://img.shields.io/badge/Linux-AppImage_(x64)-FCC624?style=for-the-badge&logo=linux&logoColor=black" alt="下载 Linux AppImage" /></a>
<br/>
<sub>三个按钮都会打开最新发布页——在资源列表中下载对应你系统的安装包。</sub><br/>
<sub><b>macOS：</b>首次启动需要一次性批准——右键点击 → <b>打开</b>（macOS 15 上为 系统设置 → 隐私与安全性 → <b>“仍要打开”</b>）。无需终端。<a href="docs/install/macos.md#gatekeeper-quarantine">为什么？</a> · <b>Intel Mac：</b>不支持本地后端（<a href="https://github.com/debpalash/VoiceStudio/issues/889">#889</a>）——<a href="docs/install/macos.md">详情</a>。</sub>
</div>
## 开始使用
选择你的操作系统，按指南从头到尾操作：
从 [Releases](https://github.com/debpalash/VoiceStudio/releases/latest) 下载，然后阅读对应平台的安装指南：
- 🍎 **macOS** — [docs/install/macos.md](docs/install/macos.md)
- 🪟 **Windows** — [docs/install/windows.md](docs/install/windows.md)
- 🐧 **Linux** — [docs/install/linux.md](docs/install/linux.md)
- 🐳 **Docker** — [docs/install/docker.md](docs/install/docker.md) · [Docker Hub: `palashdeb/omnivoice-studio`](https://hub.docker.com/r/palashdeb/omnivoice-studio)
**[macOS](docs/install/macos.md) · [Windows](docs/install/windows.md) · [Linux](docs/install/linux.md) · [Docker](docs/install/docker.md)**
打开声音克隆页面，选择已有声音或添加清晰的参考录音，输入文字并生成。按提示安装所需模型。硬件要求因引擎而异，详见[性能指南](docs/performance.md)。
**从源码运行 Electron 预览版：**
```bash
# Docker 快速运行 (CPU / 本地环回模式)
docker run -d -p 127.0.0.1:3900:3900 -v omnivoice-data:/app/omnivoice_data --name voicestudio palashdeb/omnivoice-studio:stable
git clone https://github.com/debpalash/VoiceStudio.git
cd VoiceStudio
bun install
cd electron
bun run dev
```
**三步克隆出你的第一个声音：**
环境要求和后端配置见 [Electron 开发指南](electron/README.md)。项目仍在积极开发中，可通过 [GitHub Issues](https://github.com/debpalash/VoiceStudio/issues) 反馈问题。
1. **安装并启动。** 首次启动会自动搭建 Python 运行环境并下载模型权重——启动画面会逐步显示进度（仅首次，需要几分钟；之后即开即用）。
2. 从启动台打开**语音克隆**，拖入任意声音的 **3 秒音频**。
3. **输入一句话，点击生成。** 音频在你的设备上生成并保存，支持 646 种语言（商业使用前请审阅所选模型与分词器的许可条款）。
## 文档
### 🎧 音频示例
在线试听 VoiceStudio 本地生成的实际音频样例：
| 工作流 | 提示词 / 参考音频 | 生成音频 |
|---|---|---|
| **声音克隆** | [demo_voice.wav](backend/assets/samples/demo_voice.wav) | [demo_clone_output.wav](backend/assets/samples/demo_clone_output.wav) |
| **声音设计** (美语新闻主播) | *"清晰、权威的美国广播级音色"* | [demo_voice_design_us_news_anchor.wav](backend/assets/samples/voice_design/demo_voice_design_us_news_anchor.wav) |
| **声音设计** (英式有声书) | *"温暖生动的英式故事讲述音色"* | [demo_voice_design_audiobook_uk_narrator.wav](backend/assets/samples/voice_design/demo_voice_design_audiobook_uk_narrator.wav) |
| **视频配音** (多语种) | [source.src.wav](backend/assets/samples/demo/dubbing/source.src.wav) | [西班牙语](backend/assets/samples/demo/dubbing/dubbed_es.src.wav) · [法语](backend/assets/samples/demo/dubbing/dubbed_fr.src.wav) · [日语](backend/assets/samples/demo/dubbing/dubbed_ja.src.wav) · [中文](backend/assets/samples/demo/dubbing/dubbed_zh.src.wav) |
觉得慢？[docs/performance.md](docs/performance.md) 讲清了生成时间到底花在哪里、有哪些调优开关，以及“它变慢了”的三个经典原因。各引擎/设备的实测数据见 [docs/benchmarks.md](docs/benchmarks.md)。
> 正在从 **[CorentinJ/Real-Time-Voice-Cloning](https://github.com/CorentinJ/Real-Time-Voice-Cloning)**（现已归档）迁移过来？我们有专门的迁移指南：[docs/migration/real-time-voice-cloning.md](docs/migration/real-time-voice-cloning.md)。
<details>
<summary><b>🧰 卡住了？自检、Token 与受限网络</b></summary>
<br/>
先运行内置自检——在应用中打开 **设置 → 关于 → “运行自检”**，或在源码检出目录中执行
`uv run python backend/main.py --diagnose`（加 `--deep` 还会实际加载当前引擎进行测试）。然后查看
[docs/install/troubleshooting.md](docs/install/troubleshooting.md) 中排名前
10 的安装错误。运行时出错时，应用内的错误界面会直接深链到对应条目；**设置 → 关于 →
“保存诊断包”** 会把脱敏日志与自检报告打包，方便附在 Bug 报告里。
Hugging Face Token 的配置见
[docs/setup/huggingface-token.md](docs/setup/huggingface-token.md)。说话人分离相关的模型访问门槛见
[docs/features/diarization.md](docs/features/diarization.md)。下载速度、⚡ 快速下载（Xet）状态，以及受限网络 / 镜像选项见
[docs/downloading-models.md](docs/downloading-models.md)。
</details>
---
<a id="features"></a>
## ✨ 功能
八大主打功能——折叠区里还有十二项等你展开。
<table>
<tr>
<td align="center" width="25%">
<h3>🎙️ 语音克隆</h3>
<p>3 秒音频 → 复刻任何声音。<br/><b>646 种语言</b>，零样本。</p>
</td>
<td align="center" width="25%">
<h3>🎨 声音设计</h3>
<p>性别、年龄、口音、音高、语速、<br/>情感、方言——<b>随心调节</b>。</p>
</td>
<td align="center" width="25%">
<h3>🎬 视频配音</h3>
<p>YouTube 链接或文件 → 转录 →<br/>翻译 → 重新配音 → <b>MP4</b>。</p>
</td>
<td align="center" width="25%">
<h3>📖 有声书编辑器</h3>
<p>导入文本、EPUB 或 PDF。自动分章、<br/>响度归一、元数据。导出 <b>.m4b</b>。</p>
</td>
</tr>
<tr>
<td align="center" valign="top">
<h3>🎭 故事模式</h3>
<p>多声音编辑器。逐行分配声音、<br/>预览、<b>导出完整配音阵容</b>。</p>
</td>
<td align="center" valign="top">
<h3>⌨️ 听写工具</h3>
<p>在<b>任何应用</b>中按 <kbd>⌘</kbd>+<kbd>⇧</kbd>+<kbd>Space</kbd>。<br/>转录、自动粘贴、随即消失。</p>
</td>
<td align="center" valign="top">
<h3>🔐 本地优先</h3>
<p>核心创作流程<br/><b>留在你的设备上</b>。</p>
</td>
<td align="center" valign="top">
<h3>🤖 MCP 服务器</h3>
<p>从 <b>Claude</b>、Cursor 或<br/>任何 MCP 客户端使用 VoiceStudio。</p>
</td>
</tr>
</table>
<details>
<summary><b>……还有 12 项</b>——人声分离、说话人分离、批量处理、水印、诊断等等</summary>
<br/>
- 🔊 **人声分离** — 基于 Demucs：把语音从音乐中分离出来，同时保留背景音床。
- 👥 **说话人分离** — Pyannote + WhisperX 自动识别谁说了什么。
- 📦 **批量队列** — 拖入 50 个视频就可以走开；每个任务都有独立进度条。
- 🛡️ **AI 水印** — AudioSeal（Meta）：不可见，且能在压缩后留存。
- 🔬 **诊断** — 自检套件、错误日志、脱敏诊断包。
- ⚡ **GPU 自动检测** — CUDA · MPS · ROCm（Linux，需手动开启）· CPU；显存 ≤8 GB 时自动卸载。
- 🧭 **引擎路由** — 逐引擎 GPU 预检；绝不静默回退到 CPU。
- 🧩 **可扩展** — 继承 `TTSBackend`，约 50 行代码即可接入任意引擎。
- 🎒 **便携声音角色** — 将声音导出为 `.ovsvoice` 包：身份 + 水印。
- ♾️ **无限长 TTS** — 按句分块生成，没有长度上限，可经 WebSocket 流式输出。
- 🌐 **远程后端** — 让 UI 指向远程服务器；对 Tailscale 友好，支持 Bearer 认证。
- 🧠 **听写 + LLM** — 用本地 LLM 润色转录文本，可选回声消除。
</details>
---
<a id="why-voicestudio"></a>
## 💡 为什么选择 VoiceStudio？
云端语音工具很方便，但工作流会依赖账号、用量计费和他人的基础设施。VoiceStudio 在你的硬件上提供完整工作室；只有你主动选择时，才会使用联网集成。
| | **ElevenLabs** | **VoiceStudio** |
|---|---|---|
| **价格** | 订阅与用量限制 | 免费且开源（AGPL-3.0）· 专有用途可选 [商业许可证](#license) |
| **语音克隆** | ✅ 3 秒音频 | ✅ 3 秒音频，零样本 |
| **声音设计** | ✅ 性别、年龄 | ✅ 性别、年龄、口音、音高、风格、方言 |
| **有声书 / 故事** | ❌ | ✅ 完整有声书编辑器 + 多声音故事（EPUB/PDF 导入，.m4b 导出） |
| **语言** | 取决于套餐和模型 | **646** |
| **视频配音** | ✅ 仅云端 | ✅ 完全本地 |
| **数据隐私** | 音频在远端处理 | 核心流程在本地运行；联网服务必须主动选择 |
| **API 密钥** | 需要账号 | 本地流程不需要 |
| **GPU 支持** | 不适用（云端） | CUDA · Apple Silicon · ROCm（Linux）· CPU |
| **桌面应用** | ❌ | ✅ macOS · Windows · Linux |
| **TTS 引擎** | 1 | **16** — [完整矩阵](#tts-engines) |
| **ASR 引擎** | 1 | **11** — [完整阵容](#asr-engines) |
| **MCP 服务器** | ❌ | ✅ 可从 Claude、Cursor 及任何 MCP 客户端使用 |
| **自检** | ❌ | ✅ 诊断套件、错误日志、脱敏调试包 |
| **可定制** | ❌ 闭源 | ✅ 随你 Fork、扩展、发布 |
专业级语音 AI，去掉订阅，也去掉云端。
<div align="center">
<br/>
<b>心动了？来和我们一起构建吧。</b><br/>
<a href="https://discord.gg/bzQavDfVV9"><img src="https://img.shields.io/badge/Join_Discord-5865F2?style=for-the-badge&logo=discord&logoColor=white" alt="加入 Discord" /></a>
<br/><br/>
</div>
---
## 🖥️ 系统要求
| | **最低配置** | **推荐配置** |
|---|---|---|
| **操作系统** | Windows 10、macOS 12+（Apple Silicon）、Ubuntu 24.04+（glibc 2.39+） | 任意现代 64 位操作系统 |
| **内存** | 8 GB | 16 GB+ |
| **显存（GPU）** | 4 GB（自动将 TTS 卸载到 CPU） | 8 GB+（NVIDIA RTX 3060+） |
| **硬盘** | 10 GB 可用空间（模型 + 缓存） | 20 GB+ SSD |
| **Python** | 3.10+（由 `uv` 管理） | 3.11–3.12 |
| **GPU** | 可选——CPU 也能跑 | NVIDIA CUDA · Apple Silicon MPS · AMD ROCm（仅 Linux） |
> [!TIP]
> 对于显存 **≤8 GB** 的 GPU，VoiceStudio 会在转录期间自动将 TTS 卸载到 CPU——无需配置。不需要专用 GPU；整条流水线都可以在 CPU 上运行（只是慢一些）。
> [!NOTE]
> **AMD GPU：** ROCm 加速**仅限 Linux 且需手动开启**——在首次运行的设置界面选择 **“AMD GPU (ROCm)”**，或设置 `OMNIVOICE_TORCH_VARIANT=rocm`（[docs/install/linux.md](docs/install/linux.md#amd-gpu-rocm)）。在 **Docker/Podman** 中请改用专门的 ROCm 镜像：`ghcr.io/debpalash/omnivoice-studio:rocm`（[docs/install/docker.md](docs/install/docker.md#pull-and-run-amd-gpu--rocm)）。**在 Windows 上，AMD GPU（含 Ryzen AI 核显）只能以 CPU 运行**：PyTorch 没有 Windows 版 ROCm 轮子，因此 Windows 上的 GPU 加速仅限 NVIDIA/CUDA（[docs/install/windows.md](docs/install/windows.md#gpu-support)）。
> [!IMPORTANT]
> **macOS Intel（x86_64）不支持本地后端：** 应用 UI 可以安装，但 Python 后端无法运行，因为 PyTorch 已不再发布 Intel Mac 轮子（[#889](https://github.com/debpalash/VoiceStudio/issues/889)）。Intel Mac 用户仍可让 UI 指向另一台机器上的远程后端——参见 [docs/install/macos.md](docs/install/macos.md)。
<a id="hardware-recommendations"></a>
### 💡 按硬件推荐引擎配置
| 硬件配置 | 推荐 TTS 引擎 | 推荐 ASR 语音识别 | 优势 |
|---|---|---|---|
| **Apple Silicon (M1–M4)** | [MLX-Audio](docs/engines/mlx-audio.md) · [OmniVoice](docs/engines/omnivoice.md) (MPS) | [MLX Whisper](docs/engines/mlx-whisper.md) · [Parakeet MLX](docs/engines/parakeet-mlx.md) | 原生统一内存，macOS 上延迟最低、性能最强 |
| **NVIDIA 显卡 (8 GB+ 显存)** | [OmniVoice](docs/engines/omnivoice.md) · [CosyVoice 3](docs/engines/cosyvoice.md) | [WhisperX](docs/engines/whisperx.md) | 极致零样本克隆品质、字级时间戳对齐与说话人分离 |
| **低显存 / 仅 CPU 设备** | [PocketTTS](docs/engines/pockettts.md) · [Sherpa-ONNX](docs/engines/sherpa-onnx.md) · [KittenTTS](docs/engines/kittentts.md) | [Moonshine](docs/engines/moonshine.md) · [Faster-Whisper](docs/engines/faster-whisper.md) (`int8`) | 超低内存占用，针对 CPU 指令集深度优化 |
<a id="tts-engines"></a>
### 🗣️ TTS 引擎
**16 个引擎，一个选择器。** VoiceStudio（默认，支持 600+ 语言）始终可用；另有七个引擎可选装并自动检测（CosyVoice 3、GPT-SoVITS、VoxCPM2、MOSS-TTS-Nano、KittenTTS、MLX-Audio、Sherpa-ONNX），外加八个按需延迟安装的引擎（IndexTTS 2.5、OmniVoice GGUF、OmniVoice 子进程版、PocketTTS、Supertonic 3、MOSS-TTS-v1.5、dots.tts、Confucius4-TTS）。在 **设置 → TTS 引擎** 中切换；所选引擎将应用于所有语音合成场景。**每个引擎都有独立指南：[docs/engines](docs/engines/README.md)（英文）。**
<details>
<summary><b>📊 完整矩阵</b>——16 个引擎 × 平台 × 克隆/指令 × 许可证</summary>
<br/>
| 引擎 | 语言 | 克隆 | 指令 | Linux | macOS ARM | Windows | 许可证 |
|--------|:---------:|:-----:|:--------:|:-----:|:---------:|:-------:|:-------:|
| **VoiceStudio**（默认，由 k2-fsa/OmniVoice 驱动） | 600+ | ✅ | ✅ | ✅ CUDA/CPU | ✅ MPS | ✅ CUDA/CPU | 内置 |
| **CosyVoice 3** | 9 + 18 种方言 | ✅ | ✅ | ✅ CUDA/CPU | ✅ MPS | ✅ CUDA/CPU | Apache-2.0 |
| **GPT-SoVITS** | 5 | ✅ | — | ✅ CUDA/CPU | — | ✅ CUDA/CPU | MIT |
| **VoxCPM2** | 30 | ✅ | ✅ | ✅ CUDA/CPU | ✅ MPS | ✅ CUDA/CPU | Apache-2.0 |
| **MOSS-TTS-Nano** | 20 | ✅ | — | ✅ CUDA/CPU | ✅ CPU | ✅ CUDA/CPU | Apache-2.0 |
| **KittenTTS** | 英语 | — | — | ✅ CPU | ✅ CPU | ✅ CPU | MIT |
| **MLX-Audio**（Kokoro、Qwen3-TTS、CSM、Dia 等） | 多语言 | 因模型而异 | 因模型而异 | ❌ | ✅ 原生 | ❌ | 因模型而异 |
| **Sherpa-ONNX** | 20+ | — | — | ✅ CUDA/CPU | ✅ CPU | ✅ CUDA/CPU | Apache-2.0 |
| **IndexTTS 2.5** ⚡ | 中文 · 英语 · 日语 · 西班牙语 · 阿拉伯语 | ✅ | — | ✅ CUDA | — | ✅ CUDA | Bilibili 模型许可¹ |
| **OmniVoice GGUF** ⚡ | 600+ | ✅ | ✅ | ✅ CPU | ✅ CPU | ✅ CPU | 内置 |
| **Supertonic 3** ⚡ | 31 | — | — | ✅ CPU | ✅ CPU | ✅ CPU | OpenRAIL-M |
| **MOSS-TTS-v1.5** ⚡（8B） | 31 | ✅ | — | ✅ CUDA/CPU | ✅ CPU | ✅ CUDA/CPU | Apache-2.0 |
| **dots.tts** ⚡（2B） | 24 | ✅ | — | ✅ CUDA/CPU | ✅ CPU | ❌ | Apache-2.0 |
| **Confucius4-TTS** ⚡ | 14 | ✅ | — | ✅ CUDA/CPU | ✅ CPU | ✅ CUDA/CPU | Apache-2.0 |
¹ 若月活跃用户超过 1 亿，或年收入超过人民币 10 亿元，使用 IndexTTS 2.5
前必须另行取得 Bilibili 的书面许可。启用可选边车前，请审阅其
[模型许可](https://huggingface.co/IndexTeam/IndexTTS-2.5/blob/main/LICENSE)。
> **CUDA** = GPU 加速 · **MPS** = Apple Silicon Metal · **CPU** = 随处可运行，大模型较慢 · KittenTTS 和 MOSS-TTS-Nano 可在 CPU 上实时运行 · MLX-Audio 仅限 Apple Silicon · ⚡ = 延迟注册（首次使用时安装）
>
> **克隆**能力的意义不止于单段生成：视频配音（以及任何固定了声音的批量任务）需要参考音频克隆来保持说话人身份，因此把不支持克隆的引擎（KittenTTS、Sherpa-ONNX、Supertonic 3）设为当前引擎时，这些任务会在开始前就给出可操作的失败提示，而不是静默回退到 VoiceStudio。
>
> **MOSS-TTS-v1.5**（8B，约 16 GB）、**dots.tts**（2B，约 9 GB）和 **Confucius4-TTS** 是重量级可选引擎，从本地克隆在各自独立的 venv 中运行。三者均不支持 Apple Silicon MPS（在 Mac 上以 CPU 运行）；dots.tts 没有 Windows 路径；Confucius4 建议使用 CUDA（CPU 可用，约为实时时长的 17 倍）。详情：[MOSS-TTS-v1.5](docs/engines/moss-tts-v15.md) · [dots.tts](docs/engines/dots-tts.md) · [Confucius4-TTS](docs/engines/confucius4-tts.md)。
</details>
<a id="asr-engines"></a>
### 🎧 ASR 引擎
**11 个引擎**——它们驱动听写、视频配音和字幕。**WhisperX** 是跨平台的默认引擎（约 100 种语言，词级时间对齐）；其余引擎均为可选装并自动检测。在 **设置 → 引擎** 中切换。十个完全在本地设备上运行；第十一个（OpenAI 兼容）是可选的远程客户端，可用于 Qwen3-ASR 或任何兼容的服务器。
<details>
<summary><b>📊 完整阵容</b>——11 个引擎、各自的强项与计算类型说明</summary>
<br/>
| 引擎 | `OMNIVOICE_ASR_BACKEND` | 语言 | 最适合 |
|--------|-------------------------|:---------:|----------|
| **WhisperX**（默认） | `whisperx` | ~100 | 配音与字幕——通过 wav2vec2 强制对齐实现词级时间对齐 |
| **Faster-Whisper** | `faster-whisper` | ~100 | Linux / macOS / Windows 上的快速转录（CTranslate2） |
| **Faster-Whisper（隔离）** | `faster-whisper-isolated` | ~100 | 与 Faster-Whisper 相同，但在子进程中崩溃隔离——ASR 崩溃不会拖垮整个应用 |
| **MLX Whisper** | `mlx-whisper` | ~100 | Apple Silicon 原生速度（Apple MLX / Metal） |
| **PyTorch Whisper** | `pytorch-whisper` | ~100 | 经 🤗 Transformers 的 CUDA / CPU 兜底方案（无需 cuDNN 8） |
| **Parakeet TDT** | `nemo-parakeet` | 英语 + 25 种欧洲语言 | 即使在 CPU 上也能以约 10 倍实时速度达到 SOTA 精度，自动语言检测（NVIDIA NeMo，CUDA/CPU） |
| **Moonshine** | `moonshine` | 英语 | 边缘设备 / 低延迟，ONNX |
| **FunASR** | `funasr` | 50+ | 多语言一体化——内置 VAD + 行内说话人分离（SenseVoice） |
| **sherpa-onnx**（实时听写） | `sherpa-onnx-asr` | 25 种欧洲语言 + 90+ | 实时、快于实时的听写——小体积流式/离线 ONNX 模型（Parakeet TDT v3/v2、流式 Zipformer 与 Paraformer、Whisper Tiny），CPU 运行，macOS / Windows / Linux 表现完全一致。在 **设置 → 语音** 中按模型选择。 |
| **OpenAI 兼容** ⚠️ 远程 | `openai-compat-asr` | 取决于服务器 | 当下通往 **Qwen3-ASR** 的路径（自托管服务器，无需等 transformers 支持）、任何 OpenAI 兼容的转录端点，或 OpenAI 官方 API——无需安装，在 **设置 → 引擎**（ASR 标签页）中配置并测试连接。音频会离开你的设备，发送到你指定的任何服务器；参见 [docs/engines/openai-compatible-asr.md](docs/engines/openai-compatible-asr.md)。 |
> Whisper 系列引擎覆盖约 100 种语言；**FunASR / SenseVoice** 额外提供一条多语言一体化路径，内置语音活动检测与行内说话人分离。**sherpa-onnx** 驱动实时听写的模型选择器——你边说，文字边出现。除可选的 OpenAI 兼容远程客户端外，所有引擎都在本地设备上运行——无需 API 密钥，无需云端。
> **GPU 不支持高效 float16？** 在较老的 NVIDIA GPU（Maxwell/Pascal、GTX 16xx）上，或在 CTranslate2/cuDNN 版本不匹配之后，CTranslate2 系 ASR 引擎（WhisperX、Faster-Whisper）无法运行 `float16`，VoiceStudio 会自动改用 `int8` 重试——无需配置。如果转录仍然失败，可用 `ASR_COMPUTE_TYPE` 环境变量固定计算类型（逃生舱口）：`ASR_COMPUTE_TYPE=int8`（CPU 用 `float32`）。将其设为 `int8` 并重启后端。
</details>
---
## 🏗️ 架构
```
┌─────────────────────────────────────────────────────────────┐
│ Frontend (React) │
│ DubTab · VoiceConsole · Stories · Audiobook · Gallery │
│ Dictation · BatchQueue · Diagnostics · MCP Client │
├─────────────────────────────────────────────────────────────┤
│ Backend (FastAPI) │
│ 100+ API endpoints · SSE+WSS streaming · SQLite │
├──────────┬──────────┬──────────┬──────────┬────────────────┤
│ WhisperX │ Demucs │VoiceStudio │ Pyannote │ Engine Routing │
│ (+7 ASR │ Source │ (+10 │ Diariz- │ ↳ GPU preflight │
│ engines) │ Sep. │ TTS) │ ation │ ↳ No silent CPU │
└──────────┴──────────┴──────────┴──────────┴────────────────┘
CUDA / MPS / ROCm / CPU (auto-detected + routed)
```
<a id="openai-api"></a>
## 🔌 OpenAI 兼容 API
已经有会说 OpenAI 音频 API 的脚本、智能体或工具？把它指向 `http://localhost:3900/v1` 即可——不需要密钥，也不用改代码。后端为音频端点内置了即插即用的兼容接口，直接接到你当前启用的 TTS/ASR 引擎（没错，`voice` 参数接受你克隆的声音配置 ID）。
| 端点 | 作用 |
| 需求 | 链接 |
|---|---|
| `POST /v1/audio/speech` | TTS——输入文本；输出 `mp3` / `wav` / `flac` / `opus` / `pcm`。`tts-1` / `tts-1-hd` 映射到你当前启用的引擎；也接受 OpenAI 的声音名称（`alloy` 等）。 |
| `POST /v1/audio/transcriptions` | STT——输入音频文件；输出 `json`、`text`、`verbose_json`、`srt` 或 `vtt`。`whisper-1` 映射到你当前启用的 ASR 引擎。 |
| `GET /v1/audio/voices` | VoiceStudio 扩展——列出所有声音配置和引擎，客户端可据此发现你的克隆声音。 |
| 安装帮助 | [故障排查](docs/install/troubleshooting.md) · [模型下载](docs/downloading-models.md) |
| 模型与音质 | [引擎指南](docs/engines/README.md) · [基准测试](docs/benchmarks.md) |
| 集成 | [本地 API](docs/speech-platform.md) · [MCP](docs/mcp.md) · [示例](examples/README.md) |
| 参与开发 | [贡献指南](.github/CONTRIBUTING.md) · [Electron](electron/README.md) · [更新日志](CHANGELOG.md) |
```sh
curl http://localhost:3900/v1/audio/speech \
-H "Content-Type: application/json" \
-d '{"model": "tts-1", "voice": "alloy", "input": "Generated on my own hardware.", "response_format": "wav"}' \
--output speech.wav
```
安装智能体技能：`npx skills add debpalash/VoiceStudio`
```python
from openai import OpenAI
client = OpenAI(base_url="http://localhost:3900/v1", api_key="none") # any string works — nothing checks it
## 支持 VoiceStudio
result = client.audio.transcriptions.create(model="whisper-1", file=open("clip.wav", "rb"))
print(result.text)
```
[Ko-fi](https://ko-fi.com/debpalash) · [PayPal](https://paypal.me/palashCoder) · [赞助项目](SPONSORS.md) · [商务合作](mailto:partner@voicestudio.sh)
想要完整的接口（100+ 端点）？完整的 REST API 参考已内嵌在应用中——**设置 → OpenAPI 参考**（由 Scalar 驱动），或点击页脚的 `{}` 按钮。
## 许可与负责任使用
### 📓 在 Google Colab 上运行
[![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/debpalash/VoiceStudio/blob/main/notebooks/OmniVoice_Studio_Colab.ipynb)
没有本地 GPU？官方笔记本（[notebooks/OmniVoice_Studio_Colab.ipynb](notebooks/OmniVoice_Studio_Colab.ipynb)）可在免费的 Colab T4 上启动完整应用（包含 Web 界面）：在笔记本内直接构建前端，用 uv 安装后端（复用 Colab 预装的 CUDA PyTorch），并通过 Colab 内置端口代理打开界面。无需第三方隧道，也无需任何 API 密钥。随后还有一套覆盖全部主要功能的 API 导览，全部可在笔记本内直接播放：多语言 TTS、声音克隆与声音设计、已保存的声音档案、语音转写、AI 水印检测、OpenAI 兼容 API、多角色故事、带章节的 m4b 有声书，以及一个附带人声分离音轨的迷你视频配音。
### 🤝 智能体技能（Agent Skills）
用一条命令教会你的 AI 智能体（Claude Code、Cursor、Codex 等）使用 VoiceStudio：
```sh
npx skills add debpalash/omnivoice-studio
```
内含两个 [skills](https://skills.sh)：**`omnivoice`**——让任何智能体通过你的本地安装进行语音合成与转录（包括你克隆的声音），免费且离线；以及 **`oss-maintainer`**——本项目所遵循的维护者方法论，适合任何用智能体运营自己开源项目的人。
### 🔌 模型上下文协议（MCP 服务器）
VoiceStudio 在 `http://localhost:3900/mcp` 挂载了 MCP 服务，可供 Claude Desktop、Cursor 与自主智能体调用：
```json
{
"mcpServers": {
"voicestudio": {
"url": "http://localhost:3900/mcp"
}
}
}
```
对于需要 stdio 管道传输的客户端，请使用内置的本地桥接脚本（`docs/mcp.json`）：
```json
{
"mcpServers": {
"voicestudio": {
"command": "python",
"args": ["-m", "backend.mcp_shim"],
"cwd": "/path/to/VoiceStudio"
}
}
}
```
支持 `generate_speech`、`clone_voice`、`transcribe` 等工具与流式文件输出模式，详见 [docs/mcp.md](docs/mcp.md)。
---
## 🗺️ 路线图
### 🔜 即将推出
- 🎬 **唇形同步 v2** — 使用 wav2lip 进行视觉语音时间对齐
- 🌐 **在线演示** — 无需安装即可体验 VoiceStudio
- 🔌 **插件市场** — 社区贡献的 TTS 引擎与特效
- 🎵 **实时变声器** — 通话中的麦克风实时变声
<details>
<summary><b>✅ 已经发布的一切</b>——按类别列出的“成绩单”</summary>
<br/>
| 分类 | 功能 |
|----------|----------|
| **长内容** | 有声书编辑器（文本/EPUB/PDF → 分章 .m4b）、Stories 多声音编辑器、两遍响度归一母带处理、渲染中断后的崩溃续渲、发音控制 + SSML-lite 韵律 |
| **配音** | 完整流水线（转录→翻译→合成→封装）、场景感知分割、唇形同步评分、流式 TTS、逐说话人声音分配、Smart Fit 时长匹配 + 二次 QC、独立的配音主页 |
| **声音** | 零样本克隆、声音设计、A/B 对比、声音预览控件、支持收藏/标签的声音库、便携声音角色包（`.ovsvoice`）、声音控制台工作区 |
| **音频** | Demucs 人声分离、逐段增益、选择性音轨导出、分轨/SRT/VTT/MP3 导出、按句分块实现的无限长 TTS |
| **多语言** | 多语言批量选择器、顺序 GPU 执行的批量配音队列 |
| **说话人分离** | Pyannote 机器学习分离、自动说话人克隆提取、逐说话人声音分配 |
| **ASR** | 9 个引擎（WhisperX、Faster-Whisper、隔离版 Faster-Whisper、MLX Whisper、PyTorch Whisper、Parakeet TDT、Moonshine、FunASR/SenseVoice、sherpa-onnx 实时听写）、崩溃隔离的子进程后端 |
| **TTS** | 14 个引擎（VoiceStudio、CosyVoice 3、GPT-SoVITS、VoxCPM2、MOSS-TTS-Nano、KittenTTS、MLX-Audio、Sherpa-ONNX，+ 延迟安装：IndexTTS 2.5、OmniVoice GGUF、Supertonic 3、MOSS-TTS-v1.5、dots.tts、Confucius4-TTS）、带 GPU 预检的引擎路由 |
| **基础设施** | Docker 部署、CUDA/MPS/ROCm 自动检测、cuDNN 8 兼容、显存感知模型卸载、引擎路由（绝不静默回退 CPU）、诊断套件与错误日志、受限网络镜像支持 |
| **AI 溯源** | AudioSeal 不可见水印（类似 SynthID）、视频徽标叠加、水印检测 API |
| **用户体验** | 撤销/重做、键盘快捷键、拖放、会话持久化、首次启动按屏幕推荐界面缩放，以及原生 WebKitGTK 缩放 |
| **实时事件** | WebSocket 事件总线——数据变更时即时刷新侧边栏、指数退避重连 |
| **状态管理** | Zustand 状态迁移——`uiSlice`、`pillSlice`、`dubSlice`、`generateSlice`、`prefsSlice`、`glossarySlice` |
| **桌面** | 跨平台 Tauri 安装程序（macOS DMG——Apple Silicon；Intel 不支持本地后端，#889——Windows MSI、Linux deb/AppImage）、自动更新基础设施、单实例约束、关闭最小化到托盘、macOS Gatekeeper 修复 |
| **听写** | 全局系统级热键（`⌘+⇧+Space`）、无边框浮动控件、WebSocket 流式 ASR、自动粘贴、可自定义热键、本地 LLM 转录润色 |
| **批量流水线** | 完整批量 TTS：提取 → 转录 → 翻译 → 生成 → 混音 → 导出，带实时进度追踪 |
| **MCP 服务器** | 让 VoiceStudio 成为 Claude、Cursor 及任何 MCP 客户端的本地 TTS/STT 提供方 |
| **远程后端** | 让桌面 UI 指向远程后端 URL，支持 Bearer 认证（附 Tailscale 文档） |
| **可靠性** | 启动开屏的卡死看门狗、逐引擎 GPU 兼容矩阵、引擎二进制不可执行时的可操作报错、setuptools 自动修复 |
</details>
---
<a id="sponsor--donate"></a>
## 💜 赞助 / 捐赠
VoiceStudio 由一位开发者使用 Claude Code 和 AI 智能体独立打造——而智能体账单是实打实的（过去三个月花了数千美元）。如果 VoiceStudio 为你创造了价值，帮忙分担一小部分账单，就能让开发保持全职推进。
<div align="center">
**本月智能体账单基金**
<img src="https://img.shields.io/badge/raised_%2410_of_%24200-5%25-EAB308?style=for-the-badge" alt="已筹 $10 / $200" />
<br/><br/>
<a href="https://ko-fi.com/debpalash"><img src="https://img.shields.io/badge/Ko--fi-Support_❤️-FF5E5B?style=for-the-badge&logo=ko-fi&logoColor=white" alt="Ko-fi" /></a>
&nbsp;&nbsp;
<a href="https://paypal.me/palashCoder"><img src="https://img.shields.io/badge/PayPal-Donate-00457C?style=for-the-badge&logo=paypal&logoColor=white" alt="PayPal" /></a>
<br/>
<sub>每一美元都直接用于支付智能体账单——让 VoiceStudio 的开发持续不断。</sub>
<br/><br/>
<sub><b>来自 VoiceStudio 作者的更多应用</b>——同样的本地优先理念：
<a href="https://github.com/debpalash/Opal"><b>Opal</b> 💠</a>（播放一切——AI 时代的媒体播放器）·
<a href="https://github.com/debpalash/memxt"><b>memxt</b> 🧠</a>（Claude Code 与编码智能体的本地记忆）。
给它们点个 ⭐ 也是一种支持 → <a href="#more-from-the-maker">详见下文</a>。</sub>
</div>
<a id="sponsors"></a>
### 🌟 赞助商
VoiceStudio **免费**且采用 **AGPL-3.0** 许可——没有付费版，没有 SaaS 收入。赞助商让开发得以持续，作为回报，可以在这里、在应用内（顶级档位还包括项目官网）获得一个徽标位。这是一份感谢，绝不是付费墙。**[查看档位并成为赞助商 →](SPONSORS.md)**
<div align="center">
<!-- SPONSORS:START — logo slots are filled here as sponsors come aboard; see SPONSORS.md -->
**这里可以是你的徽标** — [成为赞助商](SPONSORS.md)
<!-- SPONSORS:END -->
</div>
<sub>💡 GitHub 也会在本仓库顶部显示一个 **Sponsor** 按钮，经由 <a href=".github/FUNDING.yml"><code>.github/FUNDING.yml</code></a> 指向相同的链接。</sub>
---
## 💬 社区
<div align="center">
<a href="https://discord.gg/bzQavDfVV9"><img src="https://img.shields.io/badge/💬_Discord-Join_Community-5865F2?style=for-the-badge&logo=discord&logoColor=white" alt="加入 Discord" /></a>
<br/>
<sub>设置类问题我们几小时内就会回复，而不是几天。</sub>
</div>
<details>
<summary><b>里面都在聊什么</b></summary>
<br/>
| 频道 | 那里发生什么 |
|---------|--------------------|
| `#announcements` | 发布消息与重大时刻——新版本最先在这里公布 |
| `#releases` + `#changelog` | 每一个构建，以及里面究竟有什么 |
| `#issues` | 以论坛帖子形式提交的 Bug 报告——直接分诊进 GitHub Issues |
| `#ideas` | 功能请求，供讨论与投票 |
| `#discuss-ideas` | 动手之前的设计讨论 |
| `#general` | 安装帮助、GPU 疑难排查，以及晒你的配音成果 |
</details>
---
<a id="contributing"></a>
## 🤝 参与贡献
非常欢迎——Bug 修复、新的 TTS 引擎适配器、UI 改进、文档、翻译。统统欢迎。
- 📖 阅读 **[贡献指南](.github/CONTRIBUTING.md)** 了解环境搭建、代码风格和 PR 工作流
- 🐛 浏览 [good first issues](https://github.com/debpalash/VoiceStudio/labels/good%20first%20issue)
- 💬 加入我们的 [Discord](https://discord.gg/bzQavDfVV9) 讨论想法或寻求帮助
---
## ❓ 常见问题
<details>
<summary><b>真的能和 ElevenLabs 一样好吗？</b></summary>
<br/>
诚实的回答：<b>取决于你要做什么。</b>
<b>VoiceStudio 真正有竞争力的地方：</b>从干净的参考音频进行语音克隆（最先进的开源扩散 TTS）、语言覆盖（646 种语言对他们的 32 种），以及所有结构性优势——没有按字符计费、没有用量上限、音频不离开你的设备、完整的流水线可定制性（14 个 TTS 引擎、10 个 ASR 引擎、翻译方案随你选）。
<b>ElevenLabs 仍然领先的地方：</b>开箱即用的稳定性与打磨程度，尤其是英语 TTS。他们的单一模型经过深度调优；我们的质量取决于你选择的引擎、你的硬件，以及（对克隆而言）参考音频——干燥、近麦的音频比嘈杂或有回声的音频克隆效果好得多。
<b>具体到配音：</b>配音是一条链——转录 → 翻译 → 克隆 → 合成——在<i>你的</i>素材上，它只取决于最薄弱的一环。如果部分输出语无伦次，先检查片段表里的<i>原文</i>：当转录本身就错了，换一个 ASR 引擎或使用更干净的源音频——修复点通常在这里，而不是声音。
拿你的真实素材试试——免费，下载一次即可。许多用户直接用它替换了 ElevenLabs；也有人两个都留着。这两种结果我们都乐见。
</details>
<details>
<summary><b>能在 Apple Silicon（M1/M2/M3/M4）上运行吗？</b></summary>
<br/>
可以。MPS 加速会被自动检测。在 Apple 硬件上，MLX 优化的 Whisper 模型可提供更快的转录速度。<b>不支持 Intel Mac</b>：应用 UI 可以安装，但本地 Python 后端无法运行，因为 PyTorch 已不再发布 Intel Mac 轮子（<a href="https://github.com/debpalash/VoiceStudio/issues/889">#889</a>）——Intel Mac 只能配合远程后端使用。
</details>
<details>
<summary><b>需要多少显存？</b></summary>
<br/>
<b>最低 4 GB。</b> 显存 ≤8 GB 时，TTS 模型会在转录期间自动卸载到 CPU。8 GB 以上时，所有组件同时在 GPU 上运行。完全没有 GPU？CPU 模式也能用——只是慢一些（TTS 约慢 3 倍）。
</details>
<details>
<summary><b>可以用于商业用途吗？</b></summary>
<br/>
<b>可以——商业使用免费</b>，基于 <a href="https://www.gnu.org/licenses/agpl-3.0.html">AGPL-3.0</a>：运行它、出售用它生成的音频、为客户的视频配音、在团队中部署。只有一项义务：如果你<b>修改</b>了 VoiceStudio 并通过网络向他人提供该修改版本，你必须依据相同条款分享修改后的源代码。想把它嵌入闭源产品？可获取商业许可证——参见<a href="#license">许可证</a>。
</details>
<details>
<summary><b>支持哪些语言？</b></summary>
<br/>
通过 VoiceStudio 模型的 TTS 支持 646 种语言。转录（WhisperX）支持 99 种语言。翻译覆盖范围取决于目标语言对。
</details>
<details>
<summary><b>可以添加自己的 TTS 引擎吗？</b></summary>
<br/>
可以。在 <code>backend/services/tts_backend.py</code> 中继承 <code>TTSBackend</code>，并将其添加到 <code>_REGISTRY</code> 字典中——约 50 行代码。十四个内置引擎均以此方式实现；参见 <a href="#tts-engines">TTS 引擎</a>。
</details>
<details>
<summary><b>VoiceStudio 会收集我的任何数据吗？</b></summary>
<br/>
<b>除非你明确同意，否则不会。</b>首次运行时应用会<i>询问</i>你——一个页面、两个同等分量的按钮，没有预先勾选。在你回答“是”之前，VoiceStudio 什么都不发送：没有分析、没有遥测、没有账号、没有“回传”。跳过提问就等于“否”。无论如何，你的文本、音频、声音和项目永远不会离开你的设备。
如果你选择同意（也可随时在 <b>设置 → 隐私 → “帮助改进 VoiceStudio”</b> 中开关），发送的只是匿名、不含内容的使用统计：生成信息（引擎、语言、生成耗时、字符<i>数量</i>、错误<i>类型</i>），以及应用生命周期——一次安装信号、版本更新（版本号之间）、崩溃（错误类别和<i>分桶后的</i>运行时长，绝不含日志）、错误<i>类型</i>（有上限、去重），以及卸载时的一次告别信号。绝不包含你的文本、音频、文件名或任何可识别信息——这由代码中的属性白名单强制保证（<code>backend/core/analytics.py</code>），而不只是一句承诺。源码构建根本没有分析数据的接收端，因此根本不会询问。你自己的统计数字在 <b>设置 → 用量</b> 中查看，本地计算，不发送到任何地方。
</details>
<details>
<summary><b>如何卸载它 / 删除它的所有数据？</b></summary>
<br/>
VoiceStudio 完全本地运行——卸载就是删除应用及其写入的文件夹（模型缓存、Python 环境、你的声音/项目、配置）。运行 <code>scripts/uninstall.sh</code>（macOS/Linux）或 <code>scripts\uninstall.ps1</code>（Windows）——它会先以干跑方式列出每个文件夹及其大小，加 <code>--yes</code> 才会真正删除。完整的各平台路径列表和应用移除步骤见 <a href="docs/install/uninstall.md"><b>docs/install/uninstall.md</b></a>。
</details>
## 🛡️ 负责任使用与安全
VoiceStudio 在个人硬件上提供零样本语音克隆与语音创作能力。我们提倡负责任的技术使用：
- **明确授权：** 严禁在未经说话人本人知情并明确授权的情况下克隆其声音。
- **AI 溯源：** VoiceStudio 默认集成 [AudioSeal](https://github.com/facebookresearch/audioseal) 不可见神经音频水印，在完全不影响听感音质的前提下精准标记合成语音。
- **本地隐私：** 默认本地工作流下，所有音频、声音档案、项目与转录文本始终保存在你的本地设备上；仅当你主动配置远程工作节点或第三方 ASR 端点时，相应数据才会传输到对应服务。
---
<a id="license"></a>
## 📜 许可证
VoiceStudio 是基于 [**GNU Affero 通用公共许可证 v3.0（AGPL-3.0）**](https://www.gnu.org/licenses/agpl-3.0.html) 的自由开源软件。
**可免费用于任何用途——包括商业和企业内部用途。** 运行它、出售用它生成的音频、为自己或客户的视频配音、在团队中推广——全部免费，无需许可证。作为一份**网络著佐权（copyleft）**许可证，AGPL 增加了一项义务：如果你**修改**了 VoiceStudio 并通过网络向他人提供该修改版本，你必须依据相同的 AGPL-3.0 条款向他们提供该修改版本的完整对应源代码。
希望将 VoiceStudio 嵌入**闭源或专有**产品或服务、又不受 AGPL-3.0 著佐权义务约束的组织，可获取**商业许可证**。**定价方案即将推出。** 咨询：**VoiceStudio@palash.dev**。
捆绑的 `omnivoice/` TTS 模型（作者 Han Zhu）在上游仍为 Apache-2.0 许可。完整且具约束力的条款请参见 [`LICENSE`](LICENSE)。
---
## 🙏 致谢
VoiceStudio 站在这些杰出开源工作的肩膀上：
| 项目 | 作用 |
|---------|------|
| [**VoiceStudio (k2-fsa)**](https://github.com/k2-fsa/OmniVoice) | 零样本扩散 TTS 引擎——核心语音合成模型 |
| [**WhisperX**](https://github.com/m-bain/whisperX) | 词级别语音识别与时间对齐 |
| [**Demucs (Meta)**](https://github.com/facebookresearch/demucs) | 音乐源分离，用于人声分离 |
| [**Pyannote**](https://github.com/pyannote/pyannote-audio) | 说话人分离——谁说了什么 |
| [**CTranslate2**](https://github.com/OpenNMT/CTranslate2) | CPU 和 GPU 上的优化 Transformer 推理 |
| [**AudioSeal (Meta)**](https://github.com/facebookresearch/audioseal) | 用于 AI 溯源的不可见神经音频水印 |
| [**Tauri**](https://tauri.app) | 原生桌面应用框架 |
| [**Supertone / Supertonic 3**](https://huggingface.co/Supertone/supertonic-3) | ONNX TTS 引擎——31 种语言，CPU 高效 |
| [**Sherpa-ONNX**](https://github.com/k2-fsa/sherpa-onnx) | 支持 WASM 的通用 TTS/ASR 运行时 |
| [**GPT-SoVITS**](https://github.com/RVC-Boss/GPT-SoVITS) | 零样本 TTS 引擎——5 种语言，RTF 0.014 |
---
<a id="more-from-the-maker"></a>
## 🧰 来自同一作者的更多本地开源项目
喜欢这种本地优先的理念？它是一脉相承的——同一位作者，同一条准则：**你的数据只留在你的设备上。** 全部项目见 [palash.dev](https://palash.dev)。
<table>
<tr>
<td align="center" width="50%" valign="top">
<br/>
<a href="https://github.com/debpalash/Opal"><img src="https://raw.githubusercontent.com/debpalash/Opal/main/assets/opal_logo.png" width="96" alt="Opal 徽标"/></a>
<h3><a href="https://github.com/debpalash/Opal">Opal 💠</a></h3>
<p><b>播放一切。</b>AI 时代的媒体播放器。</p>
<p><sub>视频、动漫、漫画、种子、Jellyfin 和 Plex——一个播放器全部搞定，并内置本地 AI 记忆与上下文。使用 Zig 编写，支持 macOS 和 Windows。</sub></p>
<p>
<a href="https://github.com/debpalash/Opal/stargazers"><img src="https://img.shields.io/github/stars/debpalash/Opal?style=flat-square&color=f59e0b" alt="Opal Star 数"/></a>
<a href="https://palash.dev/opal"><img src="https://img.shields.io/badge/site-palash.dev%2Fopal-8b5cf6?style=flat-square" alt="Opal 官网"/></a>
</p>
</td>
<td align="center" width="50%" valign="top">
<br/>
<a href="https://github.com/debpalash/memxt"><img src="https://raw.githubusercontent.com/debpalash/memxt/main/assets/logo-mark.svg" width="96" alt="memxt 徽标"/></a>
<h3><a href="https://github.com/debpalash/memxt">memxt 🧠</a></h3>
<p><b>经基准测试验证的最快开源 AI 记忆系统。</b></p>
<p><sub>为 Claude Code 和编码智能体提供本地长期记忆——基于 SQLite + 嵌入向量的 MCP 服务器，100% 在你的设备上运行。你的智能体终于能记住昨天了。</sub></p>
<p>
<a href="https://github.com/debpalash/memxt/stargazers"><img src="https://img.shields.io/github/stars/debpalash/memxt?style=flat-square&color=f59e0b" alt="memxt Star 数"/></a>
<a href="https://github.com/debpalash/memxt#readme"><img src="https://img.shields.io/badge/docs-README-10b981?style=flat-square" alt="memxt 文档"/></a>
</p>
</td>
</tr>
</table>
---
<div align="center">
<br/>
如果你读到了这里，你就是我们的同路人。<br/>
**[⭐ 给这个仓库点个 Star](https://github.com/debpalash/VoiceStudio)**，让更多人能找到它。<br/>
**[💬 加入 Discord](https://discord.gg/bzQavDfVV9)**，分享你的作品。<br/>
**[❤️ 支持开发](https://ko-fi.com/debpalash)**——资助让 VoiceStudio 持续发布的 AI 智能体账单。
<br/>
<a href="https://star-history.com/#debpalash/VoiceStudio&Date">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=debpalash/VoiceStudio&type=Date&theme=dark" />
<source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=debpalash/VoiceStudio&type=Date" />
<img alt="Star 历史" src="https://api.star-history.com/svg?repos=debpalash/VoiceStudio&type=Date&theme=dark" width="600" />
</picture>
</a>
</div>
应用采用 [AGPL-3.0](LICENSE) 许可。模型遵循各自的许可，商用前请确认其条款。克隆声音前须取得本人许可。详见[许可说明](LICENSE-NOTICE.md)。
docs/integration-directory.md
+20
View File
@@ -0,0 +1,20 @@
# Integration directory
Directory entries are illustrative, not paid sponsors, endorsements, or verified VoiceStudio integrations. Icons are bundled locally so viewing the catalog sends no logo requests to providers. Brand marks belong to their respective owners.
| Company | Official source | Icon source |
|---|---|---|
| Twilio | [Website](https://www.twilio.com) | Bundled site icon |
| Plivo | [Website](https://www.plivo.com) | Bundled site icon |
| Telnyx | [Website](https://telnyx.com) | Bundled site icon |
| n8n | [Website](https://n8n.io) | Bundled site icon |
| Zapier | [Website](https://zapier.com) | Bundled site icon |
| Make | [Website](https://www.make.com) | Bundled generic mark |
| GitHub | [Website](https://github.com) | Bundled site icon |
| GitHub Container Registry | [Website](https://ghcr.io) | Bundled GitHub icon |
| Docker | [Website](https://www.docker.com) | Bundled site icon |
| Model Context Protocol | [Website](https://modelcontextprotocol.io) | Bundled site icon |
| OpenAI Agents | [Guide](https://platform.openai.com/docs/guides/agents) | Bundled local mark |
| Claude Code | [Guide](https://docs.anthropic.com/en/docs/claude-code) | Bundled site icon |
| Codex CLI | [Repository](https://github.com/openai/codex) | Bundled local mark |
| VoiceStudio API | [Repository](https://github.com/debpalash/VoiceStudio) | Bundled local mark |
docs/media/electron/README.md
+19
View File
@@ -0,0 +1,19 @@
# README media
Captured from the Electron renderer on Linux, September 16, 2026. These images show the development branch, not a claim about a published release. The browser capture runs the same renderer as Electron; native window decorations are excluded.
Only the bundled demo voice appears. Personal profiles, history, and projects are filtered from the capture context, and API mutations are blocked. The normal app and its local storage are left alone.
With the Electron development server running:
```bash
CHROMIUM_PATH=/usr/bin/chromium node scripts/capture-readme-electron.mjs
```
The script writes PNG screenshots here and prints the temporary WebM path. Convert that recording to the main GIF (replace `recording.webm` with that path):
```bash
ffmpeg -y -ss 1 -i recording.webm -vf 'fps=8,scale=1120:-1:flags=lanczos,split[s0][s1];[s0]palettegen=stats_mode=diff[p];[s1][p]paletteuse=dither=bayer:bayer_scale=3' -loop 0 docs/media/electron/voicestudio.gif
```
The README uses the GIF plus the cloning and dubbing screenshots. Design and model screenshots are captured as companion stills. The official logo and repository badges retain their existing assets.
docs/media/electron/dubbing.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 158 KiB

docs/media/electron/models.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

docs/media/electron/voice-cloning.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

docs/media/electron/voice-design.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 124 KiB

docs/media/electron/voicestudio.gif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 MiB

docs/support-page.md
+19
View File
@@ -0,0 +1,19 @@
# Support page
The support page puts the monthly development goal, donation amounts, and Ko-fi / PayPal links first. Selecting an amount carries it into PayPal; Ko-fi lets you choose the amount on its own page. No checkout opens until you choose a provider.
Star and community links offer other ways to help. Sponsors remain visible. The Electron page uses the official VoiceStudio logo, a single donation panel, visible sponsor and Pro cards, and an icon grid for contact channels. No accordion hides those actions. Controls support keyboard navigation, and decorative interaction animations respect reduced-motion preferences.
Workspace headers link to Support immediately before Search. A sponsor footer sits below each workspace content area, outside its scrolling editor and above the agent dock. It reads the shared sponsor roster, uses themed hover/focus tooltips, and opens sponsor links in the system browser. With an empty roster, one combined “Your logo here” booking tile demonstrates the placement and opens the sponsorship message form. It prepares a mailto draft to partner@voicestudio.sh in the default email app, or copies the address; it never sends email itself.
The sponsor-bar remove control opens the Free vs Pro comparison on Support. The comparison lists the proposed Pro benefits: no telemetry, a hideable sponsor bar, a Pro badge, and advanced tools. Activation verification and the specific advanced-tool list are not configured; no Pro entitlement is inferred from donations or local preferences.
Sponsor tiles form a left-aligned, horizontally scrolling row with 1px gaps. The rightmost combined logo-plus tile opens the booking form.
Logo hover cards match their trigger tile width and grow vertically to fit their contents.
The footer chevron opens a searchable sponsor catalog above the strip. Cards show logos, names, tiers, and destination links; a booking card opens the email form. The panel scrolls within 60% of the viewport. Escape or the close button collapses it and returns focus to the chevron.
The expanded catalog is labeled Integrations. Entries from the sponsored roster display a Featured badge in their catalog card and hover card; the empty booking preview does not.
Ten voice-AI company examples populate the catalog and compact strip using locally bundled official icons. They carry a Directory example label, not Featured. Capabilities and source links are recorded in [the directory notes](integration-directory.md).
electron/src/renderer/index.html
+1 -1
View File
@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
http-equiv="Content-Security-Policy"
content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob:; media-src 'self' blob: data:; connect-src 'self' blob: ws: http://localhost:* http://127.0.0.1:* https://eu.i.posthog.com; font-src 'self' data:; worker-src 'self' blob:"
content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob:; media-src 'self' blob: data:; frame-src https://forms.gle https://docs.google.com https://accounts.google.com; connect-src 'self' blob: ws: http://localhost:* http://127.0.0.1:* https://eu.i.posthog.com; font-src 'self' data:; worker-src 'self' blob:"
/>
<script src="/early-error-capture.js"></script>
<link rel="icon" type="image/svg+xml" href="../../../frontend/public/favicon.svg" />
electron/src/renderer/src/components/app-shell/agent-dock-frame.tsx
+1 -1
View File
@@ -6,6 +6,6 @@ export function AgentDockFrame({ label, expanded = true, children }: {
}) {
return <section aria-label={label} className={cn(
'relative z-40 flex min-h-0 shrink-0 flex-col border-t border-sidebar-border bg-sidebar text-sidebar-foreground shadow-[0_-8px_24px_rgb(0_0_0/12%)]',
expanded && 'h-[clamp(20rem,42vh,28rem)]',
expanded && 'h-[clamp(14rem,30vh,20rem)]',
)}>{children}</section>;
}
electron/src/renderer/src/components/app-shell/app-shell.tsx
+2
View File
@@ -1,3 +1,4 @@
import { SponsorFooter } from './sponsor-footer';
import { WorkspaceSidebar } from './workspace-sidebar';
import { CommandPalette } from '@/components/command-palette';
import { Outlet, useRouterState } from '@tanstack/react-router';
@@ -34,6 +35,7 @@ export function AppShell() {
<div className="min-h-0 flex-1 overflow-hidden">
<Outlet />
</div>
<SponsorFooter />
<RepairAgentDock />
</main>
</BackendGate>
electron/src/renderer/src/components/app-shell/repair-agent-dock.tsx
+5 -5
View File
@@ -282,7 +282,7 @@ export function RepairAgentDock() {
return (
<AgentDockFrame label={t('repairAgent.title')}>
<header className="flex min-h-12 shrink-0 items-center gap-2 border-b border-sidebar-border px-3">
<header className="flex min-h-10 shrink-0 items-center gap-2 border-b border-sidebar-border px-3">
<RepairGlyph className="text-foreground" />
<div className="w-72 min-w-0 shrink-0">
<p className="truncate text-sm font-semibold">{t('repairAgent.title')}</p>
@@ -347,7 +347,7 @@ export function RepairAgentDock() {
ref={terminal}
role="log"
aria-live="polite"
className="studio-scrollbar min-h-0 min-w-0 flex-1 overflow-auto whitespace-pre-wrap break-words bg-[var(--app-theme-terminal-background,var(--background))] p-4 font-mono text-xs leading-5 text-[var(--app-theme-terminal-foreground,var(--foreground))]"
className="studio-scrollbar min-h-0 min-w-0 flex-1 overflow-auto whitespace-pre-wrap break-words bg-[var(--app-theme-terminal-background,var(--background))] p-3 font-mono text-xs leading-5 text-[var(--app-theme-terminal-foreground,var(--foreground))]"
>
{output}
</pre>
@@ -355,7 +355,7 @@ export function RepairAgentDock() {
<div
role="status"
aria-live="polite"
className="flex min-h-40 min-w-0 flex-1 flex-col items-center justify-center gap-3 bg-[var(--app-theme-terminal-background,var(--background))] p-8 text-center text-muted-foreground"
className="flex min-h-24 min-w-0 flex-1 flex-col items-center justify-center gap-2 bg-[var(--app-theme-terminal-background,var(--background))] p-4 text-center text-muted-foreground"
>
<RepairGlyph className="size-7 text-muted-foreground" />
<p className="max-w-md text-sm leading-5">
@@ -369,7 +369,7 @@ export function RepairAgentDock() {
</p>
</div>
)}
<div className="studio-scrollbar flex min-h-0 w-full shrink-0 flex-col gap-2 overflow-y-auto border-t border-sidebar-border bg-sidebar p-4 @3xl:w-[28rem] @3xl:border-l @3xl:border-t-0">
<div className="studio-scrollbar flex min-h-0 w-full shrink-0 flex-col gap-1.5 overflow-y-auto border-t border-sidebar-border bg-sidebar p-2.5 @3xl:w-[28rem] @3xl:border-l @3xl:border-t-0">
{!workspaceAvailable && !appOperation && (
<Button type="button" variant="outline" onClick={() => void chooseWorkspace()}>
<FolderOpenIcon />
@@ -436,7 +436,7 @@ export function RepairAgentDock() {
onChange={(event) => setReport(event.target.value)}
placeholder={t('repairAgent.placeholder')}
aria-label={t('repairAgent.placeholder')}
className="min-h-24 max-h-36 shrink-0 resize-y rounded-md border border-sidebar-border bg-sidebar-control-surface px-3 py-2 text-sm outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring"
className="min-h-16 max-h-24 shrink-0 resize-y rounded-md border border-sidebar-border bg-sidebar-control-surface px-3 py-1.5 text-sm outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring"
/>
<p className="flex items-start gap-1.5 text-[10px] leading-4 text-muted-foreground">
<ShieldCheckIcon className="mt-0.5 size-3 shrink-0" aria-hidden="true" />
electron/src/renderer/src/components/app-shell/sponsor-footer.css
+478
View File
@@ -0,0 +1,478 @@
.sponsor-strip {
display: flex;
flex-shrink: 0;
align-items: center;
gap: 1px;
min-height: var(--workspace-footer-height);
padding: 0;
border-top: 1px solid var(--border);
background: color-mix(in srgb, var(--foreground) 2%, var(--background));
}
.sponsor-strip-logos {
display: flex;
align-items: center;
justify-content: flex-start;
flex: 1;
min-width: 0;
gap: 1px;
overflow-x: auto;
scrollbar-width: none;
padding: 0;
}
.sponsor-strip-logos::-webkit-scrollbar { display: none; }
.sponsor-logo-tile,
.sponsor-book-tile {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
gap: 12px;
height: calc(var(--workspace-footer-height) - 1px);
min-height: calc(var(--workspace-footer-height) - 1px);
padding: 6px 12px;
border: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);
border-radius: 0;
background: var(--background);
color: var(--foreground);
cursor: pointer;
}
.sponsor-logo-preview {
width: min(100%, 210px);
background: linear-gradient(
110deg,
color-mix(in srgb, var(--primary) 5%, var(--background)),
var(--background)
);
}
.sponsor-logo-preview > span:first-child {
border-radius: 3px;
width: 30px;
height: 30px;
background: transparent;
color: var(--muted-foreground);
}
.sponsor-logo-preview > span:first-child svg {
width: 25px;
height: 25px;
stroke-width: 1.3;
}
.sponsor-logo-preview > svg:last-child {
margin-left: auto;
opacity: 0.5;
}
.sponsor-logo-copy {
display: grid;
gap: 3px;
text-align: left;
font-size: 13px;
font-weight: 550;
letter-spacing: -0.015em;
}
.sponsor-logo-copy small {
font-size: 10px;
font-weight: 400;
letter-spacing: 0.035em;
color: var(--muted-foreground);
}
.sponsor-book-tile {
width: 190px;
min-width: 190px;
border: 1px dashed color-mix(in srgb, var(--primary) 48%, var(--border));
background: transparent;
color: var(--muted-foreground);
font-size: 12px;
}
.sponsor-book-tile--combined {
display: grid;
grid-template-columns: 28px minmax(0, 1fr) 15px;
justify-content: initial;
gap: 8px;
text-align: center;
}
.sponsor-book-mark {
position: relative;
overflow: visible;
display: grid;
place-items: center;
width: 28px;
height: 28px;
flex: 0 0 28px;
border: 0;
border-radius: 0;
background: transparent;
color: var(--primary);
filter: drop-shadow(0 3px 6px color-mix(in srgb, var(--primary) 25%, transparent));
transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.sponsor-book-mark::after {
position: absolute;
inset: -65% -35%;
content: '';
background: linear-gradient(110deg, transparent 35%, rgb(255 255 255 / 24%), transparent 65%);
opacity: 0;
transform: translateX(-70%);
}
.sponsor-book-mark svg {
position: relative;
z-index: 1;
width: 28px;
height: 28px;
fill: color-mix(in srgb, var(--primary) 28%, var(--sidebar));
stroke-width: 1.4;
transition: transform 180ms ease;
}
.sponsor-book-question {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
width: auto;
color: var(--foreground);
font-size: 15px;
font-weight: 800;
line-height: 1;
transform: translate(-50%, -50%);
text-align: center;
text-shadow: 0 1px 4px color-mix(in srgb, var(--background) 65%, transparent);
transition: transform 180ms ease;
}
.sponsor-book-tile:hover .sponsor-book-mark {
transform: translateY(-1px) rotate(-4deg) scale(1.04);
filter: drop-shadow(0 5px 8px color-mix(in srgb, var(--primary) 40%, transparent));
}
.sponsor-book-tile:hover .sponsor-book-mark::after {
opacity: 1;
animation: sponsor-mark-sheen 700ms ease-out;
}
.sponsor-book-tile:hover .sponsor-book-mark svg {
transform: scale(1.08) rotate(7deg);
}
.sponsor-book-tile:hover .sponsor-book-question {
transform: translate(-50%, -50%) scale(1.12) rotate(7deg);
}
@keyframes sponsor-mark-sheen {
from { transform: translateX(-70%); }
to { transform: translateX(70%); }
}
@media (prefers-reduced-motion: reduce) {
.sponsor-book-mark,
.sponsor-book-mark svg,
.sponsor-book-question { transition: none; }
.sponsor-book-tile:hover .sponsor-book-mark::after { animation: none; }
}
.sponsor-book-copy {
display: grid;
gap: 1px;
min-width: 0;
text-align: center;
}
.sponsor-book-copy strong {
white-space: nowrap;
font-size: 13px;
font-weight: 650;
letter-spacing: -0.01em;
line-height: 1.1;
color: var(--foreground);
}
.sponsor-book-copy small {
white-space: nowrap;
font-size: 11px;
font-weight: 500;
line-height: 1.1;
color: color-mix(in srgb, var(--foreground) 72%, var(--muted-foreground));
}
.sponsor-book-plus {
width: 15px;
height: 15px;
margin-left: 0;
color: var(--primary);
}
.sponsor-book-tooltip {
border: 1px solid color-mix(in srgb, var(--primary) 34%, var(--border));
border-radius: 12px;
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--primary) 20%, transparent), transparent 48%),
var(--popover);
box-shadow:
0 18px 42px rgb(0 0 0 / 34%),
inset 0 1px 0 rgb(255 255 255 / 9%);
backdrop-filter: blur(18px);
}
.sponsor-book-tooltip-eyebrow {
display: flex;
align-items: center;
gap: 5px;
color: var(--primary);
font-size: 10px;
font-weight: 650;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.sponsor-book-tooltip-eyebrow svg {
width: 14px;
height: 14px;
fill: color-mix(in srgb, var(--primary) 22%, var(--popover));
stroke-width: 1.5;
}
.sponsor-book-tooltip-title {
color: var(--foreground);
font-size: 14px;
font-weight: 650;
letter-spacing: -0.015em;
line-height: 1.25;
}
.sponsor-book-tooltip-lead,
.sponsor-book-tooltip-detail {
color: var(--muted-foreground);
font-size: 11px;
line-height: 1.45;
}
.sponsor-book-tooltip-detail + .sponsor-book-tooltip-detail {
padding-top: 6px;
border-top: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
}
.sponsor-book-tooltip-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-top: 2px;
padding: 7px 9px;
border-radius: 7px;
background: color-mix(in srgb, var(--primary) 14%, transparent);
color: var(--primary);
border: 0;
cursor: pointer;
font-family: inherit;
text-align: left;
font-size: 11px;
font-weight: 650;
}
.sponsor-book-tooltip-cta svg { width: 13px; height: 13px; }
.sponsor-book-tooltip-cta:hover {
background: color-mix(in srgb, var(--primary) 22%, transparent);
}
.sponsor-book-tile > svg {
width: 18px;
height: 18px;
color: var(--primary);
}
.sponsor-logo-tile:focus-visible,
.sponsor-book-tile:focus-visible {
outline: 2px solid var(--primary);
outline-offset: -3px;
}
@media (hover: hover) {
.sponsor-logo-tile:hover,
.sponsor-book-tile:hover {
border-color: var(--primary);
color: var(--foreground);
box-shadow: 0 3px 15px -10px var(--primary);
}
}
@media (prefers-reduced-motion: no-preference) {
.sponsor-logo-tile,
.sponsor-book-tile {
transition:
border-color 180ms,
box-shadow 180ms,
transform 180ms;
}
.sponsor-logo-tile:hover,
.sponsor-book-tile:hover {
background-color: var(--accent);
}
}
@container (max-width: 680px) {
.sponsor-strip {
gap: 1px;
padding-inline: 0;
}
.sponsor-book-tile {
min-width: 185px;
max-width: 185px;
padding: 8px;
}
.sponsor-logo-tile {
padding-inline: 10px;
}
.sponsor-strip > svg,
.sponsor-strip > span {
display: none;
}
}
.sponsor-footer-host {
position: relative;
flex-shrink: 0;
min-width: 0;
}
.sponsor-logo-tooltip {
border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--border));
border-radius: 12px;
background: linear-gradient(
145deg,
color-mix(in srgb, var(--primary) 14%, var(--popover)),
var(--popover)
);
box-shadow:
0 16px 38px rgb(0 0 0 / 32%),
inset 0 1px 0 rgb(255 255 255 / 9%);
backdrop-filter: blur(18px);
}
.sponsor-tooltip-heading {
display: flex;
align-items: center;
gap: 9px;
width: 100%;
font-size: 14px;
}
.sponsor-tooltip-heading img {
width: 25px;
height: 25px;
flex: 0 0 25px;
border-radius: 7px;
object-fit: contain;
background: color-mix(in srgb, var(--foreground) 8%, transparent);
padding: 3px;
}
.sponsor-catalog-toggle {
display: grid;
place-items: center;
width: 32px;
height: calc(var(--workspace-footer-height) - 1px);
flex-shrink: 0;
cursor: pointer;
color: var(--muted-foreground);
}
.sponsor-catalog-toggle:hover {
color: var(--primary);
background: var(--accent);
}
.sponsor-catalog {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
z-index: 30;
display: flex;
flex-direction: column;
gap: 18px;
max-height: min(60vh, 540px);
overflow-y: auto;
padding: 24px;
border: 1px solid var(--border);
border-radius: 16px 16px 0 0;
background: var(--background);
box-shadow: 0 -12px 40px -24px #0008;
}
.sponsor-catalog-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
.sponsor-catalog h2 {
font-size: 20px;
font-weight: 600;
letter-spacing: -0.025em;
}
.sponsor-catalog-header p {
font-size: 13px;
color: var(--muted-foreground);
margin-top: 5px;
}
.sponsor-catalog-search {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
border: 1px solid var(--border);
border-radius: 8px;
color: var(--muted-foreground);
}
.sponsor-catalog-search input {
flex: 1;
min-width: 0;
background: transparent;
color: var(--foreground);
font-size: 13px;
outline: none;
}
.sponsor-catalog-search:focus-within {
outline: 2px solid var(--primary);
outline-offset: 2px;
}
.sponsor-catalog-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
gap: 12px;
}
.sponsor-catalog-card {
display: flex;
flex-direction: column;
gap: 10px;
min-height: 160px;
padding: 18px;
border: 1px solid var(--border);
border-radius: 12px;
text-align: left;
background: color-mix(in srgb, var(--foreground) 3%, var(--background));
cursor: pointer;
}
.sponsor-catalog-card-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 32px;
color: var(--muted-foreground);
}
.sponsor-catalog-card img {
max-width: 130px;
height: 32px;
object-fit: contain;
}
.sponsor-catalog-card h3 {
font-size: 15px;
font-weight: 600;
}
.sponsor-catalog-card p {
overflow-wrap: anywhere;
color: var(--muted-foreground);
font-size: 12px;
line-height: 1.5;
}
.sponsor-catalog-card > span {
margin-top: auto;
color: var(--primary);
font-size: 12px;
}
.sponsor-catalog-book {
border-style: dashed;
}
.sponsor-catalog-card:hover {
border-color: var(--primary);
}
.sponsor-catalog-card:focus-visible,
.sponsor-catalog-toggle:focus-visible {
outline: 2px solid var(--primary);
outline-offset: -3px;
}
@media (prefers-reduced-motion: no-preference) {
.sponsor-catalog {
animation: sponsor-catalog-in 180ms ease-out;
}
.sponsor-catalog-card {
transition: border-color 180ms;
}
}
@keyframes sponsor-catalog-in {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
electron/src/renderer/src/components/app-shell/sponsor-footer.test.tsx
+155
View File
@@ -0,0 +1,155 @@
import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
import { afterEach, expect, it, vi } from 'vitest';
import type { AnchorHTMLAttributes } from 'react';
const mock = vi.hoisted(() => ({
examples: [] as { name: string; logoUrl: string; url: string; detailKeys: string[] }[],
sponsors: [] as { name: string; logoUrl: string; url: string; tier: string }[],
open: vi.fn().mockResolvedValue(undefined),
navigate: vi.fn(),
}));
vi.mock('../../../../../../frontend/src/config/voice-ai-directory', () => ({
VOICE_AI_DIRECTORY: mock.examples,
}));
vi.mock('../../../../../../frontend/src/config/sponsors', () => ({
SPONSORS: mock.sponsors,
SPONSOR_TIERS: ['gold'],
}));
vi.mock('@/components/bridge', () => ({
getBridge: () => ({ files: { openExternal: mock.open } }),
}));
vi.mock('@tanstack/react-router', () => ({
useNavigate: () => mock.navigate,
Link: ({ to, ...props }: AnchorHTMLAttributes<HTMLAnchorElement> & { to: string }) => (
<a href={to} {...props} />
),
}));
vi.mock('react-i18next', () => ({
useTranslation: () => ({
t: (key: string, params?: { name?: string }) => (params?.name ? `${key} ${params.name}` : key),
}),
}));
import { SponsorFooter } from './sponsor-footer';
afterEach(() => {
cleanup();
mock.sponsors.length = 0;
mock.examples.length = 0;
vi.clearAllMocks();
vi.unstubAllGlobals();
});
it('shows a labeled preview and opens the booking form without launching email', () => {
render(<SponsorFooter />);
expect(screen.getByRole('button', { name: 'sponsorSlot.book' })).toBeVisible();
fireEvent.click(screen.getByRole('button', { name: 'sponsorSlot.book' }));
expect(screen.getByRole('dialog')).toBeVisible();
expect(document.querySelectorAll('img')).toHaveLength(0);
expect(mock.open).not.toHaveBeenCalled();
});
it('opens the configured sponsor only on click and shows a themed tooltip on focus', async () => {
mock.sponsors.push({
name: 'Example sponsor',
logoUrl: '/sponsor.svg',
url: 'https://example.org',
tier: 'gold',
});
render(<SponsorFooter />);
const link = screen.getByRole('link', { name: 'support.sponsors_logo_aria Example sponsor' });
expect(link.querySelector('img')).toHaveAttribute('src', '/sponsor.svg');
fireEvent.focus(link);
await waitFor(() => expect(screen.getByText('support.sponsors_tier_gold')).toBeVisible());
expect(mock.open).not.toHaveBeenCalled();
fireEvent.click(link);
expect(mock.open).toHaveBeenCalledWith('https://example.org');
fireEvent.error(link.querySelector('img')!);
expect(link).toHaveTextContent('Example sponsor');
});
it('encodes the message into an email draft and copies only the partner address', async () => {
const writeText = vi.fn().mockResolvedValue(undefined);
vi.stubGlobal('navigator', { ...navigator, clipboard: { writeText } });
render(<SponsorFooter />);
fireEvent.click(screen.getByRole('button', { name: 'sponsorSlot.book' }));
fireEvent.click(screen.getByRole('tab', { name: 'sponsorSlot.email' }));
const body = 'Studio & Co\nhttps://example.org/?a=1&b=2\nA logo + a link — hello!';
fireEvent.change(screen.getByRole('textbox', { name: 'sponsorSlot.message' }), {
target: { value: body },
});
fireEvent.click(screen.getByRole('button', { name: 'sponsorSlot.copy_email' }));
await waitFor(() => expect(writeText).toHaveBeenCalledWith('partner@voicestudio.sh'));
expect(mock.open).not.toHaveBeenCalled();
fireEvent.click(screen.getAllByRole('button', { name: 'sponsorSlot.email_app' }).at(-1)!);
await waitFor(() => expect(mock.open).toHaveBeenCalledOnce());
const url = new URL(mock.open.mock.calls[0][0]);
expect(url.protocol).toBe('mailto:');
expect(url.pathname).toBe('partner@voicestudio.sh');
expect(url.searchParams.get('body')).toBe(body);
expect(screen.getByRole('textbox')).toHaveValue(body);
});
it('prefills an editable sponsor brief for the email fallback', () => {
render(<SponsorFooter />);
fireEvent.click(screen.getByRole('button', { name: 'sponsorSlot.book' }));
fireEvent.click(screen.getByRole('tab', { name: 'sponsorSlot.email' }));
const value = (screen.getByRole('textbox') as HTMLTextAreaElement).value;
expect(value).toBe('sponsorSlot.email_template');
});
it('opens the Google Form in the browser from the form tab', () => {
render(<SponsorFooter />);
fireEvent.click(screen.getByRole('button', { name: 'sponsorSlot.book' }));
fireEvent.click(screen.getByRole('button', { name: 'network.open_in_browser' }));
expect(mock.open).toHaveBeenCalledWith('https://forms.gle/2PYCvd39hbwijzX37');
});
it('opens the booking modal from the tooltip call to action', async () => {
render(<SponsorFooter />);
const trigger = screen.getByRole('button', { name: 'sponsorSlot.book' });
fireEvent.focus(trigger);
const cta = await screen.findByRole('button', { name: 'sponsorSlot.footer_book' });
fireEvent.click(cta);
expect(screen.getByRole('dialog')).toBeVisible();
});
it('keeps the message available if the email app cannot open', async () => {
mock.open.mockRejectedValueOnce(new Error('no handler'));
render(<SponsorFooter />);
fireEvent.click(screen.getByRole('button', { name: 'sponsorSlot.book' }));
fireEvent.click(screen.getByRole('tab', { name: 'sponsorSlot.email' }));
fireEvent.change(screen.getByRole('textbox'), { target: { value: 'My proposal' } });
fireEvent.click(screen.getByRole('button', { name: 'sponsorSlot.email_app' }));
await waitFor(() => expect(screen.getByRole('alert')).toHaveTextContent('common.error'));
expect(screen.getByRole('textbox')).toHaveValue('My proposal');
expect(screen.getByRole('button', { name: 'sponsorSlot.copy_email' })).toBeEnabled();
});
it('routes removal to the plan comparison while activation is unavailable', () => {
render(<SponsorFooter />);
fireEvent.click(screen.getByRole('button', { name: 'supportPlans.remove' }));
expect(mock.navigate).toHaveBeenCalledWith({
to: '/settings/support',
search: { compare: true },
});
});
it('opens the full integrations workspace from the footer', () => {
mock.sponsors.push(
{ name: 'Acme', logoUrl: '/acme.svg', url: 'https://acme.example', tier: 'gold' },
{ name: 'Orbit', logoUrl: '/orbit.svg', url: 'https://orbit.example', tier: '' },
);
render(<SponsorFooter />);
const toggle = screen.getByRole('button', { name: 'integrationCatalog.title' });
fireEvent.click(toggle);
expect(mock.navigate).toHaveBeenCalledWith({ to: '/integrations' });
expect(mock.open).not.toHaveBeenCalled();
});
it('labels company examples without presenting them as featured sponsors', () => {
mock.examples.push({
name: 'ElevenLabs',
url: 'https://elevenlabs.io',
logoUrl: '/elevenlabs.ico',
detailKeys: ['nav.clone'],
});
render(<SponsorFooter />);
expect(screen.getByRole('link', { name: 'support.sponsors_logo_aria ElevenLabs' })).toBeVisible();
expect(mock.open).not.toHaveBeenCalled();
});
electron/src/renderer/src/components/app-shell/sponsor-footer.tsx
+331
View File
@@ -0,0 +1,331 @@
import { VOICE_AI_DIRECTORY } from '../../../../../../frontend/src/config/voice-ai-directory';
import './sponsor-footer.css';
import { useNavigate } from '@tanstack/react-router';
import { useEffect, useRef, useState } from 'react';
import { SponsorInquiry } from './sponsor-inquiry';
import {
ArrowUpRightIcon,
BlocksIcon,
SearchIcon,
GemIcon,
PlusIcon,
TriangleIcon,
XIcon,
} from 'lucide-react';
import { useTranslation } from 'react-i18next';
import { getBridge } from '@/components/bridge';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import { SPONSORS, SPONSOR_TIERS } from '../../../../../../frontend/src/config/sponsors';
const linkClass =
'flex min-h-9 shrink-0 items-center gap-2 rounded-lg px-2.5 text-xs text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-2 focus-visible:outline-primary motion-safe:transition-colors';
/** Lives in the content column, so it never covers the editor or its sidebar. */
export function SponsorFooter() {
const { t } = useTranslation();
const navigate = useNavigate();
const [expanded, setExpanded] = useState(false);
const [query, setQuery] = useState('');
const toggleRef = useRef<HTMLButtonElement>(null);
const logoScrollerRef = useRef<HTMLDivElement>(null);
const edgeScrollRef = useRef(0);
useEffect(() => {
const timer = window.setInterval(() => {
const scroller = logoScrollerRef.current;
if (scroller && edgeScrollRef.current) scroller.scrollLeft += edgeScrollRef.current;
}, 16);
return () => window.clearInterval(timer);
}, []);
const entries = [
...SPONSORS.map((sponsor) => ({ ...sponsor, featured: true, detailKeys: [] as string[] })),
...VOICE_AI_DIRECTORY.filter(
(example) => !SPONSORS.some((sponsor) => sponsor.url === example.url),
).map((example) => ({ ...example, tier: '', featured: false })),
];
const visibleSponsors = entries.filter((sponsor) =>
`${sponsor.name} ${sponsor.tier} ${sponsor.url} ${sponsor.detailKeys.map((key) => t(key)).join(' ')}`
.toLocaleLowerCase()
.includes(query.trim().toLocaleLowerCase()),
);
const collapse = () => {
setExpanded(false);
toggleRef.current?.focus();
};
const [failed, setFailed] = useState(false);
const [inquiryOpen, setInquiryOpen] = useState(false);
return (
<div className="sponsor-footer-host">
{expanded && (
<section
id="sponsor-catalog"
aria-label={t('integrationCatalog.title')}
className="sponsor-catalog"
onKeyDown={(event) => {
if (event.key === 'Escape' && !inquiryOpen) {
event.stopPropagation();
collapse();
}
}}
>
<header className="sponsor-catalog-header">
<div>
<h2>{t('integrationCatalog.title')}</h2>
<p>{t('integrationCatalog.description')}</p>
{VOICE_AI_DIRECTORY.length > 0 && <p>{t('directoryExamples.notice')}</p>}
</div>
<button
type="button"
className={linkClass}
onClick={collapse}
aria-label={t('common.close')}
>
<XIcon aria-hidden="true" className="size-4" />
</button>
</header>
<label className="sponsor-catalog-search">
<SearchIcon aria-hidden="true" className="size-4" />
<input
autoFocus
value={query}
onChange={(event) => setQuery(event.target.value)}
aria-label={t('common.search')}
placeholder={t('common.search')}
/>
</label>
<div className="sponsor-catalog-grid">
{visibleSponsors.map((sponsor) => (
<a
key={sponsor.url}
href={sponsor.url}
target="_blank"
rel="noreferrer"
className="sponsor-catalog-card"
onClick={(event) => {
const bridge = getBridge();
if (!bridge) return;
event.preventDefault();
setFailed(false);
void bridge.files.openExternal(sponsor.url).catch(() => setFailed(true));
}}
>
<div className="sponsor-catalog-card-top">
<img
src={sponsor.logoUrl}
alt=""
loading="lazy"
onError={(event) => {
event.currentTarget.style.display = 'none';
}}
/>
<ArrowUpRightIcon aria-hidden="true" className="size-4" />
</div>
<div className="flex flex-wrap items-center gap-2">
<h3>{sponsor.name}</h3>
<span className="rounded-full border border-primary/20 bg-primary/10 px-2 py-0.5 text-[10px] font-medium text-primary">
{t(
sponsor.featured
? 'integrationCatalog.featured'
: 'directoryExamples.example',
)}
</span>
</div>
{SPONSOR_TIERS.includes(sponsor.tier) && (
<span>{t('support.sponsors_tier_' + sponsor.tier)}</span>
)}
{sponsor.detailKeys.length > 0 && (
<p>{sponsor.detailKeys.map((key) => t(key)).join(' · ')}</p>
)}
<p>{sponsor.url}</p>
</a>
))}
{entries.length > 0 && visibleSponsors.length === 0 && (
<p role="status" className="text-sm text-muted-foreground">
{t('common.no_matches')}
</p>
)}
<button
type="button"
className="sponsor-catalog-card sponsor-catalog-book"
onClick={() => setInquiryOpen(true)}
>
<div className="sponsor-catalog-card-top">
<GemIcon aria-hidden="true" className="size-7" />
<PlusIcon aria-hidden="true" className="size-5" />
</div>
<h3>{t('support.sponsors_empty_desc')}</h3>
<p>{t('sponsorSlot.preview_detail')}</p>
<span>{t('sponsorSlot.book')}</span>
</button>
</div>
</section>
)}
<footer aria-label={t('integrationCatalog.title')} className="sponsor-strip">
<button
ref={toggleRef}
type="button"
className="sponsor-catalog-toggle"
aria-label={t('integrationCatalog.title')}
onClick={() => void navigate({ to: '/integrations' })}
title={t('integrationCatalog.title')}
>
<BlocksIcon aria-hidden="true" className="size-4" />
</button>
<div
ref={logoScrollerRef}
className="sponsor-strip-logos"
onMouseMove={(event) => {
const bounds = event.currentTarget.getBoundingClientRect();
const edge = Math.min(72, bounds.width * 0.18);
edgeScrollRef.current =
event.clientX < bounds.left + edge ? -5 : event.clientX > bounds.right - edge ? 5 : 0;
}}
onMouseLeave={() => {
edgeScrollRef.current = 0;
}}
>
{entries.map((sponsor) => (
<Tooltip key={sponsor.url}>
<TooltipTrigger
render={
<a
href={sponsor.url}
target="_blank"
rel="noreferrer"
className="sponsor-logo-tile"
aria-label={t('support.sponsors_logo_aria', { name: sponsor.name })}
onClick={(event) => {
const bridge = getBridge();
if (!bridge) return;
event.preventDefault();
setFailed(false);
void bridge.files.openExternal(sponsor.url).catch(() => setFailed(true));
}}
/>
}
>
<img
src={sponsor.logoUrl}
alt=""
loading="lazy"
className="h-5 max-w-24 object-contain"
onError={(event) => {
event.currentTarget.style.display = 'none';
}}
/>
<span>{sponsor.name}</span>
</TooltipTrigger>
<TooltipContent
surface="theme"
side="top"
sideOffset={8}
showArrow={false}
className="sponsor-logo-tooltip w-[min(50vw,320px)] max-w-[min(50vw,320px)] min-h-[124px] flex-col items-start justify-between gap-2 break-words p-3"
>
<span className="sponsor-tooltip-heading">
<img src={sponsor.logoUrl} alt="" loading="lazy" />
<span className="font-medium text-foreground">{sponsor.name}</span>
</span>
<span className="rounded-full bg-primary/10 px-2 py-0.5 text-[10px] font-medium text-primary">
{t(
sponsor.featured ? 'integrationCatalog.featured' : 'directoryExamples.example',
)}
</span>
{SPONSOR_TIERS.includes(sponsor.tier) && (
<span className="text-xs text-muted-foreground">
{t('support.sponsors_tier_' + sponsor.tier)}
</span>
)}
<span className="text-xs leading-relaxed text-muted-foreground">
{sponsor.detailKeys.length
? sponsor.detailKeys.map((key) => t(key)).join(' · ')
: t('integrationCatalog.description')}
</span>
<span className="flex max-w-full items-center gap-1 text-xs text-primary">
<span className="break-all">{sponsor.url}</span>
<ArrowUpRightIcon aria-hidden="true" className="size-3 shrink-0" />
</span>
</TooltipContent>
</Tooltip>
))}
</div>
{failed && (
<span role="alert" className="text-xs text-destructive">
{t('common.error')}
</span>
)}
<Tooltip>
<TooltipTrigger
render={
<button
type="button"
onClick={() => setInquiryOpen(true)}
className="sponsor-book-tile sponsor-book-tile--combined"
aria-label={t('sponsorSlot.book')}
/>
}
>
<span aria-hidden="true" className="sponsor-book-mark">
<TriangleIcon />
<span className="sponsor-book-question">?</span>
</span>
<span className="sponsor-book-copy">
<strong>{t('sponsorSlot.footer_brand')}</strong>
<small>{t('sponsorSlot.footer_book')}</small>
</span>
<PlusIcon aria-hidden="true" className="sponsor-book-plus" />
</TooltipTrigger>
<TooltipContent
surface="theme"
side="top"
sideOffset={8}
showArrow={false}
className="sponsor-book-tooltip w-[min(72vw,340px)] max-w-[min(72vw,340px)] flex-col items-stretch gap-2.5 p-3"
>
<span className="sponsor-book-tooltip-eyebrow">
<TriangleIcon aria-hidden="true" />
<span>{t('sponsorSlot.partner')}</span>
</span>
<strong className="sponsor-book-tooltip-title">{t('sponsorSlot.title')}</strong>
<span className="sponsor-book-tooltip-lead">
{t('sponsorSlot.description')}
</span>
<span className="sponsor-book-tooltip-detail">
{t('support.sponsors_perk')}
</span>
<span className="sponsor-book-tooltip-detail">
{t('sponsorSlot.preview_detail')}
</span>
<button
type="button"
className="sponsor-book-tooltip-cta"
onClick={() => setInquiryOpen(true)}
>
{t('sponsorSlot.footer_book')}
<ArrowUpRightIcon aria-hidden="true" />
</button>
</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger
render={
<button
type="button"
aria-label={t('supportPlans.remove')}
className={linkClass + ' justify-center px-2'}
onClick={() =>
void navigate({ to: '/settings/support', search: { compare: true } })
}
/>
}
>
<XIcon aria-hidden="true" className="size-3.5" />
</TooltipTrigger>
<TooltipContent surface="theme" side="top">
{t('supportPlans.remove')}
</TooltipContent>
</Tooltip>
<SponsorInquiry open={inquiryOpen} onOpenChange={setInquiryOpen} />
</footer>
</div>
);
}
electron/src/renderer/src/components/app-shell/sponsor-inquiry.css
+84
View File
@@ -0,0 +1,84 @@
.sponsor-inquiry-dialog {
display: flex;
flex-direction: column;
min-height: 0;
border: 1px solid var(--sidebar-border);
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 34%),
var(--sidebar);
color: var(--sidebar-foreground);
box-shadow:
0 24px 70px rgb(0 0 0 / 38%),
inset 0 1px 0 rgb(255 255 255 / 6%);
}
.sponsor-inquiry-tabs {
border: 1px solid var(--sidebar-border);
background: color-mix(in srgb, var(--sidebar-foreground) 4%, var(--sidebar));
}
.sponsor-inquiry-hero-icon {
display: grid;
place-items: center;
width: 42px;
height: 42px;
flex: 0 0 42px;
border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--sidebar-border));
border-radius: 11px;
background: color-mix(in srgb, var(--primary) 14%, var(--sidebar));
color: var(--primary);
box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%);
}
.sponsor-inquiry-hero-icon svg { width: 21px; height: 21px; }
.sponsor-inquiry-perks {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px 18px;
}
.sponsor-inquiry-perks span {
display: flex;
min-width: 0;
align-items: center;
gap: 3px;
color: var(--muted-foreground);
}
.sponsor-inquiry-perks span + span {
border-left: 0;
padding-left: 0;
}
.sponsor-inquiry-perks svg { width: 13px; height: 13px; flex: 0 0 auto; color: var(--primary); }
.sponsor-inquiry-perks small { font-size: 10px; line-height: 1.2; }
.sponsor-inquiry-tab {
border-radius: 8px;
color: var(--muted-foreground);
}
.sponsor-inquiry-tab[aria-selected='true'] {
border-color: color-mix(in srgb, var(--sidebar-border) 80%, var(--primary));
background: linear-gradient(180deg, color-mix(in srgb, var(--primary) 18%, var(--sidebar-accent)), var(--sidebar-accent));
color: var(--sidebar-foreground);
box-shadow:
inset 0 1px 0 rgb(255 255 255 / 8%),
0 4px 12px rgb(0 0 0 / 12%);
}
.sponsor-inquiry-tab:hover {
color: var(--sidebar-foreground);
}
.sponsor-inquiry-form-link {
width: 32px;
color: var(--muted-foreground);
}
.sponsor-inquiry-form-link svg { width: 14px; height: 14px; }
.sponsor-inquiry-form-link:hover {
color: var(--sidebar-foreground);
background: color-mix(in srgb, var(--primary) 10%, transparent);
}
.sponsor-inquiry-panel {
min-height: 0;
border-color: var(--sidebar-border);
background: color-mix(in srgb, var(--sidebar-foreground) 2%, var(--sidebar));
}
.sponsor-inquiry-panel > button[type='submit'] {
margin-top: auto;
flex: 0 0 auto;
}
@media (max-width: 560px) {
.sponsor-inquiry-perks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
electron/src/renderer/src/components/app-shell/sponsor-inquiry.tsx
+236
View File
@@ -0,0 +1,236 @@
import { useState } from 'react';
import {
BlocksIcon,
BookOpenIcon,
BadgeCheckIcon,
CopyIcon,
DownloadIcon,
EyeIcon,
ExternalLinkIcon,
MailIcon,
ShieldCheckIcon,
PinIcon,
XIcon,
} from 'lucide-react';
import { useTranslation } from 'react-i18next';
import {
Dialog,
DialogContent,
DialogTitle,
DialogDescription,
DialogClose,
} from '@/components/ui/dialog';
import { Button } from '@/components/ui/button';
import { getBridge } from '@/components/bridge';
import './sponsor-inquiry.css';
export const PARTNER_EMAIL = 'partner@voicestudio.sh';
export const SPONSOR_FORM_URL = 'https://forms.gle/2PYCvd39hbwijzX37';
export function sponsorMailto(subject: string, message: string) {
return `mailto:${PARTNER_EMAIL}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(message)}`;
}
export function SponsorInquiry({
open,
onOpenChange,
}: {
open: boolean;
onOpenChange: (open: boolean) => void;
}) {
const { t } = useTranslation();
const emailTemplate = t('sponsorSlot.email_template');
const [message, setMessage] = useState(emailTemplate);
const [copied, setCopied] = useState(false);
const [failed, setFailed] = useState(false);
const [busy, setBusy] = useState(false);
const [mode, setMode] = useState<'form' | 'email'>('form');
return (
<Dialog
open={open}
onOpenChange={(value) => {
setCopied(false);
setFailed(false);
onOpenChange(value);
}}
>
<DialogContent
showCloseButton={false}
className="sponsor-inquiry-dialog h-[min(90vh,1600px)] max-h-[min(90vh,1600px)] overflow-hidden rounded-2xl p-6 sm:max-w-2xl"
>
<DialogClose
render={
<Button
variant="ghost"
size="icon-sm"
className="absolute right-3 top-3"
aria-label={t('common.close')}
/>
}
>
<XIcon aria-hidden="true" />
</DialogClose>
<div className="flex items-start gap-3">
<span className="sponsor-inquiry-hero-icon" aria-hidden="true">
<PinIcon />
</span>
<div className="grid gap-1">
<DialogTitle>{t('sponsorSlot.title')}</DialogTitle>
<DialogDescription>{t('sponsorSlot.description')}</DialogDescription>
</div>
</div>
<div className="sponsor-inquiry-perks">
<span>
<EyeIcon aria-hidden="true" />
<small>{t('sponsorSlot.visibility')}</small>
</span>
<span>
<BlocksIcon aria-hidden="true" />
<small>{t('sponsorSlot.integration')}</small>
</span>
<span>
<DownloadIcon aria-hidden="true" />
<small>{t('sponsorSlot.installs')}</small>
</span>
<span>
<BookOpenIcon aria-hidden="true" />
<small>{t('sponsorSlot.distribution')}</small>
</span>
<span>
<BadgeCheckIcon aria-hidden="true" />
<small>{t('sponsorSlot.partner')}</small>
</span>
<span>
<ShieldCheckIcon aria-hidden="true" />
<small>{t('sponsorSlot.privacy')}</small>
</span>
</div>
<div
className="sponsor-inquiry-tabs grid grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] gap-1 rounded-xl p-1"
role="tablist"
aria-label={t('sponsorSlot.title')}
>
<Button
type="button"
size="sm"
variant={mode === 'form' ? 'secondary' : 'ghost'}
className="sponsor-inquiry-tab"
role="tab"
aria-selected={mode === 'form'}
onClick={() => setMode('form')}
>
{t('sponsorSlot.form')}
</Button>
<Button
type="button"
variant="ghost"
size="icon-sm"
className="sponsor-inquiry-form-link"
aria-label={t('network.open_in_browser')}
title={t('network.open_in_browser')}
onClick={() => {
const bridge = getBridge();
if (bridge) {
void bridge.files.openExternal(SPONSOR_FORM_URL).catch(() => setFailed(true));
} else {
window.open(SPONSOR_FORM_URL, '_blank', 'noopener,noreferrer');
}
}}
>
<ExternalLinkIcon aria-hidden="true" />
</Button>
<Button
type="button"
size="sm"
variant={mode === 'email' ? 'secondary' : 'ghost'}
className="sponsor-inquiry-tab"
role="tab"
aria-selected={mode === 'email'}
onClick={() => setMode('email')}
>
{t('sponsorSlot.email')}
</Button>
</div>
{mode === 'form' ? (
<iframe
title={t('sponsorSlot.book')}
src={SPONSOR_FORM_URL}
className="sponsor-inquiry-panel min-h-0 w-full flex-1 rounded-xl border bg-background"
loading="lazy"
/>
) : (
<form
className="sponsor-inquiry-panel flex min-h-0 flex-1 flex-col gap-4"
onSubmit={async (event) => {
event.preventDefault();
setFailed(false);
setBusy(true);
try {
const href = sponsorMailto(
`VoiceStudio — ${t('support.sponsors_become')}`,
message.trim(),
);
const bridge = getBridge();
if (bridge) await bridge.files.openExternal(href);
else window.location.href = href;
} catch {
setFailed(true);
} finally {
setBusy(false);
}
}}
>
<label
htmlFor="sponsor-message"
className="grid min-h-0 flex-1 grid-rows-[auto_minmax(0,1fr)] gap-2 text-sm font-medium"
>
{t('sponsorSlot.message')}
<textarea
id="sponsor-message"
value={message}
maxLength={1500}
rows={4}
onChange={(event) => setMessage(event.target.value)}
className="min-h-0 h-full w-full resize-none rounded-xl border border-sidebar-border bg-sidebar-control-surface p-3 text-sm font-normal outline-none focus-visible:ring-2 focus-visible:ring-primary"
/>
</label>
<div className="flex flex-wrap items-center justify-between gap-2 rounded-xl border border-sidebar-border bg-sidebar-control-surface px-3 py-2">
<span className="select-text text-sm">{PARTNER_EMAIL}</span>
<Button
type="button"
variant="ghost"
size="sm"
onClick={async () => {
setFailed(false);
setCopied(false);
try {
await navigator.clipboard.writeText(PARTNER_EMAIL);
setCopied(true);
} catch {
setFailed(true);
}
}}
>
<CopyIcon aria-hidden="true" />
{t('sponsorSlot.copy_email')}
</Button>
</div>
{copied && (
<p role="status" className="text-xs text-muted-foreground">
{t('transcriptions.copied')}
</p>
)}
{failed && (
<p role="alert" className="text-xs text-destructive">
{t('common.error')}
</p>
)}
<Button type="submit" disabled={busy}>
<MailIcon aria-hidden="true" />
{t('sponsorSlot.email_app')}
</Button>
</form>
)}
</DialogContent>
</Dialog>
);
}
electron/src/renderer/src/components/app-shell/support-shortcut.tsx
+28
View File
@@ -0,0 +1,28 @@
import { Link } from '@tanstack/react-router';
import { ArrowUpRightIcon, GemIcon } from 'lucide-react';
import { useTranslation } from 'react-i18next';
import { Tooltip, TooltipTrigger, TooltipContent } from '@/components/ui/tooltip';
export function SupportShortcut() {
const { t } = useTranslation();
return (
<Tooltip>
<TooltipTrigger
render={
<Link
to="/settings/support"
aria-label={t('supportPlans.title')}
className="app-no-drag flex h-8 items-center gap-1.5 rounded-lg border border-primary/25 bg-primary/10 px-2.5 text-primary hover:border-primary/45 hover:bg-primary/15 focus-visible:outline-2 focus-visible:outline-primary motion-safe:transition-colors"
/>
}
>
<GemIcon aria-hidden="true" className="size-3.5" />
<span className="hidden text-xs font-semibold sm:inline">{t('supportPlans.pro')}</span>
<ArrowUpRightIcon aria-hidden="true" className="size-3" />
</TooltipTrigger>
<TooltipContent surface="theme" side="bottom">
{t('supportPlans.title')}
</TooltipContent>
</Tooltip>
);
}
electron/src/renderer/src/components/app-shell/translation-agent-dock.tsx
+1 -1
View File
@@ -32,7 +32,7 @@ export function TranslationAgentDock() {
: latest.status === 'cancelled' ? t('dubActivity.cancelled') : t('common.error');
const busy = ['translating', 'generating', 'transcribing', 'preparing'].includes(session.phase);
return <AgentDockFrame label={t('dub.translate_with_agent')} expanded={activity.expanded}>
<header className="flex min-h-12 shrink-0 items-center gap-2 border-b border-sidebar-border px-3">
<header className="flex min-h-10 shrink-0 items-center gap-2 border-b border-sidebar-border px-3">
<BotIcon className="size-4 shrink-0" />
<div className="min-w-0 flex-1 text-xs" role="status">
<p className="truncate font-medium">{status} · {latest.target} · {latest.agent}</p>
electron/src/renderer/src/components/app-shell/workspace-header.tsx
+15 -11
View File
@@ -1,3 +1,4 @@
import { SupportShortcut } from './support-shortcut';
import { SidebarToggle } from './sidebar-toggle';
import type { ReactNode } from 'react';
import { SearchIcon } from 'lucide-react';
@@ -17,17 +18,20 @@ export function WorkspaceHeader({ children }: { children: ReactNode }) {
>
{!isMac() && <SidebarToggle />}
{children}
<Button
variant="ghost"
size="sm"
className="group ml-auto h-8 shrink-0 gap-2 rounded-lg border border-transparent px-2.5 text-muted-foreground transition-[color,background-color,border-color,box-shadow] duration-150 hover:border-white/10 hover:bg-white/[0.07] hover:text-foreground hover:shadow-[0_6px_18px_-12px_hsl(var(--foreground)/0.4),inset_0_1px_0_hsl(0_0%_100%/0.08)]"
aria-label={t('preferences.search')}
title={isMac() ? 'Command + K' : 'Ctrl + K'}
onClick={() => window.dispatchEvent(new Event('voicestudio:commands'))}
>
<SearchIcon className="transition-colors duration-150" />
<span className="hidden text-xs lg:inline">{isMac() ? '⌘K' : 'Ctrl K'}</span>
</Button>
<div className="ml-auto flex shrink-0 items-center gap-1">
<SupportShortcut />
<Button
variant="ghost"
size="sm"
className="group h-8 shrink-0 gap-2 rounded-lg border border-transparent px-2.5 text-muted-foreground transition-[color,background-color,border-color,box-shadow] duration-150 hover:border-white/10 hover:bg-white/[0.07] hover:text-foreground hover:shadow-[0_6px_18px_-12px_hsl(var(--foreground)/0.4),inset_0_1px_0_hsl(0_0%_100%/0.08)]"
aria-label={t('preferences.search')}
title={isMac() ? 'Command + K' : 'Ctrl + K'}
onClick={() => window.dispatchEvent(new Event('voicestudio:commands'))}
>
<SearchIcon className="transition-colors duration-150" />
<span className="hidden text-xs lg:inline">{isMac() ? '⌘K' : 'Ctrl K'}</span>
</Button>
</div>
</header>
);
}
electron/src/renderer/src/components/app-shell/workspace-menu.tsx
+5 -1
View File
@@ -12,6 +12,7 @@ import {
MicIcon,
UsersRoundIcon,
ChevronRightIcon,
BlocksIcon,
} from 'lucide-react';
import { useTranslation } from 'react-i18next';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
@@ -30,7 +31,8 @@ type Destination = readonly [
| '/dub'
| '/design'
| '/transcriptions'
| '/personas',
| '/personas'
| '/integrations',
label: string,
icon: typeof AudioLinesIcon,
activate?: () => void,
@@ -50,6 +52,7 @@ const compactDestinations: Destination[] = [
['/audiobook', 'audiobook.title', BookOpenIcon],
['/projects', 'projects.title', FolderIcon],
['/tools', 'tools.title', WrenchIcon],
['/integrations', 'integrationCatalog.title', BlocksIcon],
];
const laterDestinations: Destination[] = [
@@ -58,6 +61,7 @@ const laterDestinations: Destination[] = [
['/audiobook', 'audiobook.title', BookOpenIcon],
['/projects', 'projects.title', FolderIcon],
['/tools', 'tools.title', WrenchIcon],
['/integrations', 'integrationCatalog.title', BlocksIcon],
];
const itemClass =
electron/src/renderer/src/components/app-shell/workspace-sidebar.tsx
+6 -4
View File
@@ -60,8 +60,11 @@ export function WorkspaceSidebar() {
</Button>
)}
<WorkspaceNavigation compact />
<StatusBar compact />
<div className="flex shrink-0 flex-col items-center gap-1 border-t border-border/50 py-2">
<div className="flex min-w-0 flex-col items-center">
<StatusBar compact />
<SystemNotifications enabled={backend.stage === 'ready'} compact />
</div>
<div className="flex h-[var(--workspace-footer-height)] shrink-0 items-center justify-center border-t border-border/50">
<Link
to="/settings"
aria-label={t('nav.settings')}
@@ -70,7 +73,6 @@ export function WorkspaceSidebar() {
>
<SettingsIcon />
</Link>
<SystemNotifications enabled={backend.stage === 'ready'} compact />
</div>
</aside>
)}
@@ -121,7 +123,7 @@ export function WorkspaceSidebar() {
<div className="flex min-w-0 shrink-0 flex-col border-t border-border/50">
<WorkspaceNavigation />
<StatusBar />
<div className="flex items-center justify-between gap-2 border-t border-border/50 px-3 py-2">
<div className="flex h-[var(--workspace-footer-height)] items-center justify-between gap-2 border-t border-border/50 px-3">
<Link to="/settings" className={buttonVariants({ variant: 'ghost', size: 'sm' })}>
<SettingsIcon />
{t('nav.settings')}
electron/src/renderer/src/features/clone/clone-page.tsx
+2
View File
@@ -1,3 +1,4 @@
import { SupportShortcut } from '@/components/app-shell/support-shortcut';
import { SidebarToggle } from '@/components/app-shell/sidebar-toggle';
import { EditProfile } from './edit-profile';
import { ProfileAvatar } from '@/components/profile-avatar';
@@ -154,6 +155,7 @@ export function ClonePage() {
<h1 className="truncate text-sm font-medium">{t('clone.title')}</h1>
</div>
<div className="flex shrink-0 items-center gap-1">
<SupportShortcut />
<Button
variant="ghost"
size="icon-sm"
electron/src/renderer/src/features/dub/dub-timeline.test.tsx
+1 -1
View File
@@ -10,7 +10,7 @@ beforeEach(() => {
});
afterEach(() => { cleanup(); vi.restoreAllMocks(); vi.unstubAllGlobals(); });
it('keeps short segments proportional on long recordings and offers zoom', () => {
render(<DubTimeline segments={[{id:'a',start:0,end:1,text:'a'},{id:'b',start:2,end:3,text:'b'}]}
render(<DubTimeline segments={[{id:'a',start:0,end:1,text:'a',text_original:'a'},{id:'b',start:2,end:3,text:'b',text_original:'b'}]}
disabled={false} mediaDuration={1980} selectedId={null} onSelect={vi.fn()} />);
const options = screen.getAllByRole('option');
expect(parseFloat(options[0].style.width)).toBeCloseTo(100 / 1980, 4);
electron/src/renderer/src/features/home/home-page.tsx
+14 -1
View File
@@ -1,4 +1,4 @@
import { isMac } from '@/components/bridge';
import { getBridge, isMac } from '@/components/bridge';
import { WorkspaceHeader } from '@/components/app-shell/workspace-header';
import { ProfileAvatar } from '@/components/profile-avatar';
import { Button } from '@/components/ui/button';
@@ -53,6 +53,12 @@ export function HomePage() {
const { t } = useTranslation();
const { libraryOpen } = useWorkspace();
const navigate = useNavigate();
const openSite = () => {
const bridge = getBridge();
const url = 'https://voicestudio.sh/?utm_source=voicestudio&utm_medium=desktop&utm_campaign=home_banner';
if (bridge) void bridge.files.openExternal(url);
else window.open(url, '_blank', 'noopener,noreferrer');
};
const { data: profiles = [] } = useProfiles();
const { data: history = [] } = useHistory();
const { data: exports = [] } = useQuery({
@@ -220,6 +226,13 @@ export function HomePage() {
<h2 className="text-3xl font-semibold tracking-[-0.035em]">{t('app.name')}</h2>
<p className="mt-3 max-w-lg text-sm leading-6 text-muted-foreground">
{t('app.tagline')}
<button
type="button"
onClick={openSite}
className="ml-1 text-primary underline decoration-primary/40 underline-offset-2 hover:decoration-primary"
>
voicestudio.sh
</button>
</p>
</div>
</section>
electron/src/renderer/src/features/integrations/integration-detail-page.tsx
+72
View File
@@ -0,0 +1,72 @@
import { ArrowLeftIcon, ExternalLinkIcon, BlocksIcon } from 'lucide-react';
import { Link, useParams } from '@tanstack/react-router';
import { useTranslation } from 'react-i18next';
import { WorkspaceHeader } from '@/components/app-shell/workspace-header';
import { getBridge } from '@/components/bridge';
import { getIntegrationBySlug } from '../../../../../../frontend/src/config/integration-catalog';
import './integrations-page.css';
const categoryLabels: Record<string, [string, string]> = {
comms: ['nav.dub', 'Calling & voice agents'],
automation: ['tools.title', 'Automation'],
agents: ['dub.choose_translation_agent', 'Agents'],
mcp: ['settings.mcp_title', 'MCP'],
developer: ['tools.title', 'Developer tools'],
data: ['engineSidebar.asr', 'AI and data'],
productivity: ['tools.title', 'Productivity'],
};
export function IntegrationDetailPage() {
const { t } = useTranslation();
const { slug } = useParams({ strict: false });
const entry = getIntegrationBySlug(slug ?? '');
if (!entry) {
return (
<div className="integrations-page">
<WorkspaceHeader><h1 className="text-sm font-medium">{t('integrationCatalog.title')}</h1></WorkspaceHeader>
<main className="integrations-content integrations-detail-empty">
<p>{t('common.no_matches')}</p>
<Link to="/integrations" className="integration-back-link"><ArrowLeftIcon />{t('common.back')}</Link>
</main>
</div>
);
}
const [categoryKey, categoryFallback] = categoryLabels[entry.category] ?? ['tools.title', 'Integration'];
const openExternal = () => {
const bridge = getBridge();
if (bridge) void bridge.files.openExternal(entry.url);
else window.open(entry.url, '_blank', 'noopener,noreferrer');
};
return (
<div className="integrations-page">
<WorkspaceHeader><h1 className="text-sm font-medium">{entry.name}</h1></WorkspaceHeader>
<main className="integrations-content integrations-detail">
<Link to="/integrations" className="integration-back-link"><ArrowLeftIcon />{t('common.back')}</Link>
<section className="integration-detail-hero">
<div className="integration-detail-logo"><img src={entry.logoUrl} alt="" /></div>
<div>
<p className="integration-detail-kicker"><BlocksIcon />{t(categoryKey, { defaultValue: categoryFallback })}</p>
<h2>{entry.name}</h2>
<p>{t('integrationCatalog.description')}</p>
</div>
</section>
<div className="integration-detail-grid">
<section className="integration-detail-panel">
<h3>{t('common.details')}</h3>
<div className="integration-capabilities">
{entry.detailKeys.map((key) => <span key={key}>{t(key)}</span>)}
</div>
<p className="integration-detail-note">{t('directoryExamples.notice')}</p>
</section>
<section className="integration-detail-panel integration-detail-action">
<h3>{t('common.details')}</h3>
<p className="integration-detail-url">{entry.url}</p>
<button type="button" onClick={openExternal} className="integration-open-button">
{t('common.open')}<ExternalLinkIcon />
</button>
</section>
</div>
</main>
</div>
);
}
electron/src/renderer/src/features/integrations/integrations-page.css
+316
View File
@@ -0,0 +1,316 @@
.integrations-page {
display: flex;
min-height: 0;
height: 100%;
flex-direction: column;
}
.integrations-content {
width: 100%;
max-width: 1180px;
margin: 0 auto;
min-height: 0;
flex: 1;
overflow-y: auto;
padding: 34px clamp(18px, 4vw, 58px) 48px;
}
.integrations-hero {
display: flex;
align-items: center;
gap: 18px;
margin: 4px 0 30px;
}
.integrations-hero-icon {
display: grid;
place-items: center;
width: 58px;
height: 58px;
flex: 0 0 58px;
border: 1px solid color-mix(in srgb, var(--primary) 25%, var(--border));
border-radius: 17px;
background: color-mix(in srgb, var(--primary) 9%, var(--background));
color: var(--primary);
}
.integrations-hero-icon svg {
width: 28px;
height: 28px;
stroke-width: 1.5;
}
.integrations-hero h2 {
font-size: clamp(26px, 3vw, 38px);
font-weight: 650;
letter-spacing: -0.045em;
line-height: 1.1;
}
.integrations-hero p {
margin-top: 5px;
color: var(--muted-foreground);
font-size: 13px;
}
.integrations-featured {
margin-bottom: 28px;
}
.integrations-section-heading {
display: flex;
align-items: center;
gap: 9px;
margin-bottom: 11px;
color: var(--muted-foreground);
}
.integrations-section-heading h3 {
display: flex;
align-items: center;
gap: 7px;
font-size: 13px;
font-weight: 600;
}
.integrations-section-heading h3 svg {
width: 15px;
height: 15px;
color: var(--primary);
}
.integrations-section-heading > span {
display: grid;
place-items: center;
min-width: 21px;
height: 21px;
padding: 0 6px;
border-radius: 99px;
background: color-mix(in srgb, var(--primary) 10%, transparent);
color: var(--primary);
font-size: 11px;
}
.integrations-featured-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: 8px;
}
.integration-featured-card,
.integration-card {
cursor: pointer;
border: 1px solid var(--border);
background: color-mix(in srgb, var(--foreground) 2.5%, var(--background));
color: var(--foreground);
text-align: left;
}
.integration-featured-card {
display: flex;
align-items: center;
gap: 10px;
min-height: 56px;
padding: 10px 12px;
border-radius: 10px;
}
.integration-featured-card img {
width: 27px;
height: 27px;
object-fit: contain;
}
.integration-featured-card strong {
min-width: 0;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
}
.integration-featured-card span {
border-radius: 99px;
background: color-mix(in srgb, var(--primary) 10%, transparent);
padding: 3px 6px;
color: var(--primary);
font-size: 9px;
}
.integration-featured-card > svg,
.integration-card-top > svg {
width: 13px;
height: 13px;
flex: 0 0 auto;
color: var(--muted-foreground);
}
.integrations-toolbar {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
padding: 14px 0;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.integrations-search {
display: flex;
align-items: center;
gap: 8px;
min-width: 220px;
flex: 1;
color: var(--muted-foreground);
}
.integrations-search svg {
width: 16px;
height: 16px;
}
.integrations-search input {
height: 36px;
border-radius: 9px;
}
.integrations-filters {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.integrations-filters button {
min-height: 34px;
padding: 6px 10px;
border: 1px solid transparent;
border-radius: 8px;
color: var(--muted-foreground);
font-size: 11px;
cursor: pointer;
}
.integrations-filters button[aria-pressed='true'] {
border-color: color-mix(in srgb, var(--primary) 35%, var(--border));
background: color-mix(in srgb, var(--primary) 10%, var(--background));
color: var(--primary);
}
.integrations-filters button:hover {
background: var(--accent);
color: var(--foreground);
}
.integrations-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 245px), 1fr));
gap: 10px;
padding-top: 18px;
}
.integration-card {
display: flex;
min-height: 172px;
flex-direction: column;
gap: 11px;
padding: 16px;
border-radius: 13px;
}
.integration-card:hover,
.integration-featured-card:hover {
border-color: var(--primary);
box-shadow: 0 8px 25px -18px var(--primary);
}
.integration-card:focus-visible,
.integration-featured-card:focus-visible,
.integrations-filters button:focus-visible {
outline: 2px solid var(--primary);
outline-offset: 2px;
}
.integration-card-top {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 32px;
}
.integration-card-top img {
width: auto;
max-width: 125px;
height: 31px;
object-fit: contain;
}
.integration-card-title {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
}
.integration-card-title h3 {
font-size: 15px;
font-weight: 600;
letter-spacing: -0.02em;
}
.integration-badge {
border: 1px solid var(--border);
border-radius: 99px;
padding: 2px 6px;
color: var(--muted-foreground);
font-size: 9px;
}
.integration-badge--featured {
border-color: color-mix(in srgb, var(--primary) 28%, transparent);
background: color-mix(in srgb, var(--primary) 10%, transparent);
color: var(--primary);
}
.integration-card p {
min-height: 34px;
color: var(--muted-foreground);
font-size: 12px;
line-height: 1.45;
}
.integration-card-url {
overflow: hidden;
margin-top: auto;
color: var(--muted-foreground);
font-size: 10px;
text-overflow: ellipsis;
white-space: nowrap;
}
.integrations-empty {
grid-column: 1/-1;
padding: 30px;
text-align: center;
color: var(--muted-foreground);
}
.integrations-detail { max-width: 920px; }
.integration-back-link { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 26px; color: var(--muted-foreground); font-size: 12px; }
.integration-back-link:hover { color: var(--foreground); }
.integration-back-link svg { width: 15px; height: 15px; }
.integration-detail-hero { display: flex; align-items: center; gap: 18px; padding: 24px; border: 1px solid var(--border); border-radius: 16px; background: color-mix(in srgb, var(--foreground) 3%, var(--background)); }
.integration-detail-logo { display: grid; place-items: center; width: 72px; height: 72px; flex: 0 0 72px; border: 1px solid var(--border); border-radius: 16px; background: var(--background); }
.integration-detail-logo img { width: 48px; height: 48px; object-fit: contain; }
.integration-detail-kicker { display: flex; align-items: center; gap: 6px; color: var(--primary); font-size: 12px; }
.integration-detail-kicker svg { width: 14px; height: 14px; }
.integration-detail-hero h2 { margin-top: 4px; font-size: clamp(26px, 4vw, 38px); font-weight: 650; letter-spacing: -.045em; }
.integration-detail-hero p:last-child { margin-top: 7px; color: var(--muted-foreground); font-size: 13px; }
.integration-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.integration-detail-panel { min-height: 160px; padding: 18px; border: 1px solid var(--border); border-radius: 14px; background: color-mix(in srgb, var(--foreground) 2.5%, var(--background)); }
.integration-detail-panel h3 { font-size: 13px; font-weight: 600; }
.integration-capabilities { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.integration-capabilities span { padding: 5px 8px; border: 1px solid color-mix(in srgb, var(--primary) 25%, var(--border)); border-radius: 7px; color: var(--primary); font-size: 11px; }
.integration-detail-note { margin-top: 20px; color: var(--muted-foreground); font-size: 12px; line-height: 1.5; }
.integration-detail-url { margin-top: 14px; overflow-wrap: anywhere; color: var(--muted-foreground); font-size: 12px; line-height: 1.5; }
.integration-open-button { display: inline-flex; align-items: center; gap: 7px; margin-top: 20px; padding: 8px 12px; border: 1px solid color-mix(in srgb, var(--primary) 32%, var(--border)); border-radius: 8px; background: color-mix(in srgb, var(--primary) 10%, transparent); color: var(--primary); font-size: 12px; cursor: pointer; }
.integration-open-button:hover { background: color-mix(in srgb, var(--primary) 16%, transparent); }
.integration-open-button svg { width: 14px; height: 14px; }
.integrations-detail-empty { display: grid; place-items: center; align-content: center; gap: 14px; }
@media (prefers-reduced-motion: no-preference) {
.integration-card,
.integration-featured-card {
transition:
border-color 180ms,
box-shadow 180ms,
transform 180ms;
}
.integration-card:hover,
.integration-featured-card:hover {
transform: translateY(-1px);
}
}
@media (max-width: 600px) {
.integrations-content {
padding-inline: 16px;
}
.integrations-hero {
align-items: flex-start;
}
.integrations-hero-icon {
width: 46px;
height: 46px;
flex-basis: 46px;
border-radius: 13px;
}
.integrations-toolbar {
align-items: stretch;
flex-direction: column;
}
.integrations-filters {
overflow-x: auto;
flex-wrap: nowrap;
}
.integration-detail-hero { align-items: flex-start; flex-direction: column; }
.integration-detail-grid { grid-template-columns: 1fr; }
}
electron/src/renderer/src/features/integrations/integrations-page.tsx
+175
View File
@@ -0,0 +1,175 @@
import { BlocksIcon, ExternalLinkIcon, SearchIcon, SparklesIcon } from 'lucide-react';
import { useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useNavigate } from '@tanstack/react-router';
import { WorkspaceHeader } from '@/components/app-shell/workspace-header';
import { getBridge } from '@/components/bridge';
import { Input } from '@/components/ui/input';
import { INTEGRATION_CATALOG, integrationSlug } from '../../../../../../frontend/src/config/integration-catalog';
import { SPONSORS } from '../../../../../../frontend/src/config/sponsors';
import './integrations-page.css';
const categories = [
['comms', 'nav.dub', 'Calling & voice agents'],
['automation', 'tools.title', 'Automation'],
['agents', 'dub.choose_translation_agent', 'Agents'],
['mcp', 'settings.mcp_title', 'MCP'],
['developer', 'tools.title', 'Developer tools'],
['data', 'engineSidebar.asr', 'AI and data'],
['productivity', 'tools.title', 'Productivity'],
] as const;
function openExternal(url: string) {
const bridge = getBridge();
if (bridge) void bridge.files.openExternal(url);
else window.open(url, '_blank', 'noopener,noreferrer');
}
export function IntegrationsPage() {
const { t } = useTranslation();
const navigate = useNavigate();
const [query, setQuery] = useState('');
const [category, setCategory] = useState<string | null>(null);
const entries = useMemo(
() => [
...SPONSORS.map((entry) => ({
...entry,
featured: true,
directory: false,
detailKeys: [] as string[],
category: null as string | null,
})),
...INTEGRATION_CATALOG.map((entry) => ({
...entry,
tier: '',
featured: false,
directory: true,
})),
],
[],
);
const filtered = entries.filter((entry) => {
const haystack =
`${entry.name} ${entry.url} ${entry.detailKeys.join(' ')} ${entry.category ?? ''}`.toLocaleLowerCase();
return (
haystack.includes(query.trim().toLocaleLowerCase()) &&
(!category || entry.category === category)
);
});
return (
<div className="integrations-page">
<WorkspaceHeader>
<h1 className="text-sm font-medium">{t('integrationCatalog.title')}</h1>
</WorkspaceHeader>
<main className="integrations-content">
<header className="integrations-hero">
<span className="integrations-hero-icon">
<BlocksIcon aria-hidden="true" />
</span>
<div>
<h2>{t('integrationCatalog.title')}</h2>
<p>{t('integrationCatalog.description')}</p>
<p>{t('directoryExamples.notice')}</p>
</div>
</header>
{SPONSORS.length > 0 && (
<section aria-labelledby="featured-integrations" className="integrations-featured">
<div className="integrations-section-heading">
<h3 id="featured-integrations">
<SparklesIcon aria-hidden="true" />
{t('integrationCatalog.featured')}
</h3>
<span>{SPONSORS.length}</span>
</div>
<div className="integrations-featured-grid">
{SPONSORS.map((sponsor) => (
<button
type="button"
key={sponsor.url}
onClick={() => openExternal(sponsor.url)}
className="integration-featured-card"
>
<img src={sponsor.logoUrl} alt="" loading="lazy" />
<strong>{sponsor.name}</strong>
<span>{t('integrationCatalog.featured')}</span>
<ExternalLinkIcon aria-hidden="true" />
</button>
))}
</div>
</section>
)}
<div className="integrations-toolbar">
<label className="integrations-search">
<SearchIcon aria-hidden="true" />
<Input
value={query}
onChange={(event) => setQuery(event.target.value)}
placeholder={t('common.search')}
aria-label={t('common.search')}
/>
</label>
<div
className="integrations-filters"
role="group"
aria-label={t('integrationCatalog.title')}
>
<button
type="button"
aria-pressed={category === null}
onClick={() => setCategory(null)}
>
{t('common.clear')}
</button>
{categories.map(([id, key, fallback]) => (
<button
type="button"
key={id}
aria-pressed={category === id}
onClick={() => setCategory(category === id ? null : id)}
>
{t(key, { defaultValue: fallback })}
</button>
))}
</div>
</div>
<section aria-live="polite" className="integrations-grid">
{filtered.map((entry) => (
<button
type="button"
key={entry.url}
onClick={() => void navigate({ to: '/integrations/$slug', params: { slug: integrationSlug(entry.name) } })}
className="integration-card"
>
<div className="integration-card-top">
<img src={entry.logoUrl} alt="" loading="lazy" />
<ExternalLinkIcon aria-hidden="true" />
</div>
<div className="integration-card-title">
<h3>{entry.name}</h3>
<span
className={
entry.featured
? 'integration-badge integration-badge--featured'
: 'integration-badge'
}
>
{t(entry.featured ? 'integrationCatalog.featured' : 'directoryExamples.example')}
</span>
</div>
<p>
{entry.directory && entry.detailKeys.length
? entry.detailKeys.map((key) => t(key)).join(' · ')
: t('integrationCatalog.description')}
</p>
<span className="integration-card-url">{entry.url}</span>
</button>
))}
{filtered.length === 0 && <p className="integrations-empty">{t('common.no_matches')}</p>}
</section>
</main>
</div>
);
}
electron/src/renderer/src/features/settings/donation-goal.tsx
+6 -13
View File
@@ -23,10 +23,10 @@ export function DonationGoal() {
const raised = formatMoney(data.raised, data.currency);
const goal = formatMoney(data.goal, data.currency);
return (
<div className="space-y-2 rounded-lg bg-muted/30 p-3">
<div className="space-y-4 py-1">
<div className="flex items-center justify-between gap-3 text-sm">
<span>{t('donate.goal.title')}</span>
<span className="tabular-nums">{pct}%</span>
<span className="rounded-full bg-primary/10 px-2.5 py-1 text-xs font-medium tabular-nums text-primary">{pct}%</span>
</div>
<div
role="progressbar"
@@ -34,28 +34,21 @@ export function DonationGoal() {
aria-valuenow={pct}
aria-valuemin={0}
aria-valuemax={100}
className="h-1.5 overflow-hidden rounded-full bg-muted"
className="h-2 overflow-hidden rounded-full bg-muted"
>
<div className="h-full rounded-full bg-primary" style={{ width: pct + '%' }} />
<div className="h-full rounded-full bg-primary motion-safe:transition-[width] motion-safe:duration-500" style={{ width: pct + '%' }} />
</div>
<p className="text-xs text-muted-foreground">
{isGoalMet(data) ? (
t('donate.goal.met', { raised })
) : (
<>
{raised} {t('donate.goal.of')} {goal} {t('donate.goal.per_month')}
<span className="text-3xl font-semibold tracking-tight text-foreground">{raised}</span> {t('donate.goal.of')} {goal} {t('donate.goal.per_month')}
</>
)}
</p>
{!isGoalMet(data) && (
<p className="text-xs text-muted-foreground">
{t('donate.goal.remaining', {
amount: formatMoney(Math.max(0, data.goal - data.raised), data.currency),
})}
</p>
)}
{data.sponsorCount > 0 && (
<p className="text-xs text-muted-foreground">
<p className="sr-only">
{t('donate.goal.social_proof', { count: data.sponsorCount })}
</p>
)}
electron/src/renderer/src/features/settings/support-settings.css
+368
View File
@@ -0,0 +1,368 @@
/* Page-local editorial layout. Theme colors and local system fonts follow the app. */
.support-studio {
--support-surface: color-mix(in srgb, var(--foreground) 3%, var(--background));
--support-line: color-mix(in srgb, var(--foreground) 10%, transparent);
width: 100%;
max-width: 1040px;
margin-inline: auto;
padding: 16px 0 24px;
color: var(--foreground);
container-type: inline-size;
}
.support-intro {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 8px 20px 34px;
}
.support-emblem {
position: relative;
display: grid;
place-items: center;
width: 100px;
height: 100px;
margin-bottom: 22px;
color: var(--primary);
}
.support-intro h1 {
max-width: 100%;
font-size: clamp(30px, 4.6cqi, 48px);
font-weight: 650;
letter-spacing: -0.045em;
line-height: 1.08;
text-wrap: balance;
}
.support-intro p {
max-width: 470px;
margin-top: 14px;
font-size: 15px;
line-height: 1.6;
color: var(--muted-foreground);
text-wrap: balance;
}
.support-giving {
display: grid;
grid-template-columns: 1fr 1fr;
border-radius: 24px;
background: var(--support-surface);
border: 1px solid var(--support-line);
overflow: hidden;
}
.support-progress,
.support-checkout {
padding: 28px 30px;
min-width: 0;
}
.support-progress {
display: flex;
align-items: center;
}
.support-checkout {
border-left: 1px solid var(--support-line);
}
.support-checkout h2 {
font-size: 13px;
font-weight: 550;
margin-bottom: 14px;
}
.support-amounts {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 7px;
}
.support-amounts button {
position: relative;
cursor: pointer;
min-height: 50px;
padding: 10px 6px;
border: 1px solid var(--support-line);
border-radius: 11px;
font-size: 15px;
font-weight: 550;
background: var(--background);
}
.support-amounts button[aria-pressed='true'] {
border-color: var(--primary);
color: var(--primary);
box-shadow: inset 0 0 0 1px var(--primary);
background: color-mix(in srgb, var(--primary) 7%, var(--background));
}
.support-selected {
position: absolute;
top: 3px;
right: 3px;
width: 10px;
height: 10px;
opacity: 0;
}
.support-amounts button[aria-pressed='true'] .support-selected {
opacity: 1;
}
.support-payments {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-top: 14px;
}
.support-studio .support-payments a {
min-height: 46px;
border: 0;
border-radius: 11px;
background: var(--primary);
color: var(--primary-foreground);
font-size: 14px;
box-shadow: none;
}
.support-payments a svg:last-child {
width: 12px;
height: 12px;
opacity: 0.75;
}
.support-payment-note {
min-height: 18px;
margin-top: 12px;
text-align: center;
font-size: 12px;
color: var(--muted-foreground);
}
.support-community {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 4px 14px;
padding: 17px 0 27px;
}
.support-community > span {
font-size: 12px;
color: var(--muted-foreground);
}
.support-studio .support-community a,
.support-studio .support-tile-actions a {
min-height: 44px;
padding: 6px 0;
border: 0;
background: transparent;
box-shadow: none;
color: var(--primary);
font-size: 13px;
white-space: normal;
}
.support-community a svg:last-child,
.support-tile-actions a svg:last-child {
width: 12px;
height: 12px;
}
.support-opportunities {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.support-tile {
display: flex;
flex-direction: column;
min-width: 0;
padding: 26px 28px 18px;
border: 1px solid var(--support-line);
border-radius: 22px;
background: var(--support-surface);
}
.support-tile-icon {
width: 27px;
height: 27px;
stroke-width: 1.5;
margin-bottom: 17px;
color: var(--muted-foreground);
}
.support-tile h2 {
font-size: 21px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.025em;
}
.support-tile p {
color: var(--muted-foreground);
font-size: 13px;
line-height: 1.65;
margin-top: 10px;
}
.support-logo-slot {
display: flex;
align-items: center;
gap: 12px;
margin: 20px 0;
padding: 15px;
border: 1px dashed color-mix(in srgb, var(--foreground) 20%, transparent);
border-radius: 12px;
color: var(--muted-foreground);
font-size: 13px;
}
.support-logo-slot svg {
width: 23px;
height: 23px;
stroke-width: 1.25;
}
.support-logo-plus {
margin-left: auto;
font-size: 20px;
}
.support-license-mark {
display: flex;
align-items: center;
gap: 9px;
margin: 17px 0 12px;
color: var(--muted-foreground);
font-size: 12px;
letter-spacing: 0.06em;
}
.support-license-mark svg {
width: 18px;
height: 18px;
}
.support-license-mark svg:last-child {
display: none;
}
.support-tile-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 18px;
margin-top: auto;
}
.support-sponsor-group {
padding-block: 12px;
}
.support-sponsor-group h3 {
margin-bottom: 8px;
font-size: 12px;
color: var(--muted-foreground);
}
.support-sponsor-group > div {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.support-sponsor-group img {
max-width: 80px;
max-height: 26px;
object-fit: contain;
}
.support-contact {
margin-top: 28px;
border-top: 1px solid var(--support-line);
padding-top: 18px;
}
.support-contact-heading {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 14px;
}
.support-contact h2 {
font-size: 14px;
font-weight: 550;
}
.support-contact-heading button {
min-height: 44px;
}
.support-channel-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 8px;
}
.support-studio .support-channel-grid a {
height: auto;
min-height: 86px;
display: flex;
flex-direction: column;
gap: 10px;
padding: 12px 8px;
border: 1px solid transparent;
border-radius: 14px;
background: transparent;
box-shadow: none;
white-space: normal;
text-align: center;
color: var(--muted-foreground);
font-size: 12px;
line-height: 1.4;
}
.support-channel-grid a > svg:first-child {
width: 21px;
height: 21px;
stroke-width: 1.5;
color: var(--foreground);
}
.support-channel-grid a > svg:last-child {
display: none;
}
.support-studio a:focus-visible,
.support-studio button:focus-visible {
outline: 2px solid var(--primary);
outline-offset: 4px;
}
@media (hover: hover) {
.support-studio .support-channel-grid a:hover {
background: var(--support-surface);
border-color: var(--support-line);
color: var(--foreground);
}
.support-studio .support-community a:hover,
.support-studio .support-tile-actions a:hover {
text-decoration: underline;
text-underline-offset: 4px;
}
.support-amounts button:hover {
border-color: var(--primary);
}
.support-studio .support-payments a:hover {
filter: brightness(1.12);
}
}
@media (prefers-reduced-motion: no-preference) {
.support-studio a,
.support-studio button {
transition:
background-color 180ms ease,
color 180ms ease,
border-color 180ms ease,
transform 180ms ease;
}
.support-payments a:active,
.support-amounts button:active {
transform: scale(0.97);
}
}
@container (max-width: 660px) {
.support-giving,
.support-opportunities {
grid-template-columns: 1fr;
}
.support-checkout {
border-left: 0;
border-top: 1px solid var(--support-line);
}
.support-progress,
.support-checkout,
.support-tile {
padding: 22px;
}
.support-channel-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.support-intro {
padding-inline: 0;
}
}
.support-progress > div {
width: 100%;
}
.support-emblem img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
electron/src/renderer/src/features/settings/support-settings.test.tsx
+34 -6
View File
@@ -1,6 +1,6 @@
import { cleanup, fireEvent, render, screen } from '@testing-library/react';
import { afterEach, expect, it, vi } from 'vitest';
const mock = vi.hoisted(() => ({ open: vi.fn().mockResolvedValue(undefined) }));
const mock = vi.hoisted(() => ({ open: vi.fn().mockResolvedValue(undefined), navigate: vi.fn() }));
vi.mock('@/components/bridge', () => ({
getBridge: () => ({ files: { openExternal: mock.open } }),
}));
@@ -8,6 +8,11 @@ vi.mock('react-i18next', async (importOriginal) => ({
...(await importOriginal<typeof import('react-i18next')>()),
useTranslation: () => ({ t: (key: string) => key }),
}));
vi.mock('@tanstack/react-router', async (importOriginal) => ({
...(await importOriginal<typeof import('@tanstack/react-router')>()),
useSearch: () => ({}),
useNavigate: () => mock.navigate,
}));
import { SupportSettings } from './support-settings';
vi.mock('./donation-goal', () => ({ DonationGoal: () => null }));
afterEach(() => {
@@ -36,10 +41,33 @@ it('opens only the explicit destination and applies selected amounts only to Pay
'href',
'https://github.com/debpalash/VoiceStudio/issues/new?template=sponsor.yml',
);
const license = new URL(
screen.getByRole('link', { name: 'enterprise.request_quote' }).getAttribute('href')!,
fireEvent.click(screen.getByRole('button', { name: 'supportPlans.title' }));
expect(mock.navigate).toHaveBeenCalledWith({
to: '/settings/support',
search: { compare: true },
});
});
it('keeps contact and Pro actions visible and lets the donor clear an amount', () => {
render(<SupportSettings />);
expect(screen.getByRole('button', { name: 'supportPlans.title' })).toBeVisible();
expect(screen.getByRole('link', { name: 'contact.security_cta' })).toBeVisible();
expect(screen.getByRole('button', { name: 'donate.custom' })).toHaveAttribute(
'aria-pressed',
'false',
);
expect(license.protocol).toBe('mailto:');
expect(license.searchParams.get('subject')).toBe('VoiceStudio Commercial License Inquiry');
expect(license.searchParams.get('body')).toContain('Use case:');
const amount = screen.getByRole('button', { name: '$50' });
fireEvent.click(amount);
expect(amount).toHaveAttribute('aria-pressed', 'true');
fireEvent.click(amount);
expect(amount).toHaveAttribute('aria-pressed', 'false');
expect(screen.getByRole('link', { name: 'PayPal' })).toHaveAttribute(
'href',
'https://paypal.me/palashCoder',
);
fireEvent.click(screen.getByRole('button', { name: 'donate.custom' }));
expect(screen.getByRole('link', { name: 'PayPal' })).toHaveAttribute(
'href',
'https://paypal.me/palashCoder',
);
});
electron/src/renderer/src/features/settings/support-settings.tsx
+182 -108
View File
@@ -1,23 +1,23 @@
import {
BadgeCheckIcon,
BugIcon,
Building2Icon,
ArrowUpRightIcon,
CheckIcon,
CoffeeIcon,
CreditCardIcon,
GemIcon,
Globe2Icon,
HeartHandshakeIcon,
LightbulbIcon,
MailIcon,
MessagesSquareIcon,
RadioIcon,
ShieldAlertIcon,
SparklesIcon,
UsersRoundIcon,
ShieldCheckIcon,
StarIcon,
} from 'lucide-react';
import { useState } from 'react';
import { useSearch, useNavigate } from '@tanstack/react-router';
import { useEffect, useRef, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { brandIcon } from '@/lib/brand';
import { DonationGoal } from './donation-goal';
import { ReportBug } from '@/components/report-bug';
import { useTranslation } from 'react-i18next';
import { ExternalLink } from '@/components/external-link';
import { KOFI_URL, PAYPAL_URL } from '../../../../../../frontend/src/utils/donateLinks';
import {
@@ -32,14 +32,21 @@ import {
EMAIL,
WEBSITE_URL,
X_URL,
LICENSE_MAILTO,
} from '../../../../../../frontend/src/utils/contactLinks';
import { Button } from '@/components/ui/button';
import { SettingsSection } from './settings-layout';
import './support-settings.css';
export function SupportSettings() {
const { t } = useTranslation();
const [amount, setAmount] = useState<number | null>(null);
const navigate = useNavigate();
const search = useSearch({ strict: false }) as { compare?: boolean };
const comparison = useRef<HTMLElement>(null);
useEffect(() => {
if (search.compare) {
comparison.current?.scrollIntoView({ block: 'start' });
comparison.current?.focus({ preventScroll: true });
}
}, [search.compare]);
const [amount, setAmount] = useState<number | 'custom' | null>(null);
const sponsorGroups = [...SPONSOR_TIERS, '']
.map((tier) => ({
tier,
@@ -48,137 +55,204 @@ export function SupportSettings() {
),
}))
.filter((group) => group.sponsors.length);
const enterpriseBenefits = [
['benefit_ip', ShieldAlertIcon],
['benefit_cost', BadgeCheckIcon],
['benefit_support', HeartHandshakeIcon],
] as const;
const contactChannels = [
['contact.feature_title', 'contact.feature_cta', ISSUES_URL, LightbulbIcon],
['contact.community_title', 'contact.community_cta', DISCORD_URL, MessagesSquareIcon],
['contact.follow_title', 'contact.follow_cta', X_URL, RadioIcon],
['contact.security_title', 'contact.security_cta', SECURITY_URL, ShieldAlertIcon],
['contact.email_desc', 'contact.email', 'mailto:' + EMAIL, MailIcon],
['contact.website_desc', 'contact.website', WEBSITE_URL, Globe2Icon],
const channels = [
['contact.feature_cta', ISSUES_URL, LightbulbIcon],
['contact.community_cta', DISCORD_URL, MessagesSquareIcon],
['contact.follow_cta', X_URL, RadioIcon],
['contact.security_cta', SECURITY_URL, ShieldCheckIcon],
['contact.email', 'mailto:' + EMAIL, MailIcon],
['contact.website', WEBSITE_URL, Globe2Icon],
] as const;
return (
<>
<SettingsSection icon={HeartHandshakeIcon} title={t('donate.hero_title')}>
<div className="relative isolate space-y-5 overflow-hidden p-5 @xl:p-6">
<div className="pointer-events-none absolute -top-24 right-0 -z-10 size-64 rounded-full bg-primary/15 blur-3xl" />
<div className="flex items-start gap-4">
<span className="grid size-11 shrink-0 place-items-center rounded-2xl border border-primary/25 bg-primary/12 text-primary shadow-[inset_0_1px_0_rgb(255_255_255/12%),0_12px_30px_-18px_var(--primary)]">
<SparklesIcon className="size-5" />
</span>
<p className="max-w-3xl text-sm leading-relaxed text-muted-foreground">
{t('donate.hero_desc')}
</p>
</div>
<div className="support-studio">
<header className="support-intro">
<div className="support-emblem" aria-hidden="true">
<img src={brandIcon} alt="" width={100} height={100} />
</div>
<h1>{t('donate.hero_title')}</h1>
<p>{t('donate.footer')}</p>
</header>
{search.compare && (
<section
ref={comparison}
tabIndex={-1}
aria-labelledby="support-plans-title"
className="mb-6 scroll-mt-6 rounded-2xl border border-primary/25 bg-card p-6 outline-none focus-visible:ring-2 focus-visible:ring-primary"
>
<h2 id="support-plans-title" className="text-xl font-semibold tracking-tight">
{t('supportPlans.title')}
</h2>
<table className="mt-5 w-full text-left text-sm">
<thead>
<tr>
<th scope="col" className="pb-3">
{t('supportPlans.sponsor_bar')}
</th>
<th scope="col" className="pb-3">
{t('supportPlans.free')}
</th>
<th scope="col" className="pb-3 text-primary">
{t('supportPlans.pro')}
</th>
</tr>
</thead>
<tbody>
{[
['sponsor_bar', 'visible', 'hideable'],
['telemetry', 'opt_in', 'disabled'],
['badge', 'standard', 'included'],
['advanced', 'standard', 'included'],
].map(([label, free, pro]) => (
<tr key={label} className="border-t border-border">
<th scope="row" className="py-4 font-normal">
{t('supportPlans.' + label)}
</th>
<td className="p-2 text-muted-foreground">{t('supportPlans.' + free)}</td>
<td className="p-2">{t('supportPlans.' + pro)}</td>
</tr>
))}
</tbody>
</table>
<p className="text-xs text-muted-foreground">{t('supportPlans.unavailable')}</p>
</section>
)}
<section className="support-giving" aria-label={t('donate.goal.title')}>
<div className="support-progress">
<DonationGoal />
<div
className="flex flex-wrap items-center gap-2"
role="group"
aria-label={t('donate.suggested_title')}
>
{[10, 20, 50, null].map((value) => (
<Button
key={String(value)}
size="sm"
variant={amount === value ? 'default' : 'outline'}
className="min-w-16 rounded-full"
</div>
<div className="support-checkout">
<h2>{t('donate.suggested_title')}</h2>
<div className="support-amounts" role="group" aria-label={t('donate.suggested_title')}>
{[10, 20, 50, 'custom' as const].map((value) => (
<button
key={value}
type="button"
aria-pressed={amount === value}
onClick={() => setAmount(value)}
onClick={() => setAmount(amount === value ? null : value)}
>
{value === null ? t('donate.custom') : '$' + value}
</Button>
<CheckIcon aria-hidden="true" className="support-selected" />
<span>{value === 'custom' ? t('donate.custom') : '$' + value}</span>
</button>
))}
</div>
<div className="flex flex-wrap gap-2" role="group" aria-label={t('donate.choose_method')}>
<div className="support-payments" role="group" aria-label={t('donate.choose_method')}>
<ExternalLink href={KOFI_URL}>
<CoffeeIcon />
<CoffeeIcon aria-hidden="true" />
Ko-fi
</ExternalLink>
<ExternalLink href={amount === null ? PAYPAL_URL : PAYPAL_URL + '/' + amount}>
<CreditCardIcon />
<ExternalLink
href={typeof amount === 'number' ? PAYPAL_URL + '/' + amount : PAYPAL_URL}
>
<CreditCardIcon aria-hidden="true" />
PayPal
</ExternalLink>
</div>
<p className="support-payment-note">
{typeof amount === 'number'
? t('donate.choose_method_amount', { amount })
: t('donate.choose_method')}
</p>
</div>
</SettingsSection>
<SettingsSection icon={UsersRoundIcon} title={t('support.sponsors_title')}>
<div className="space-y-4 p-4">
</section>
<div className="support-community" role="group" aria-label={t('support.other_ways')}>
<span>{t('support.other_ways')}</span>
<ExternalLink href="https://github.com/debpalash/VoiceStudio">
<StarIcon aria-hidden="true" />
{t('support.star_github')}
</ExternalLink>
<ExternalLink href={DISCORD_URL}>
<MessagesSquareIcon aria-hidden="true" />
{t('support.join_discord')}
</ExternalLink>
</div>
<div className="support-opportunities">
<section
className="support-tile support-sponsors"
aria-labelledby="support-sponsors-heading"
>
<GemIcon className="support-tile-icon" aria-hidden="true" />
<h2 id="support-sponsors-heading">{t('support.sponsors_title')}</h2>
<p>{t(SPONSORS.length ? 'support.sponsors_lead' : 'support.sponsors_empty_title')}</p>
{SPONSORS.length === 0 && (
<p className="text-sm text-muted-foreground">{t('support.sponsors_empty_title')}</p>
<div className="support-logo-slot" aria-hidden="true">
<GemIcon />
<span>{t('support.sponsors_empty_desc')}</span>
<span className="support-logo-plus">+</span>
</div>
)}
{sponsorGroups.map(({ tier, sponsors }) => (
<div key={tier} className="space-y-2">
{tier && (
<h3 className="text-sm font-medium">{t('support.sponsors_tier_' + tier)}</h3>
)}
<div className="flex flex-wrap gap-2">
<div key={tier} className="support-sponsor-group">
{tier && <h3>{t('support.sponsors_tier_' + tier)}</h3>}
<div>
{sponsors.map((sponsor) => (
<ExternalLink key={sponsor.url} href={sponsor.url}>
<img
src={sponsor.logoUrl}
alt=""
loading="lazy"
className="max-h-6 max-w-24 object-contain"
/>
<img src={sponsor.logoUrl} alt="" loading="lazy" />
{sponsor.name}
</ExternalLink>
))}
</div>
</div>
))}
<div className="flex flex-wrap gap-2">
<div className="support-tile-actions">
<ExternalLink href={SPONSOR_CONTACT.githubIssue}>
<HeartHandshakeIcon />
{t('support.sponsors_become')}
</ExternalLink>
<ExternalLink href={SPONSOR_CONTACT.docsUrl}>
<Globe2Icon />
{t('support.sponsors_learn_more')}
</ExternalLink>
</div>
</div>
</SettingsSection>
<SettingsSection icon={Building2Icon} title={t('enterprise.title')}>
<div className="space-y-4 p-4">
<p className="text-sm leading-relaxed text-muted-foreground">
{t('enterprise.hero_simple')}
</p>
<ul className="space-y-1 text-sm">
{enterpriseBenefits.map(([key, Icon]) => (
<li key={key} className="flex items-start gap-2.5 rounded-lg bg-muted/25 px-3 py-2">
<Icon className="mt-0.5 size-4 shrink-0 text-primary" />
<span>{t('enterprise.' + key)}</span>
</section>
<section className="support-tile support-license" aria-labelledby="support-pro-heading">
<span className="mb-4 w-fit rounded-md bg-primary/10 px-2 py-1 text-xs font-semibold tracking-wider text-primary">
{t('supportPlans.pro')}
</span>
<h2 id="support-pro-heading">{t('supportPlans.pro')}</h2>
<ul className="my-4 grid gap-3 text-sm text-muted-foreground">
{[
['telemetry', 'disabled'],
['sponsor_bar', 'hideable'],
['badge', 'included'],
['advanced', 'included'],
].map(([label, value]) => (
<li key={label} className="flex items-center gap-2">
<CheckIcon aria-hidden="true" className="size-4 shrink-0 text-primary" />
<span>
{t('supportPlans.' + label)} · {t('supportPlans.' + value)}
</span>
</li>
))}
</ul>
<ExternalLink href={LICENSE_MAILTO}>
<MailIcon />
{t('enterprise.request_quote')}
</ExternalLink>
</div>
</SettingsSection>
<SettingsSection icon={MessagesSquareIcon} title={t('contact.channels_label')}>
<div className="flex flex-wrap items-center justify-between gap-3 p-4">
<p className="flex items-center gap-2.5 text-sm">
<BugIcon className="size-4 text-muted-foreground" />
{t('contact.bug_title')}
</p>
<p>{t('supportPlans.unavailable')}</p>
<button
type="button"
onClick={() => void navigate({ to: '/settings/support', search: { compare: true } })}
className="mt-4 flex min-h-11 items-center gap-2 text-sm font-medium text-primary hover:underline focus-visible:outline-2 focus-visible:outline-primary"
>
{t('supportPlans.title')}
<ArrowUpRightIcon aria-hidden="true" className="size-3" />
</button>
</section>
</div>
<section className="support-contact" aria-labelledby="support-contact-heading">
<div className="support-contact-heading">
<h2 id="support-contact-heading">{t('contact.channels_label')}</h2>
<ReportBug />
</div>
{contactChannels.map(([title, label, href, Icon]) => (
<div key={href} className="flex flex-wrap items-center justify-between gap-3 p-4">
<p className="flex items-center gap-2.5 text-sm">
<Icon className="size-4 shrink-0 text-muted-foreground" />
{t(title)}
</p>
<ExternalLink href={href}>{t(label)}</ExternalLink>
</div>
))}
</SettingsSection>
</>
<div className="support-channel-grid">
{channels.map(([label, href, Icon]) => (
<ExternalLink key={href} href={href}>
<Icon aria-hidden="true" />
<span>{t(label)}</span>
</ExternalLink>
))}
</div>
</section>
</div>
);
}
electron/src/renderer/src/i18n/locales/ar.json
+49 -2
View File
@@ -2081,7 +2081,7 @@
"choose_method": "اختر كيفية العطاء",
"choose_method_amount": "المتابعة مع ${{amount}}",
"goal": {
"title": "صندوق كلود ماكس",
"title": "ادعم تطوير VoiceStudio",
"of": "من",
"per_month": "/ شهر",
"aria": "{{raised}} من {{goal}} الهدف الشهري",
@@ -2090,7 +2090,7 @@
"social_proof": "انضم إلى مؤيدي {{count}} الذين يقومون بتمويل الذكاء الاصطناعي المحلي"
},
"postcard": {
"title": "صندوق كلود ماكس",
"title": "ادعم تطوير VoiceStudio",
"lead_default": "سعيد أن عملت! VoiceStudio مجاني ومحلي بالكامل. إذا كان ذلك يوفر عليك الوقت، فستقوم شريحة شهرية صغيرة بتمويل كلود ماكس الذي يقف وراءه.",
"lead_first_clone": "لقد تم استنساخ صوتك الأول – رائع! يعمل VoiceStudio بالكامل على جهازك، ويحافظ دعمك عليه على هذا النحو.",
"lead_tenth_dub": "عشر دبلجة - من الواضح أنك تعمل على تنفيذها. شريحة شهرية صغيرة تمول كلود ماكس الذي يشحن هذه الميزات.",
@@ -2594,5 +2594,52 @@
"progress": "تم التحقق من {{done}} / {{total}} مقطع",
"cancelled": "أُلغي",
"fitting": "ضبط التوقيت"
},
"sponsorSlot": {
"visibility": "الظهور",
"integration": "تكامل المنتج",
"installs": "تثبيت مباشر",
"distribution": "توزيع للمطورين",
"partner": "شريك موثّق",
"privacy": "الخصوصية",
"title": "احصل على ظهور مميز في VoiceStudio",
"description": "زد ظهور علامتك التجارية عبر رعاية مساحة مميزة مدفوعة.",
"form": "نموذج Google",
"email": "البريد الإلكتروني",
"book": "احجز مكانك",
"preview": "معاينة الراعي",
"footer_brand": "علامتك التجارية",
"footer_book": "أضف الآن",
"email_template": "مرحباً فريق VoiceStudio،\n\nأرغب في الشراكة مع VoiceStudio واستكشاف ظهور مميز لعلامتي التجارية.\n\nالعلامة التجارية / المنتج:\nالموقع الإلكتروني:\nالتكامل أو الحملة:\nالجمهور / الموعد:\n\nهل يمكنكم مشاركة الباقات والأسعار وخيارات الظهور والمتطلبات التقنية؟ أفهم أن الشراكة المميزة قد تشمل صفحة توثيق وشعاراً في GitHub README ومكاناً في تذييل التطبيق ودليل Integrations.\n\nشكراً،\n[الاسم]\n[الدور / الشركة]\n[بيانات التواصل]",
"message": "علامتك التجارية وموقعك ورسالتك",
"email_app": "افتح تطبيق البريد",
"copy_email": "نسخ البريد الإلكتروني",
"preview_detail": "يمكن أن يظهر هنا شعارك ورابطك ونبذة عنك."
},
"supportPlans": {
"remove": "إزالة شريط الرعاة",
"title": "المجاني مقابل Pro",
"free": "مجاني",
"pro": "Pro",
"sponsor_bar": "شريط الرعاة",
"visible": "ظاهر",
"hideable": "يمكن إخفاؤه",
"unavailable": "لم يتم إعداد تفعيل Pro بعد.",
"telemetry": "بيانات الاستخدام",
"opt_in": "اختيارية وبموافقة مسبقة",
"disabled": "معطّلة",
"badge": "شارة Pro",
"advanced": "أدوات متقدمة",
"standard": "قياسية",
"included": "مضمّنة"
},
"integrationCatalog": {
"title": "التكاملات",
"featured": "مميّز",
"description": "اكتشف التكاملات والشركاء المميّزين."
},
"directoryExamples": {
"example": "مثال في الدليل",
"notice": "أمثلة في الدليل فقط — ليست جهات راعية أو تكاملات متصلة."
}
}
electron/src/renderer/src/i18n/locales/de.json
+49 -2
View File
@@ -2073,7 +2073,7 @@
"choose_method": "Wählen Sie, wie Sie geben möchten",
"choose_method_amount": "Weiter mit ${{amount}}",
"goal": {
"title": "Fonds Claude Max",
"title": "Unterstütze die Entwicklung von VoiceStudio",
"of": "von",
"per_month": "/ Monat",
"aria": "{{raised}} von {{goal}} Monatsziel",
@@ -2082,7 +2082,7 @@
"social_proof": "Schließen Sie sich den Unterstützern von {{count}} an, die lokale KI finanzieren"
},
"postcard": {
"title": "Fonds Claude Max",
"title": "Unterstütze die Entwicklung von VoiceStudio",
"lead_default": "Ich bin froh, dass das funktioniert hat! VoiceStudio ist kostenlos und vollständig lokal. Wenn es Ihnen Zeit spart, finanziert ein kleiner monatlicher Chip-In den dahinter stehenden Claude Max.",
"lead_first_clone": "Ihr erster Sprachklon ist fertig – schön! VoiceStudio läuft vollständig auf Ihrem Computer und Ihr Support sorgt dafür, dass dies auch so bleibt.",
"lead_tenth_dub": "Nach zehn Dubs – Sie setzen es eindeutig um. Ein kleiner monatlicher Chip-In finanziert den Claude Max, der diese Funktionen bereitstellt.",
@@ -2586,5 +2586,52 @@
"progress": "{{done}} / {{total}} Segmente geprüft",
"cancelled": "Abgebrochen",
"fitting": "Timing anpassen"
},
"sponsorSlot": {
"visibility": "Sichtbarkeit",
"integration": "Produktintegration",
"installs": "Direkte Installationen",
"distribution": "Vertrieb für Entwickler",
"partner": "Verifizierter Partner",
"privacy": "Datenschutz",
"title": "Auf VoiceStudio vorgestellt werden",
"description": "Steigern Sie die Sichtbarkeit Ihrer Marke mit einem bezahlten hervorgehobenen Platz.",
"form": "Google-Formular",
"email": "E-Mail",
"book": "Platz anfragen",
"preview": "Sponsor-Vorschau",
"footer_brand": "Deine Marke",
"footer_book": "Jetzt hinzufügen",
"email_template": "Hallo VoiceStudio-Team,\n\nich möchte mit VoiceStudio zusammenarbeiten und eine hervorgehobene Platzierung für meine Marke prüfen.\n\nMarke / Produkt:\nWebsite:\nIntegration oder Kampagne:\nZielgruppe / Zeitpunkt:\n\nKönnt ihr verfügbare Pakete, Preise, Platzierungsoptionen und technische Anforderungen teilen? Ich verstehe, dass eine Partnerschaft eine Dokumentationsseite, ein GitHub-README-Logo, einen Platz in der App-Fußzeile und einen Eintrag unter Integrations umfassen kann.\n\nDanke,\n[Name]\n[Rolle / Unternehmen]\n[Kontakt]",
"message": "Deine Marke, Website und Nachricht",
"email_app": "E-Mail-App öffnen",
"copy_email": "E-Mail-Adresse kopieren",
"preview_detail": "Hier könnten dein Logo, Link und eine Vorstellung stehen."
},
"supportPlans": {
"remove": "Sponsorenleiste entfernen",
"title": "Free und Pro im Vergleich",
"free": "Kostenlos",
"pro": "Pro",
"sponsor_bar": "Sponsorenleiste",
"visible": "Sichtbar",
"hideable": "Ausblendbar",
"unavailable": "Die Pro-Aktivierung ist noch nicht eingerichtet.",
"telemetry": "Telemetrie",
"opt_in": "Optional, nur mit Zustimmung",
"disabled": "Deaktiviert",
"badge": "Pro-Abzeichen",
"advanced": "Erweiterte Werkzeuge",
"standard": "Standard",
"included": "Enthalten"
},
"integrationCatalog": {
"title": "Integrationen",
"featured": "Hervorgehoben",
"description": "Entdecke Integrationen und hervorgehobene Partner."
},
"directoryExamples": {
"example": "Verzeichnisbeispiel",
"notice": "Nur Verzeichnisbeispiele — keine Sponsoren oder verbundenen Integrationen."
}
}
electron/src/renderer/src/i18n/locales/en.json
+50 -3
View File
@@ -53,7 +53,7 @@
},
"app": {
"name": "VoiceStudio",
"tagline": "Local voice cloning. Nothing leaves your machine.",
"tagline": "Open source voice cloning and workflow engine. Build local.",
"coming_soon": "Coming soon",
"version": "v{{version}}",
"switch_to_light": "Switch to light theme",
@@ -2122,7 +2122,7 @@
"choose_method": "Choose how to give",
"choose_method_amount": "Continue with ${{amount}}",
"goal": {
"title": "Fund Claude Max",
"title": "Support VoiceStudio development",
"of": "of",
"per_month": "/ month",
"aria": "{{raised}} of {{goal}} monthly goal",
@@ -2131,7 +2131,7 @@
"social_proof": "Join {{count}} supporters funding local AI"
},
"postcard": {
"title": "Fund Claude Max",
"title": "Support VoiceStudio development",
"lead_default": "Glad that worked! VoiceStudio is free and fully local. If it saves you time, a small monthly chip-in funds the Claude Max behind it.",
"lead_first_clone": "Your first voice clone is done — nice! VoiceStudio runs entirely on your machine, and your support keeps it that way.",
"lead_tenth_dub": "Ten dubs in — you're clearly putting it to work. A small monthly chip-in funds the Claude Max that ships these features.",
@@ -2586,5 +2586,52 @@
"progress": "{{done}} / {{total}} segments validated",
"cancelled": "Cancelled",
"fitting": "Adjusting timing"
},
"sponsorSlot": {
"visibility": "Visibility",
"integration": "Product integration",
"installs": "Direct installs",
"distribution": "Developer distribution",
"partner": "Verified partner",
"privacy": "Privacy",
"title": "Partner with VoiceStudio and Get Featured",
"description": "Drive visibility to your brand by sponsoring a paid featured slot.",
"form": "Google Form",
"email": "Email",
"book": "Book your slot",
"preview": "Get featured",
"footer_brand": "Your brand",
"footer_book": "Add now",
"email_template": "Hi VoiceStudio team,\n\nI'd like to partner with VoiceStudio and explore a featured placement for my brand.\n\nBrand / product:\nWebsite:\nIntegration or campaign:\nAudience / timing:\n\nCould you share available packages, pricing, placement options, and technical requirements? I understand a featured partnership can include a docs page, GitHub README logo, app footer slot, and Integrations directory placement.\n\nThanks,\n[Name]\n[Role / company]\n[Contact]",
"message": "Your brand, website & message",
"email_app": "Open email app",
"copy_email": "Copy email",
"preview_detail": "Book a slot for your sponsored brand or product integration. We’ll include a docs page, GitHub README logo, app footer slot, and Integrations."
},
"supportPlans": {
"remove": "Remove sponsor bar",
"title": "Free vs Pro",
"free": "Free",
"pro": "Pro",
"sponsor_bar": "Sponsor bar",
"visible": "Visible",
"hideable": "Can be hidden",
"unavailable": "Pro activation is not configured yet.",
"telemetry": "Telemetry",
"opt_in": "Optional, opt-in",
"disabled": "Disabled",
"badge": "Pro badge",
"advanced": "Advanced tools",
"standard": "Standard",
"included": "Included"
},
"integrationCatalog": {
"title": "Integrations",
"featured": "Featured",
"description": "Discover integrations and featured partners."
},
"directoryExamples": {
"example": "Directory example",
"notice": "Directory examples only — not sponsors or connected integrations."
}
}
electron/src/renderer/src/i18n/locales/es.json
+49 -2
View File
@@ -2075,7 +2075,7 @@
"choose_method": "Elige cómo regalar",
"choose_method_amount": "Continuar con ${{amount}}",
"goal": {
"title": "Fondo Claude Max",
"title": "Apoya el desarrollo de VoiceStudio",
"of": "de",
"per_month": "/ mes",
"aria": "{{raised}} de {{goal}} meta mensual",
@@ -2084,7 +2084,7 @@
"social_proof": "Únase a los partidarios de {{count}} que financian la IA local"
},
"postcard": {
"title": "Fondo Claude Max",
"title": "Apoya el desarrollo de VoiceStudio",
"lead_default": "¡Me alegro de que haya funcionado! VoiceStudio es gratuito y totalmente local. Si le ahorra tiempo, un pequeño aporte mensual financia el Claude Max detrás de él.",
"lead_first_clone": "Tu primer clon de voz está listo, ¡bien! VoiceStudio se ejecuta completamente en su máquina y su soporte lo mantiene así.",
"lead_tenth_dub": "Diez doblajes: claramente lo estás poniendo a funcionar. Un pequeño aporte mensual financia el Claude Max que incluye estas funciones.",
@@ -2588,5 +2588,52 @@
"progress": "{{done}} / {{total}} segmentos validados",
"cancelled": "Cancelado",
"fitting": "Ajustando tiempos"
},
"sponsorSlot": {
"visibility": "Visibilidad",
"integration": "Integración del producto",
"installs": "Instalaciones directas",
"distribution": "Distribución para desarrolladores",
"partner": "Socio verificado",
"privacy": "Privacidad",
"title": "Destaca en VoiceStudio",
"description": "Aumenta la visibilidad de tu marca patrocinando un espacio destacado de pago.",
"form": "Formulario de Google",
"email": "Correo electrónico",
"book": "Reserva tu espacio",
"preview": "Vista previa del patrocinador",
"footer_brand": "Tu marca",
"footer_book": "Añadir ahora",
"email_template": "Hola, equipo de VoiceStudio:\n\nMe gustaría asociarme con VoiceStudio y explorar una presencia destacada para mi marca.\n\nMarca / producto:\nSitio web:\nIntegración o campaña:\nPúblico / fechas:\n\n¿Podrían compartir los paquetes, precios, opciones de ubicación y requisitos técnicos disponibles? Entiendo que una colaboración destacada puede incluir una página de documentación, un logo en el README de GitHub, un espacio en el pie de la aplicación y presencia en el directorio de Integrations.\n\nGracias,\n[Nombre]\n[Cargo / empresa]\n[Contacto]",
"message": "Tu marca, sitio web y mensaje",
"email_app": "Abrir correo",
"copy_email": "Copiar correo",
"preview_detail": "Aquí podrían aparecer tu logo, enlace y presentación."
},
"supportPlans": {
"remove": "Quitar barra de patrocinadores",
"title": "Gratis vs Pro",
"free": "Gratis",
"pro": "Pro",
"sponsor_bar": "Barra de patrocinadores",
"visible": "Visible",
"hideable": "Se puede ocultar",
"unavailable": "La activación de Pro aún no está configurada.",
"telemetry": "Telemetría",
"opt_in": "Opcional, con consentimiento",
"disabled": "Desactivada",
"badge": "Insignia Pro",
"advanced": "Herramientas avanzadas",
"standard": "Estándar",
"included": "Incluidas"
},
"integrationCatalog": {
"title": "Integraciones",
"featured": "Destacado",
"description": "Descubre integraciones y socios destacados."
},
"directoryExamples": {
"example": "Ejemplo del directorio",
"notice": "Solo ejemplos del directorio; no son patrocinadores ni integraciones conectadas."
}
}
electron/src/renderer/src/i18n/locales/fr.json
+49 -2
View File
@@ -2075,7 +2075,7 @@
"choose_method": "Choisissez comment donner",
"choose_method_amount": "Continuez avec ${{amount}}",
"goal": {
"title": "Fonds Claude Max",
"title": "Soutenez le développement de VoiceStudio",
"of": "de",
"per_month": "/mois",
"aria": "{{raised}} sur {{goal}} objectif mensuel",
@@ -2084,7 +2084,7 @@
"social_proof": "Rejoignez les sympathisants de {{count}} qui financent l'IA locale"
},
"postcard": {
"title": "Fonds Claude Max",
"title": "Soutenez le développement de VoiceStudio",
"lead_default": "Content que ça ait fonctionné ! VoiceStudio est gratuit et entièrement local. Si cela vous fait gagner du temps, une petite contribution mensuelle finance le Claude Max derrière.",
"lead_first_clone": "Votre premier clone de voix est terminé – super ! VoiceStudio fonctionne entièrement sur votre ordinateur et votre assistance le maintient ainsi.",
"lead_tenth_dub": "Dix doublages – vous le mettez clairement à profit. Une petite contribution mensuelle finance le Claude Max qui fournit ces fonctionnalités.",
@@ -2588,5 +2588,52 @@
"progress": "{{done}} / {{total}} segments validés",
"cancelled": "Annulé",
"fitting": "Ajustement du minutage"
},
"sponsorSlot": {
"visibility": "Visibilité",
"integration": "Intégration produit",
"installs": "Installations directes",
"distribution": "Distribution auprès des développeurs",
"partner": "Partenaire vérifié",
"privacy": "Confidentialité",
"title": "Soyez mis en avant sur VoiceStudio",
"description": "Donnez de la visibilité à votre marque en sponsorisant un emplacement vedette payant.",
"form": "Formulaire Google",
"email": "E-mail",
"book": "Réservez votre emplacement",
"preview": "Aperçu du sponsor",
"footer_brand": "Votre marque",
"footer_book": "Ajouter maintenant",
"email_template": "Bonjour l’équipe VoiceStudio,\n\nJ’aimerais devenir partenaire de VoiceStudio et étudier une mise en avant pour ma marque.\n\nMarque / produit :\nSite web :\nIntégration ou campagne :\nAudience / calendrier :\n\nPourriez-vous partager les offres, tarifs, emplacements et exigences techniques disponibles ? Je comprends qu’un partenariat mis en avant peut inclure une page de documentation, un logo dans le README GitHub, un emplacement dans le pied de l’application et une présence dans le répertoire Integrations.\n\nMerci,\n[Nom]\n[Rôle / entreprise]\n[Contact]",
"message": "Votre marque, site web et message",
"email_app": "Ouvrir la messagerie",
"copy_email": "Copier l’adresse e-mail",
"preview_detail": "Votre logo, lien et présentation pourraient apparaître ici."
},
"supportPlans": {
"remove": "Retirer la barre des sponsors",
"title": "Gratuit ou Pro",
"free": "Gratuit",
"pro": "Pro",
"sponsor_bar": "Barre des sponsors",
"visible": "Visible",
"hideable": "Peut être masquée",
"unavailable": "L’activation de Pro n’est pas encore configurée.",
"telemetry": "Télémétrie",
"opt_in": "Facultative, sur consentement",
"disabled": "Désactivée",
"badge": "Badge Pro",
"advanced": "Outils avancés",
"standard": "Standard",
"included": "Inclus"
},
"integrationCatalog": {
"title": "Intégrations",
"featured": "À la une",
"description": "Découvrez les intégrations et les partenaires à la une."
},
"directoryExamples": {
"example": "Exemple du répertoire",
"notice": "Exemples uniquement : ni sponsors ni intégrations connectées."
}
}
electron/src/renderer/src/i18n/locales/hi.json
+49 -2
View File
@@ -2073,7 +2073,7 @@
"choose_method": "चुनें कि कैसे देना है",
"choose_method_amount": "${{amount}} के साथ जारी रखें",
"goal": {
"title": "फंड क्लाउड मैक्स",
"title": "VoiceStudio के विकास में सहयोग करें",
"of": "का",
"per_month": "/ महीना",
"aria": "{{raised}} का {{goal}} मासिक लक्ष्य",
@@ -2082,7 +2082,7 @@
"social_proof": "स्थानीय AI को वित्तपोषित करने वाले {{count}} समर्थकों से जुड़ें"
},
"postcard": {
"title": "फंड क्लाउड मैक्स",
"title": "VoiceStudio के विकास में सहयोग करें",
"lead_default": "खुशी है कि यह काम कर गया! VoiceStudio मुफ़्त और पूरी तरह से स्थानीय है। यदि यह आपका समय बचाता है, तो इसके पीछे एक छोटा सा मासिक चिप-इन क्लाउड मैक्स को फंड करता है।",
"lead_first_clone": "आपकी पहली आवाज़ का क्लोन तैयार हो गया है - बढ़िया! VoiceStudio पूरी तरह से आपकी मशीन पर चलता है, और आपका समर्थन इसे उसी तरह बनाए रखता है।",
"lead_tenth_dub": "दस डब - आप स्पष्ट रूप से इसे कार्यान्वित कर रहे हैं। एक छोटा सा मासिक चिप-इन क्लाउड मैक्स को फंड करता है जो इन सुविधाओं को शिप करता है।",
@@ -2586,5 +2586,52 @@
"progress": "{{done}} / {{total}} खंड सत्यापित",
"cancelled": "रद्द किया गया",
"fitting": "समय समायोजित हो रहा है"
},
"sponsorSlot": {
"visibility": "दृश्यता",
"integration": "उत्पाद एकीकरण",
"installs": "सीधे इंस्टॉल",
"distribution": "डेवलपर वितरण",
"partner": "सत्यापित पार्टनर",
"privacy": "गोपनीयता",
"title": "VoiceStudio पर फ़ीचर्ड बनें",
"description": "पेड फ़ीचर्ड स्लॉट को प्रायोजित करके अपने ब्रांड की दृश्यता बढ़ाएँ।",
"form": "Google फ़ॉर्म",
"email": "ईमेल",
"book": "अपना स्थान बुक करें",
"preview": "प्रायोजक पूर्वावलोकन",
"footer_brand": "आपका ब्रांड",
"footer_book": "अभी जोड़ें",
"email_template": "नमस्ते VoiceStudio टीम,\n\nमैं VoiceStudio के साथ साझेदारी करके अपने ब्रांड के लिए एक प्रमुख स्थान के बारे में जानना चाहता/चाहती हूँ।\n\nब्रांड / उत्पाद:\nवेबसाइट:\nइंटीग्रेशन या अभियान:\nदर्शक / समय:\n\nक्या आप उपलब्ध पैकेज, कीमत, प्लेसमेंट विकल्प और तकनीकी आवश्यकताएँ साझा कर सकते हैं? मैं समझता/समझती हूँ कि फीचर्ड पार्टनरशिप में डॉक्यूमेंटेशन पेज, GitHub README लोगो, ऐप फ़ुटर स्लॉट और Integrations डायरेक्टरी में स्थान शामिल हो सकता है।\n\nधन्यवाद,\n[नाम]\n[भूमिका / कंपनी]\n[संपर्क]",
"message": "आपका ब्रांड, वेबसाइट और संदेश",
"email_app": "ईमेल ऐप खोलें",
"copy_email": "ईमेल कॉपी करें",
"preview_detail": "आपका लोगो, लिंक और परिचय यहाँ दिख सकते हैं।"
},
"supportPlans": {
"remove": "प्रायोजक बार हटाएँ",
"title": "मुफ़्त बनाम Pro",
"free": "मुफ़्त",
"pro": "Pro",
"sponsor_bar": "प्रायोजक बार",
"visible": "दिखाई देता है",
"hideable": "छिपाया जा सकता है",
"unavailable": "Pro सक्रियण अभी कॉन्फ़िगर नहीं किया गया है।",
"telemetry": "टेलीमेट्री",
"opt_in": "वैकल्पिक, सहमति पर",
"disabled": "बंद",
"badge": "Pro बैज",
"advanced": "उन्नत टूल",
"standard": "मानक",
"included": "शामिल"
},
"integrationCatalog": {
"title": "इंटीग्रेशन",
"featured": "विशेष",
"description": "इंटीग्रेशन और विशेष साझेदारों को देखें।"
},
"directoryExamples": {
"example": "डायरेक्टरी उदाहरण",
"notice": "केवल डायरेक्टरी उदाहरण — प्रायोजक या जुड़े हुए इंटीग्रेशन नहीं।"
}
}
electron/src/renderer/src/i18n/locales/id.json
+49 -2
View File
@@ -2073,7 +2073,7 @@
"choose_method": "Pilih cara memberi",
"choose_method_amount": "Lanjutkan dengan ${{amount}}",
"goal": {
"title": "Dana Claude Max",
"title": "Dukung pengembangan VoiceStudio",
"of": "dari",
"per_month": "/ bulan",
"aria": "{{raised}} dari {{goal}} sasaran bulanan",
@@ -2082,7 +2082,7 @@
"social_proof": "Bergabunglah dengan pendukung {{count}} yang mendanai AI lokal"
},
"postcard": {
"title": "Dana Claude Max",
"title": "Dukung pengembangan VoiceStudio",
"lead_default": "Senang itu berhasil! VoiceStudio gratis dan sepenuhnya lokal. Jika ini menghemat waktu Anda, chip-in bulanan kecil akan mendanai Claude Max di belakangnya.",
"lead_first_clone": "Klon suara pertama Anda selesai — bagus! VoiceStudio berjalan sepenuhnya di mesin Anda, dan dukungan Anda menjaganya tetap seperti itu.",
"lead_tenth_dub": "Sepuluh sulih suara - Anda jelas berhasil. Chip-in bulanan kecil mendanai Claude Max yang mengirimkan fitur-fitur ini.",
@@ -2586,5 +2586,52 @@
"progress": "{{done}} / {{total}} segmen divalidasi",
"cancelled": "Dibatalkan",
"fitting": "Menyesuaikan waktu"
},
"sponsorSlot": {
"visibility": "Visibilitas",
"integration": "Integrasi produk",
"installs": "Instalasi langsung",
"distribution": "Distribusi pengembang",
"partner": "Mitra terverifikasi",
"privacy": "Privasi",
"title": "Tampil di VoiceStudio",
"description": "Tingkatkan visibilitas merek Anda dengan mensponsori slot unggulan berbayar.",
"form": "Formulir Google",
"email": "Email",
"book": "Pesan slot Anda",
"preview": "Pratinjau sponsor",
"footer_brand": "Merek Anda",
"footer_book": "Tambahkan sekarang",
"email_template": "Halo tim VoiceStudio,\n\nSaya ingin bermitra dengan VoiceStudio dan mengeksplorasi penempatan unggulan untuk merek saya.\n\nMerek / produk:\nSitus web:\nIntegrasi atau kampanye:\nAudiens / waktu:\n\nBisakah Anda membagikan paket, harga, opsi penempatan, dan persyaratan teknis yang tersedia? Saya memahami bahwa kemitraan unggulan dapat mencakup halaman dokumentasi, logo di README GitHub, slot di footer aplikasi, dan penempatan di direktori Integrations.\n\nTerima kasih,\n[Nama]\n[Peran / perusahaan]\n[Kontak]",
"message": "Merek, situs web & pesan Anda",
"email_app": "Buka aplikasi email",
"copy_email": "Salin email",
"preview_detail": "Logo, tautan, dan perkenalan Anda bisa tampil di sini."
},
"supportPlans": {
"remove": "Hapus bilah sponsor",
"title": "Gratis vs Pro",
"free": "Gratis",
"pro": "Pro",
"sponsor_bar": "Bilah sponsor",
"visible": "Terlihat",
"hideable": "Dapat disembunyikan",
"unavailable": "Aktivasi Pro belum dikonfigurasi.",
"telemetry": "Telemetri",
"opt_in": "Opsional, dengan persetujuan",
"disabled": "Dinonaktifkan",
"badge": "Lencana Pro",
"advanced": "Alat lanjutan",
"standard": "Standar",
"included": "Termasuk"
},
"integrationCatalog": {
"title": "Integrasi",
"featured": "Unggulan",
"description": "Temukan integrasi dan mitra unggulan."
},
"directoryExamples": {
"example": "Contoh direktori",
"notice": "Hanya contoh direktori — bukan sponsor atau integrasi yang terhubung."
}
}
electron/src/renderer/src/i18n/locales/it.json
+49 -2
View File
@@ -2075,7 +2075,7 @@
"choose_method": "Scegli come donare",
"choose_method_amount": "Continua con ${{amount}}",
"goal": {
"title": "Fondo Claude Max",
"title": "Sostieni lo sviluppo di VoiceStudio",
"of": "di",
"per_month": "/mese",
"aria": "{{raised}} di {{goal}} obiettivo mensile",
@@ -2084,7 +2084,7 @@
"social_proof": "Unisciti ai sostenitori di {{count}} che finanziano l'intelligenza artificiale locale"
},
"postcard": {
"title": "Fondo Claude Max",
"title": "Sostieni lo sviluppo di VoiceStudio",
"lead_default": "Sono contento che abbia funzionato! VoiceStudio è gratuito e completamente locale. Se ti fa risparmiare tempo, un piccolo chip-in mensile finanzia il Claude Max che sta dietro di esso.",
"lead_first_clone": "Il tuo primo clone vocale è pronto: fantastico! VoiceStudio funziona interamente sul tuo computer e il tuo supporto lo mantiene così.",
"lead_tenth_dub": "Dieci doppiaggi: lo stai chiaramente mettendo in pratica. Un piccolo chip-in mensile finanzia il Claude Max che fornisce queste funzionalità.",
@@ -2588,5 +2588,52 @@
"progress": "{{done}} / {{total}} segmenti convalidati",
"cancelled": "Annullato",
"fitting": "Regolazione dei tempi"
},
"sponsorSlot": {
"visibility": "Visibilità",
"integration": "Integrazione del prodotto",
"installs": "Installazioni dirette",
"distribution": "Distribuzione per sviluppatori",
"partner": "Partner verificato",
"privacy": "Privacy",
"title": "In evidenza su VoiceStudio",
"description": "Aumenta la visibilità del tuo brand sponsorizzando uno spazio in evidenza a pagamento.",
"form": "Modulo Google",
"email": "Email",
"book": "Prenota il tuo spazio",
"preview": "Anteprima sponsor",
"footer_brand": "Il tuo brand",
"footer_book": "Aggiungi ora",
"email_template": "Ciao team VoiceStudio,\n\nVorrei collaborare con VoiceStudio e valutare una presenza in evidenza per il mio brand.\n\nBrand / prodotto:\nSito web:\nIntegrazione o campagna:\nPubblico / tempistiche:\n\nPotete condividere pacchetti, prezzi, opzioni di visibilità e requisiti tecnici? Ho capito che una partnership in evidenza può includere una pagina docs, un logo nel README GitHub, uno spazio nel footer dell’app e una presenza nella directory Integrations.\n\nGrazie,\n[Nome]\n[Ruolo / azienda]\n[Contatto]",
"message": "Il tuo marchio, sito e messaggio",
"email_app": "Apri l’app email",
"copy_email": "Copia email",
"preview_detail": "Qui potrebbero apparire il tuo logo, link e presentazione."
},
"supportPlans": {
"remove": "Rimuovi barra sponsor",
"title": "Gratis o Pro",
"free": "Gratis",
"pro": "Pro",
"sponsor_bar": "Barra sponsor",
"visible": "Visibile",
"hideable": "Può essere nascosta",
"unavailable": "L’attivazione di Pro non è ancora configurata.",
"telemetry": "Telemetria",
"opt_in": "Facoltativa, con consenso",
"disabled": "Disattivata",
"badge": "Badge Pro",
"advanced": "Strumenti avanzati",
"standard": "Standard",
"included": "Inclusi"
},
"integrationCatalog": {
"title": "Integrazioni",
"featured": "In evidenza",
"description": "Scopri integrazioni e partner in evidenza."
},
"directoryExamples": {
"example": "Esempio di catalogo",
"notice": "Solo esempi di catalogo: non sponsor né integrazioni collegate."
}
}
electron/src/renderer/src/i18n/locales/ja.json
+49 -2
View File
@@ -2073,7 +2073,7 @@
"choose_method": "与え方を選ぶ",
"choose_method_amount": "${{amount}} に進む",
"goal": {
"title": "クロード・マックス基金",
"title": "VoiceStudio の開発を支援",
"of": "の",
"per_month": "/月",
"aria": "月間目標 {{raised}}/{{goal}}",
@@ -2082,7 +2082,7 @@
"social_proof": "{{count}} サポーターに参加してローカル AI に資金を提供しましょう"
},
"postcard": {
"title": "クロード・マックス基金",
"title": "VoiceStudio の開発を支援",
"lead_default": "うまくいってよかったです！ VoiceStudio は無料で完全にローカルです。時間を節約できるのであれば、毎月少額のチップインがその背後にいるクロード・マックスに資金を提供します。",
"lead_first_clone": "最初の音声クローンが完成しました。いいですね! VoiceStudio は完全にマシン上で実行され、サポートがその状態を維持します。",
"lead_tenth_dub": "10 個のダブが入っています。明らかに効果を発揮しています。これらの機能を提供する Claude Max には、毎月少額のチップインが資金として提供されます。",
@@ -2586,5 +2586,52 @@
"progress": "{{done}} / {{total}} セグメントを検証済み",
"cancelled": "キャンセル済み",
"fitting": "タイミングを調整中"
},
"sponsorSlot": {
"visibility": "認知度",
"integration": "製品連携",
"installs": "直接インストール",
"distribution": "開発者向け配信",
"partner": "認証済みパートナー",
"privacy": "プライバシー",
"title": "VoiceStudioで注目を集める",
"description": "有料の注目枠をスポンサーして、ブランドの認知度を高めましょう。",
"form": "Googleフォーム",
"email": "メール",
"book": "掲載枠を申し込む",
"preview": "スポンサーの表示例",
"footer_brand": "あなたのブランド",
"footer_book": "今すぐ追加",
"email_template": "VoiceStudioチームの皆さま、\n\nVoiceStudioとのパートナーシップと、ブランドの注目掲載について相談したくご連絡しました。\n\nブランド / 製品：\nウェブサイト：\n連携またはキャンペーン：\n対象ユーザー / 時期：\n\n利用可能なプラン、料金、掲載場所、技術要件を教えていただけますか？注目パートナーには、ドキュメントページ、GitHub READMEのロゴ、アプリフッター枠、Integrationsディレクトリ掲載が含まれると理解しています。\n\nよろしくお願いします。\n[名前]\n[役職 / 会社]\n[連絡先]",
"message": "ブランド名・ウェブサイト・メッセージ",
"email_app": "メールアプリを開く",
"copy_email": "メールアドレスをコピー",
"preview_detail": "ここにロゴ、リンク、紹介文を掲載できます。"
},
"supportPlans": {
"remove": "スポンサー欄を非表示にする",
"title": "無料版とProの比較",
"free": "無料",
"pro": "Pro",
"sponsor_bar": "スポンサー欄",
"visible": "表示",
"hideable": "非表示にできます",
"unavailable": "Proの有効化はまだ設定されていません。",
"telemetry": "テレメトリ",
"opt_in": "任意・同意が必要",
"disabled": "無効",
"badge": "Proバッジ",
"advanced": "高度なツール",
"standard": "標準",
"included": "利用可能"
},
"integrationCatalog": {
"title": "連携",
"featured": "注目",
"description": "連携機能と注目のパートナーを見つけましょう。"
},
"directoryExamples": {
"example": "掲載例",
"notice": "ディレクトリの掲載例です。スポンサーや接続済みの連携ではありません。"
}
}
electron/src/renderer/src/i18n/locales/ko.json
+49 -2
View File
@@ -2073,7 +2073,7 @@
"choose_method": "주는 방법을 선택하세요",
"choose_method_amount": "${{amount}}로 계속",
"goal": {
"title": "클로드 맥스 기금",
"title": "VoiceStudio 개발 지원",
"of": "중",
"per_month": "/월",
"aria": "{{goal}} 월 목표 중 {{raised}}",
@@ -2082,7 +2082,7 @@
"social_proof": "로컬 AI에 자금을 지원하는 {{count}}명의 후원자와 함께하세요"
},
"postcard": {
"title": "클로드 맥스 기금",
"title": "VoiceStudio 개발 지원",
"lead_default": "효과가 있어서 다행이에요! VoiceStudio는 무료이며 완전히 로컬입니다. 시간을 절약할 수 있다면 매월 소액의 칩인을 통해 Claude Max에 자금을 지원할 수 있습니다.",
"lead_first_clone": "첫 번째 음성 복제가 완료되었습니다. 좋습니다! VoiceStudio는 전적으로 귀하의 컴퓨터에서 실행되며 귀하의 지원은 이를 그대로 유지합니다.",
"lead_tenth_dub": "10개의 더빙이 포함되어 있습니다. 확실히 효과를 발휘하고 계십니다. 이러한 기능을 제공하는 Claude Max에는 매월 소액의 칩인 자금이 지원됩니다.",
@@ -2586,5 +2586,52 @@
"progress": "{{done}} / {{total}}개 구간 검증됨",
"cancelled": "취소됨",
"fitting": "타이밍 조정 중"
},
"sponsorSlot": {
"visibility": "가시성",
"integration": "제품 통합",
"installs": "직접 설치",
"distribution": "개발자 배포",
"partner": "검증된 파트너",
"privacy": "개인정보 보호",
"title": "VoiceStudio에서 브랜드를 소개하세요",
"description": "유료 추천 슬롯을 후원하여 브랜드의 노출을 높이세요.",
"form": "Google 양식",
"email": "이메일",
"book": "스폰서 자리 신청",
"preview": "스폰서 미리보기",
"footer_brand": "내 브랜드",
"footer_book": "지금 추가",
"email_template": "VoiceStudio 팀께,\n\nVoiceStudio와 파트너십을 맺고 제 브랜드의 주요 노출을 검토하고 싶습니다.\n\n브랜드 / 제품:\n웹사이트:\n연동 또는 캠페인:\n대상 / 일정:\n\n이용 가능한 패키지, 가격, 노출 옵션과 기술 요구사항을 알려주실 수 있을까요? 추천 파트너십에는 문서 페이지, GitHub README 로고, 앱 푸터 슬롯, Integrations 디렉터리 노출이 포함되는 것으로 이해하고 있습니다.\n\n감사합니다.\n[이름]\n[직함 / 회사]\n[연락처]",
"message": "브랜드, 웹사이트 및 메시지",
"email_app": "이메일 앱 열기",
"copy_email": "이메일 주소 복사",
"preview_detail": "여기에 로고, 링크 및 소개를 표시할 수 있습니다."
},
"supportPlans": {
"remove": "스폰서 바 제거",
"title": "무료와 Pro 비교",
"free": "무료",
"pro": "Pro",
"sponsor_bar": "스폰서 바",
"visible": "표시됨",
"hideable": "숨길 수 있음",
"unavailable": "Pro 활성화가 아직 구성되지 않았습니다.",
"telemetry": "사용 정보 수집",
"opt_in": "선택 사항, 동의 필요",
"disabled": "비활성화",
"badge": "Pro 배지",
"advanced": "고급 도구",
"standard": "기본",
"included": "포함"
},
"integrationCatalog": {
"title": "연동",
"featured": "추천",
"description": "연동 기능과 추천 파트너를 살펴보세요."
},
"directoryExamples": {
"example": "디렉터리 예시",
"notice": "디렉터리 예시이며 스폰서나 연결된 연동이 아닙니다."
}
}
electron/src/renderer/src/i18n/locales/nl.json
+49 -2
View File
@@ -2073,7 +2073,7 @@
"choose_method": "Kies hoe u wilt geven",
"choose_method_amount": "Ga verder met ${{amount}}",
"goal": {
"title": "Fonds Claude Max",
"title": "Steun de ontwikkeling van VoiceStudio",
"of": "van",
"per_month": "/ maand",
"aria": "{{raised}} van {{goal}} maanddoel",
@@ -2082,7 +2082,7 @@
"social_proof": "Sluit u aan bij {{count}} supporters die lokale AI financieren"
},
"postcard": {
"title": "Fonds Claude Max",
"title": "Steun de ontwikkeling van VoiceStudio",
"lead_default": "Fijn dat dat werkte! VoiceStudio is gratis en volledig lokaal. Als het u tijd bespaart, financiert een kleine maandelijkse chip-in de Claude Max erachter.",
"lead_first_clone": "Je eerste stemkloon is klaar - leuk! VoiceStudio draait volledig op uw machine, en uw ondersteuning zorgt ervoor dat dit zo blijft.",
"lead_tenth_dub": "Tien dubs erin - je zet het duidelijk aan het werk. Een kleine maandelijkse chip-in financiert de Claude Max die deze functies levert.",
@@ -2586,5 +2586,52 @@
"progress": "{{done}} / {{total}} segmenten gevalideerd",
"cancelled": "Geannuleerd",
"fitting": "Timing aanpassen"
},
"sponsorSlot": {
"visibility": "Zichtbaarheid",
"integration": "Productintegratie",
"installs": "Directe installaties",
"distribution": "Distributie voor ontwikkelaars",
"partner": "Geverifieerde partner",
"privacy": "Privacy",
"title": "Uitgelicht worden op VoiceStudio",
"description": "Vergroot de zichtbaarheid van uw merk met een betaalde uitgelichte plek.",
"form": "Google-formulier",
"email": "E-mail",
"book": "Reserveer je plek",
"preview": "Sponsorvoorbeeld",
"footer_brand": "Jouw merk",
"footer_book": "Nu toevoegen",
"email_template": "Hallo VoiceStudio-team,\n\nIk wil graag met VoiceStudio samenwerken en een uitgelichte plek voor mijn merk verkennen.\n\nMerk / product:\nWebsite:\nIntegratie of campagne:\nDoelgroep / timing:\n\nKunnen jullie beschikbare pakketten, prijzen, plaatsingsopties en technische vereisten delen? Ik begrijp dat een uitgelicht partnerschap een documentatiepagina, GitHub README-logo, app-footerplek en vermelding in de Integrations-directory kan bevatten.\n\nBedankt,\n[Naam]\n[Rol / bedrijf]\n[Contact]",
"message": "Je merk, website en bericht",
"email_app": "E-mailapp openen",
"copy_email": "E-mailadres kopiëren",
"preview_detail": "Hier kunnen je logo, link en introductie staan."
},
"supportPlans": {
"remove": "Sponsorbalk verwijderen",
"title": "Gratis versus Pro",
"free": "Gratis",
"pro": "Pro",
"sponsor_bar": "Sponsorbalk",
"visible": "Zichtbaar",
"hideable": "Kan worden verborgen",
"unavailable": "Pro-activering is nog niet ingesteld.",
"telemetry": "Telemetrie",
"opt_in": "Optioneel, met toestemming",
"disabled": "Uitgeschakeld",
"badge": "Pro-badge",
"advanced": "Geavanceerde tools",
"standard": "Standaard",
"included": "Inbegrepen"
},
"integrationCatalog": {
"title": "Integraties",
"featured": "Uitgelicht",
"description": "Ontdek integraties en uitgelichte partners."
},
"directoryExamples": {
"example": "Directoryvoorbeeld",
"notice": "Alleen directoryvoorbeelden — geen sponsors of verbonden integraties."
}
}
electron/src/renderer/src/i18n/locales/pl.json
+49 -2
View File
@@ -2077,7 +2077,7 @@
"choose_method": "Wybierz sposób dawania",
"choose_method_amount": "Kontynuuj za pomocą ${{amount}}",
"goal": {
"title": "Fundusz Claude'a Maxa",
"title": "Wesprzyj rozwój VoiceStudio",
"of": "z",
"per_month": "/ miesiąc",
"aria": "{{raised}} z {{goal}} celu miesięcznego",
@@ -2086,7 +2086,7 @@
"social_proof": "Dołącz do {{count}} zwolenników finansujących lokalną sztuczną inteligencję"
},
"postcard": {
"title": "Fundusz Claude'a Maxa",
"title": "Wesprzyj rozwój VoiceStudio",
"lead_default": "Cieszę się, że to zadziałało! Usługa VoiceStudio jest bezpłatna i w pełni lokalna. Jeśli oszczędzi to Twój czas, niewielka miesięczna wpłata sfinansuje stojącego za nim Claude'a Maxa.",
"lead_first_clone": "Twój pierwszy klon głosu jest gotowy — świetnie! VoiceStudio działa całkowicie na Twoim komputerze, a dzięki Twojemu wsparciu tak będzie.",
"lead_tenth_dub": "Dziesięć dubów — wyraźnie to robisz. Niewielki miesięczny wkład finansuje Claude Max, który udostępnia te funkcje.",
@@ -2590,5 +2590,52 @@
"progress": "Zweryfikowano {{done}} / {{total}} segmentów",
"cancelled": "Anulowano",
"fitting": "Dostosowywanie czasu"
},
"sponsorSlot": {
"visibility": "Widoczność",
"integration": "Integracja produktu",
"installs": "Instalacje bezpośrednie",
"distribution": "Dystrybucja dla deweloperów",
"partner": "Zweryfikowany partner",
"privacy": "Prywatność",
"title": "Wyróżnij się w VoiceStudio",
"description": "Zwiększ widoczność swojej marki, sponsorując płatne wyróżnione miejsce.",
"form": "Formularz Google",
"email": "E-mail",
"book": "Zarezerwuj miejsce",
"preview": "Podgląd sponsora",
"footer_brand": "Twoja marka",
"footer_book": "Dodaj teraz",
"email_template": "Cześć, zespole VoiceStudio,\n\nChcę nawiązać współpracę z VoiceStudio i poznać możliwości wyróżnienia mojej marki.\n\nMarka / produkt:\nStrona internetowa:\nIntegracja lub kampania:\nOdbiorcy / termin:\n\nCzy możecie przesłać dostępne pakiety, ceny, opcje ekspozycji i wymagania techniczne? Rozumiem, że wyróżnione partnerstwo może obejmować stronę dokumentacji, logo w GitHub README, miejsce w stopce aplikacji i wpis w katalogu Integrations.\n\nDziękuję,\n[Imię]\n[Rola / firma]\n[Kontakt]",
"message": "Twoja marka, strona i wiadomość",
"email_app": "Otwórz pocztę",
"copy_email": "Kopiuj e-mail",
"preview_detail": "Tutaj mogą pojawić się Twoje logo, link i opis."
},
"supportPlans": {
"remove": "Usuń pasek sponsorów",
"title": "Darmowa a Pro",
"free": "Darmowa",
"pro": "Pro",
"sponsor_bar": "Pasek sponsorów",
"visible": "Widoczny",
"hideable": "Można ukryć",
"unavailable": "Aktywacja Pro nie została jeszcze skonfigurowana.",
"telemetry": "Telemetria",
"opt_in": "Opcjonalna, za zgodą",
"disabled": "Wyłączona",
"badge": "Odznaka Pro",
"advanced": "Zaawansowane narzędzia",
"standard": "Standardowe",
"included": "W zestawie"
},
"integrationCatalog": {
"title": "Integracje",
"featured": "Wyróżnione",
"description": "Odkryj integracje i wyróżnionych partnerów."
},
"directoryExamples": {
"example": "Przykład katalogowy",
"notice": "Wyłącznie przykłady katalogowe — nie sponsorzy ani połączone integracje."
}
}
electron/src/renderer/src/i18n/locales/pt.json
+49 -2
View File
@@ -2075,7 +2075,7 @@
"choose_method": "Escolha como dar",
"choose_method_amount": "Continuar com ${{amount}}",
"goal": {
"title": "Fundo Claude Max",
"title": "Apoie o desenvolvimento do VoiceStudio",
"of": "de",
"per_month": "/mês",
"aria": "{{raised}} da meta mensal de {{goal}}",
@@ -2084,7 +2084,7 @@
"social_proof": "Junte-se a {{count}} apoiadores que financiam IA local"
},
"postcard": {
"title": "Fundo Claude Max",
"title": "Apoie o desenvolvimento do VoiceStudio",
"lead_default": "Que bom que funcionou! VoiceStudio é gratuito e totalmente local. Se você economizar tempo, uma pequena contribuição mensal financiará Claude Max por trás disso.",
"lead_first_clone": "Seu primeiro clone de voz está pronto – ótimo! VoiceStudio é executado inteiramente em sua máquina e seu suporte mantém isso assim.",
"lead_tenth_dub": "Dez dublagens - você está claramente colocando isso para funcionar. Uma pequena contribuição mensal financia o Claude Max que fornece esses recursos.",
@@ -2588,5 +2588,52 @@
"progress": "{{done}} / {{total}} segmentos validados",
"cancelled": "Cancelado",
"fitting": "Ajustando o tempo"
},
"sponsorSlot": {
"visibility": "Visibilidade",
"integration": "Integração do produto",
"installs": "Instalações diretas",
"distribution": "Distribuição para desenvolvedores",
"partner": "Parceiro verificado",
"privacy": "Privacidade",
"title": "Destaque-se no VoiceStudio",
"description": "Aumente a visibilidade da sua marca patrocinando um espaço em destaque pago.",
"form": "Formulário Google",
"email": "E-mail",
"book": "Reserve seu espaço",
"preview": "Prévia do patrocinador",
"footer_brand": "Sua marca",
"footer_book": "Adicionar agora",
"email_template": "Olá, equipe VoiceStudio,\n\nGostaria de fazer uma parceria com a VoiceStudio e avaliar um espaço em destaque para minha marca.\n\nMarca / produto:\nSite:\nIntegração ou campanha:\nPúblico / prazo:\n\nPodem compartilhar os pacotes, preços, opções de posicionamento e requisitos técnicos disponíveis? Entendo que uma parceria em destaque pode incluir uma página de documentação, logo no README do GitHub, espaço no rodapé do app e presença no diretório Integrations.\n\nObrigado(a),\n[Nome]\n[Cargo / empresa]\n[Contato]",
"message": "Sua marca, site e mensagem",
"email_app": "Abrir app de e-mail",
"copy_email": "Copiar e-mail",
"preview_detail": "Seu logo, link e apresentação podem aparecer aqui."
},
"supportPlans": {
"remove": "Remover barra de patrocinadores",
"title": "Grátis vs Pro",
"free": "Grátis",
"pro": "Pro",
"sponsor_bar": "Barra de patrocinadores",
"visible": "Visível",
"hideable": "Pode ser ocultada",
"unavailable": "A ativação do Pro ainda não foi configurada.",
"telemetry": "Telemetria",
"opt_in": "Opcional, com consentimento",
"disabled": "Desativada",
"badge": "Selo Pro",
"advanced": "Ferramentas avançadas",
"standard": "Padrão",
"included": "Incluídas"
},
"integrationCatalog": {
"title": "Integrações",
"featured": "Destaque",
"description": "Descubra integrações e parceiros em destaque."
},
"directoryExamples": {
"example": "Exemplo do diretório",
"notice": "Apenas exemplos do diretório — não são patrocinadores nem integrações conectadas."
}
}
electron/src/renderer/src/i18n/locales/ru.json
+49 -2
View File
@@ -2077,7 +2077,7 @@
"choose_method": "Выберите, как подарить",
"choose_method_amount": "Продолжить с ${{amount}}",
"goal": {
"title": "Фонд Клода Макса",
"title": "Поддержите разработку VoiceStudio",
"of": "из",
"per_month": "/ месяц",
"aria": "{{raised}} из {{goal}} цели на месяц",
@@ -2086,7 +2086,7 @@
"social_proof": "Присоединяйтесь к сторонникам {{count}}, финансирующим местный искусственный интеллект"
},
"postcard": {
"title": "Фонд Клода Макса",
"title": "Поддержите разработку VoiceStudio",
"lead_default": "Рад, что это сработало! VoiceStudio бесплатен и полностью локальный. Если это сэкономит вам время, небольшой ежемесячный взнос пополнит фонд Claude Max, стоящий за этим.",
"lead_first_clone": "Ваш первый голосовой клон готов — отлично! VoiceStudio полностью работает на вашем компьютере, и ваша поддержка поддерживает эту функцию.",
"lead_tenth_dub": "Десять дублей — вы явно прикладываете усилия. Небольшой ежемесячный взнос финансирует Claude Max, который предоставляет эти функции.",
@@ -2590,5 +2590,52 @@
"progress": "Проверено сегментов: {{done}} / {{total}}",
"cancelled": "Отменено",
"fitting": "Настройка времени"
},
"sponsorSlot": {
"visibility": "Видимость",
"integration": "Интеграция продукта",
"installs": "Прямые установки",
"distribution": "Дистрибуция для разработчиков",
"partner": "Проверенный партнёр",
"privacy": "Конфиденциальность",
"title": "Продвигайтесь в VoiceStudio",
"description": "Повысьте заметность бренда, спонсируя платное избранное размещение.",
"form": "Форма Google",
"email": "Электронная почта",
"book": "Забронировать место",
"preview": "Пример спонсорского блока",
"footer_brand": "Ваш бренд",
"footer_book": "Добавить сейчас",
"email_template": "Здравствуйте, команда VoiceStudio!\n\nЯ хочу стать партнёром VoiceStudio и обсудить заметное размещение для своего бренда.\n\nБренд / продукт:\nСайт:\nИнтеграция или кампания:\nАудитория / сроки:\n\nМожете поделиться доступными пакетами, ценами, вариантами размещения и техническими требованиями? Насколько я понимаю, партнёрство может включать страницу документации, логотип в GitHub README, место в подвале приложения и размещение в каталоге Integrations.\n\nСпасибо,\n[Имя]\n[Должность / компания]\n[Контакт]",
"message": "Ваш бренд, сайт и сообщение",
"email_app": "Открыть почтовое приложение",
"copy_email": "Скопировать email",
"preview_detail": "Здесь могут появиться ваш логотип, ссылка и описание."
},
"supportPlans": {
"remove": "Убрать панель спонсоров",
"title": "Бесплатная версия и Pro",
"free": "Бесплатно",
"pro": "Pro",
"sponsor_bar": "Панель спонсоров",
"visible": "Видна",
"hideable": "Можно скрыть",
"unavailable": "Активация Pro ещё не настроена.",
"telemetry": "Телеметрия",
"opt_in": "Необязательно, по согласию",
"disabled": "Отключена",
"badge": "Значок Pro",
"advanced": "Расширенные инструменты",
"standard": "Стандартные",
"included": "Включены"
},
"integrationCatalog": {
"title": "Интеграции",
"featured": "Рекомендуемое",
"description": "Откройте для себя интеграции и рекомендуемых партнёров."
},
"directoryExamples": {
"example": "Пример в каталоге",
"notice": "Только примеры каталога — не спонсоры и не подключённые интеграции."
}
}
electron/src/renderer/src/i18n/locales/sv.json
+49 -2
View File
@@ -2073,7 +2073,7 @@
"choose_method": "Välj hur du ska ge",
"choose_method_amount": "Fortsätt med ${{amount}}",
"goal": {
"title": "Fond Claude Max",
"title": "Stöd utvecklingen av VoiceStudio",
"of": "av",
"per_month": "/ månad",
"aria": "{{raised}} av {{goal}} månadsmål",
@@ -2082,7 +2082,7 @@
"social_proof": "Gå med i {{count}}-supportrar som finansierar lokal AI"
},
"postcard": {
"title": "Fond Claude Max",
"title": "Stöd utvecklingen av VoiceStudio",
"lead_default": "Kul att det fungerade! VoiceStudio är gratis och helt lokalt. Om det sparar tid, finansierar ett litet månatligt chip-in Claude Max bakom det.",
"lead_first_clone": "Din första röstklon är klar – trevligt! VoiceStudio körs helt och hållet på din maskin, och din support håller det så.",
"lead_tenth_dub": "Tio dubbar in — du sätter helt klart igång det. Ett litet månatligt chip-in finansierar Claude Max som levererar dessa funktioner.",
@@ -2586,5 +2586,52 @@
"progress": "{{done}} / {{total}} segment validerade",
"cancelled": "Avbruten",
"fitting": "Justerar tidsplacering"
},
"sponsorSlot": {
"visibility": "Synlighet",
"integration": "Produktintegration",
"installs": "Direkta installationer",
"distribution": "Distribution för utvecklare",
"partner": "Verifierad partner",
"privacy": "Integritet",
"title": "Bli utvald på VoiceStudio",
"description": "Öka synligheten för ditt varumärke genom att sponsra en betald utvald plats.",
"form": "Google-formulär",
"email": "E-post",
"book": "Boka din plats",
"preview": "Förhandsvisning för sponsorer",
"footer_brand": "Ditt varumärke",
"footer_book": "Lägg till nu",
"email_template": "Hej VoiceStudio-teamet,\n\nJag vill gärna samarbeta med VoiceStudio och undersöka en framhävd placering för mitt varumärke.\n\nVarumärke / produkt:\nWebbplats:\nIntegration eller kampanj:\nMålgrupp / tidplan:\n\nKan ni dela tillgängliga paket, priser, placeringsalternativ och tekniska krav? Jag förstår att ett framhävt partnerskap kan omfatta en dokumentsida, GitHub README-logotyp, en plats i appens sidfot och en post i Integrations-katalogen.\n\nTack,\n[Namn]\n[Roll / företag]\n[Kontakt]",
"message": "Ditt varumärke, webbplats och meddelande",
"email_app": "Öppna e-postappen",
"copy_email": "Kopiera e-postadress",
"preview_detail": "Här kan din logotyp, länk och presentation visas."
},
"supportPlans": {
"remove": "Ta bort sponsorfältet",
"title": "Gratis jämfört med Pro",
"free": "Gratis",
"pro": "Pro",
"sponsor_bar": "Sponsorfält",
"visible": "Synligt",
"hideable": "Kan döljas",
"unavailable": "Pro-aktivering har inte konfigurerats ännu.",
"telemetry": "Telemetri",
"opt_in": "Valfritt, med samtycke",
"disabled": "Avstängd",
"badge": "Pro-märke",
"advanced": "Avancerade verktyg",
"standard": "Standard",
"included": "Ingår"
},
"integrationCatalog": {
"title": "Integrationer",
"featured": "Utvald",
"description": "Upptäck integrationer och utvalda partner."
},
"directoryExamples": {
"example": "Katalogexempel",
"notice": "Endast katalogexempel — inte sponsorer eller anslutna integrationer."
}
}
electron/src/renderer/src/i18n/locales/th.json
+49 -2
View File
@@ -2073,7 +2073,7 @@
"choose_method": "เลือกวิธีการให้",
"choose_method_amount": "ต่อด้วย ${{amount}}",
"goal": {
"title": "กองทุน Claude Max",
"title": "สนับสนุนการพัฒนา VoiceStudio",
"of": "ของ",
"per_month": "/เดือน",
"aria": "{{raised}} จาก {{goal}} เป้าหมายรายเดือน",
@@ -2082,7 +2082,7 @@
"social_proof": "เข้าร่วมกับผู้สนับสนุน {{count}} ที่ให้ทุนสนับสนุน AI ในท้องถิ่น"
},
"postcard": {
"title": "กองทุน Claude Max",
"title": "สนับสนุนการพัฒนา VoiceStudio",
"lead_default": "ดีใจที่ได้ผล! VoiceStudio เป็นบริการฟรีและอยู่ในเครื่องโดยสมบูรณ์ ถ้ามันช่วยคุณประหยัดเวลาได้ เงินสมทบรายเดือนเล็กๆ น้อยๆ ที่ Claude Max อยู่เบื้องหลัง",
"lead_first_clone": "การโคลนเสียงครั้งแรกของคุณเสร็จสิ้นแล้ว เยี่ยมมาก! VoiceStudio ทำงานบนเครื่องของคุณทั้งหมด และฝ่ายสนับสนุนของคุณก็จะเป็นเช่นนั้น",
"lead_tenth_dub": "มีพากย์สิบตอน — คุณเห็นได้ชัดว่ามันใช้งานได้จริง กองทุนรายเดือนเล็กๆ น้อยๆ ของ Claude Max ที่จัดส่งฟีเจอร์เหล่านี้",
@@ -2586,5 +2586,52 @@
"progress": "ตรวจสอบแล้ว {{done}} / {{total}} ช่วง",
"cancelled": "ยกเลิกแล้ว",
"fitting": "กำลังปรับเวลา"
},
"sponsorSlot": {
"visibility": "การมองเห็น",
"integration": "การผสานรวมผลิตภัณฑ์",
"installs": "ติดตั้งโดยตรง",
"distribution": "การเผยแพร่สำหรับนักพัฒนา",
"partner": "พาร์ทเนอร์ที่ยืนยันแล้ว",
"privacy": "ความเป็นส่วนตัว",
"title": "รับการแนะนำบน VoiceStudio",
"description": "เพิ่มการมองเห็นแบรนด์ด้วยการสนับสนุนพื้นที่แนะนำแบบชำระเงิน",
"form": "แบบฟอร์ม Google",
"email": "อีเมล",
"book": "จองพื้นที่ของคุณ",
"preview": "ตัวอย่างผู้สนับสนุน",
"footer_brand": "แบรนด์ของคุณ",
"footer_book": "เพิ่มตอนนี้",
"email_template": "สวัสดีทีม VoiceStudio\n\nฉันต้องการร่วมมือกับ VoiceStudio และสอบถามพื้นที่แนะนำสำหรับแบรนด์ของฉัน\n\nแบรนด์ / ผลิตภัณฑ์:\nเว็บไซต์:\nการเชื่อมต่อหรือแคมเปญ:\nกลุ่มเป้าหมาย / ช่วงเวลา:\n\nขอทราบแพ็กเกจ ราคา ตัวเลือกการจัดวาง และข้อกำหนดทางเทคนิคที่มีได้ไหม? ฉันเข้าใจว่าพาร์ทเนอร์แบบแนะนำอาจรวมหน้าคู่มือ โลโก้ใน GitHub README พื้นที่ท้ายแอป และรายการในไดเรกทอรี Integrations\n\nขอบคุณ\n[ชื่อ]\n[ตำแหน่ง / บริษัท]\n[ช่องทางติดต่อ]",
"message": "แบรนด์ เว็บไซต์ และข้อความของคุณ",
"email_app": "เปิดแอปอีเมล",
"copy_email": "คัดลอกอีเมล",
"preview_detail": "โลโก้ ลิงก์ และคำแนะนำของคุณอาจปรากฏที่นี่"
},
"supportPlans": {
"remove": "ลบแถบผู้สนับสนุน",
"title": "เปรียบเทียบฟรีกับ Pro",
"free": "ฟรี",
"pro": "Pro",
"sponsor_bar": "แถบผู้สนับสนุน",
"visible": "แสดง",
"hideable": "ซ่อนได้",
"unavailable": "ยังไม่ได้ตั้งค่าการเปิดใช้งาน Pro",
"telemetry": "ข้อมูลการใช้งาน",
"opt_in": "ไม่บังคับ ต้องยินยอมก่อน",
"disabled": "ปิดใช้งาน",
"badge": "ป้าย Pro",
"advanced": "เครื่องมือขั้นสูง",
"standard": "มาตรฐาน",
"included": "รวมอยู่ด้วย"
},
"integrationCatalog": {
"title": "การเชื่อมต่อ",
"featured": "แนะนำ",
"description": "ค้นพบการเชื่อมต่อและพันธมิตรแนะนำ"
},
"directoryExamples": {
"example": "ตัวอย่างในไดเรกทอรี",
"notice": "เป็นเพียงตัวอย่างในไดเรกทอรี ไม่ใช่ผู้สนับสนุนหรือการเชื่อมต่อที่เปิดใช้"
}
}
electron/src/renderer/src/i18n/locales/tr.json
+49 -2
View File
@@ -2073,7 +2073,7 @@
"choose_method": "Nasıl vereceğinizi seçin",
"choose_method_amount": "${{amount}} ile devam et",
"goal": {
"title": "Claude Max'e fon sağlayın",
"title": "VoiceStudio geliştirmelerini destekleyin",
"of": "arasında",
"per_month": "/ ay",
"aria": "{{raised}} / {{goal}} aylık hedef",
@@ -2082,7 +2082,7 @@
"social_proof": "Yerel yapay zekayı finanse eden {{count}} destekçilerine katılın"
},
"postcard": {
"title": "Claude Max'e fon sağlayın",
"title": "VoiceStudio geliştirmelerini destekleyin",
"lead_default": "İşe yaradığına sevindim! VoiceStudio ücretsizdir ve tamamen yereldir. Size zaman kazandıracaksa, aylık küçük bir chip-in, arkasındaki Claude Max'e fon sağlar.",
"lead_first_clone": "İlk ses klonunuz tamamlandı — güzel! VoiceStudio tamamen makinenizde çalışır ve desteğiniz de bu şekilde kalmasını sağlar.",
"lead_tenth_dub": "On dublaj - açıkça işe koyuyorsunuz. Küçük bir aylık chip-in, bu özellikleri sunan Claude Max'e fon sağlıyor.",
@@ -2586,5 +2586,52 @@
"progress": "{{done}} / {{total}} bölüm doğrulandı",
"cancelled": "İptal edildi",
"fitting": "Zamanlama ayarlanıyor"
},
"sponsorSlot": {
"visibility": "Görünürlük",
"integration": "Ürün entegrasyonu",
"installs": "Doğrudan kurulumlar",
"distribution": "Geliştirici dağıtımı",
"partner": "Doğrulanmış iş ortağı",
"privacy": "Gizlilik",
"title": "VoiceStudio'da öne çıkın",
"description": "Ücretli bir öne çıkan alanı sponsorlayarak markanızın görünürlüğünü artırın.",
"form": "Google Formu",
"email": "E-posta",
"book": "Yerinizi ayırtın",
"preview": "Sponsor önizlemesi",
"footer_brand": "Markanız",
"footer_book": "Şimdi ekle",
"email_template": "Merhaba VoiceStudio ekibi,\n\nVoiceStudio ile ortaklık kurmak ve markam için öne çıkan bir yerleşimi değerlendirmek istiyorum.\n\nMarka / ürün:\nWeb sitesi:\nEntegrasyon veya kampanya:\nHedef kitle / zamanlama:\n\nMevcut paketleri, fiyatları, yerleşim seçeneklerini ve teknik gereksinimleri paylaşabilir misiniz? Öne çıkan ortaklığın bir dokümantasyon sayfası, GitHub README logosu, uygulama altbilgisi alanı ve Integrations dizininde yer alabileceğini anlıyorum.\n\nTeşekkürler,\n[Ad]\n[Rol / şirket]\n[İletişim]",
"message": "Markanız, web siteniz ve mesajınız",
"email_app": "E-posta uygulamasını aç",
"copy_email": "E-postayı kopyala",
"preview_detail": "Logonuz, bağlantınız ve tanıtımınız burada görünebilir."
},
"supportPlans": {
"remove": "Sponsor çubuğunu kaldır",
"title": "Ücretsiz ve Pro",
"free": "Ücretsiz",
"pro": "Pro",
"sponsor_bar": "Sponsor çubuğu",
"visible": "Görünür",
"hideable": "Gizlenebilir",
"unavailable": "Pro etkinleştirmesi henüz yapılandırılmadı.",
"telemetry": "Telemetri",
"opt_in": "İsteğe bağlı, onay ile",
"disabled": "Devre dışı",
"badge": "Pro rozeti",
"advanced": "Gelişmiş araçlar",
"standard": "Standart",
"included": "Dahil"
},
"integrationCatalog": {
"title": "Entegrasyonlar",
"featured": "Öne çıkan",
"description": "Entegrasyonları ve öne çıkan iş ortaklarını keşfedin."
},
"directoryExamples": {
"example": "Dizin örneği",
"notice": "Yalnızca dizin örnekleri; sponsor veya bağlı entegrasyon değildir."
}
}
electron/src/renderer/src/i18n/locales/uk.json
+49 -2
View File
@@ -2077,7 +2077,7 @@
"choose_method": "Виберіть, як дарувати",
"choose_method_amount": "Продовжити з ${{amount}}",
"goal": {
"title": "Фонд Клод Макс",
"title": "Підтримайте розробку VoiceStudio",
"of": "з",
"per_month": "/ місяць",
"aria": "{{raised}} з {{goal}} місячної цілі",
@@ -2086,7 +2086,7 @@
"social_proof": "Приєднуйтеся до прихильників {{count}}, які фінансують місцевий ШІ"
},
"postcard": {
"title": "Фонд Клод Макс",
"title": "Підтримайте розробку VoiceStudio",
"lead_default": "Радий, що спрацювало! VoiceStudio є безкоштовним і повністю локальним. Якщо це економить ваш час, невеликий щомісячний внесок фінансує Клода Макса, який стоїть за цим.",
"lead_first_clone": "Ваш перший голосовий клон готовий — чудово! VoiceStudio повністю працює на вашому комп’ютері, і ваша підтримка підтримує його.",
"lead_tenth_dub": "Десять дубляжів — ви явно вводите це в роботу. Невеликий щомісячний внесок фінансує Claude Max, який постачає ці функції.",
@@ -2590,5 +2590,52 @@
"progress": "Перевірено сегментів: {{done}} / {{total}}",
"cancelled": "Скасовано",
"fitting": "Налаштування часу"
},
"sponsorSlot": {
"visibility": "Видимість",
"integration": "Інтеграція продукту",
"installs": "Прямі встановлення",
"distribution": "Дистрибуція для розробників",
"partner": "Перевірений партнер",
"privacy": "Конфіденційність",
"title": "Розмістіть бренд у VoiceStudio",
"description": "Підвищте видимість бренду, спонсоруючи платне рекомендоване місце.",
"form": "Форма Google",
"email": "Електронна пошта",
"book": "Забронювати місце",
"preview": "Приклад спонсорського блоку",
"footer_brand": "Ваш бренд",
"footer_book": "Додати зараз",
"email_template": "Вітаю, командо VoiceStudio!\n\nЯ хочу стати партнером VoiceStudio та обговорити помітне розміщення для свого бренду.\n\nБренд / продукт:\nВебсайт:\nІнтеграція або кампанія:\nАудиторія / терміни:\n\nЧи можете ви надіслати доступні пакети, ціни, варіанти розміщення та технічні вимоги? Я розумію, що партнерство може включати сторінку документації, логотип у GitHub README, місце в нижній частині застосунку та розміщення в каталозі Integrations.\n\nДякую,\n[Ім’я]\n[Посада / компанія]\n[Контакт]",
"message": "Ваш бренд, сайт і повідомлення",
"email_app": "Відкрити поштовий застосунок",
"copy_email": "Скопіювати email",
"preview_detail": "Тут можуть з’явитися ваш логотип, посилання та опис."
},
"supportPlans": {
"remove": "Прибрати панель спонсорів",
"title": "Безкоштовна версія та Pro",
"free": "Безкоштовно",
"pro": "Pro",
"sponsor_bar": "Панель спонсорів",
"visible": "Видима",
"hideable": "Можна приховати",
"unavailable": "Активацію Pro ще не налаштовано.",
"telemetry": "Телеметрія",
"opt_in": "Необов’язкова, за згодою",
"disabled": "Вимкнена",
"badge": "Значок Pro",
"advanced": "Розширені інструменти",
"standard": "Стандартні",
"included": "Включені"
},
"integrationCatalog": {
"title": "Інтеграції",
"featured": "Рекомендоване",
"description": "Відкрийте інтеграції та рекомендованих партнерів."
},
"directoryExamples": {
"example": "Приклад у каталозі",
"notice": "Лише приклади каталогу — не спонсори й не підключені інтеграції."
}
}
electron/src/renderer/src/i18n/locales/vi.json
+49 -2
View File
@@ -2073,7 +2073,7 @@
"choose_method": "Chọn cách cho đi",
"choose_method_amount": "Tiếp tục với ${{amount}}",
"goal": {
"title": "Quỹ Claude Max",
"title": "Hỗ trợ phát triển VoiceStudio",
"of": "của",
"per_month": "/ tháng",
"aria": "{{raised}} trong số {{goal}} mục tiêu hàng tháng",
@@ -2082,7 +2082,7 @@
"social_proof": "Tham gia cùng những người ủng hộ {{count}} tài trợ cho AI địa phương"
},
"postcard": {
"title": "Quỹ Claude Max",
"title": "Hỗ trợ phát triển VoiceStudio",
"lead_default": "Vui mừng vì nó đã hiệu quả! VoiceStudio là miễn phí và hoàn toàn cục bộ. Nếu việc này giúp bạn tiết kiệm thời gian, một khoản chip-in nhỏ hàng tháng sẽ tài trợ cho Claude Max đằng sau nó.",
"lead_first_clone": "Bản sao giọng nói đầu tiên của bạn đã hoàn tất - thật tuyệt! VoiceStudio chạy hoàn toàn trên máy của bạn và bộ phận hỗ trợ của bạn sẽ duy trì hoạt động đó.",
"lead_tenth_dub": "Mười bản lồng tiếng - rõ ràng bạn đang thực hiện nó. Một khoản chip-in nhỏ hàng tháng sẽ tài trợ cho Claude Max cung cấp các tính năng này.",
@@ -2586,5 +2586,52 @@
"progress": "Đã xác thực {{done}} / {{total}} đoạn",
"cancelled": "Đã hủy",
"fitting": "Đang điều chỉnh thời gian"
},
"sponsorSlot": {
"visibility": "Khả năng hiển thị",
"integration": "Tích hợp sản phẩm",
"installs": "Cài đặt trực tiếp",
"distribution": "Phân phối cho nhà phát triển",
"partner": "Đối tác đã xác minh",
"privacy": "Quyền riêng tư",
"title": "Nổi bật trên VoiceStudio",
"description": "Tăng khả năng nhận diện thương hiệu bằng cách tài trợ một vị trí nổi bật có trả phí.",
"form": "Biểu mẫu Google",
"email": "Email",
"book": "Đặt vị trí của bạn",
"preview": "Xem trước nhà tài trợ",
"footer_brand": "Thương hiệu của bạn",
"footer_book": "Thêm ngay",
"email_template": "Xin chào đội ngũ VoiceStudio,\n\nTôi muốn hợp tác với VoiceStudio và tìm hiểu vị trí nổi bật cho thương hiệu của mình.\n\nThương hiệu / sản phẩm:\nTrang web:\nTích hợp hoặc chiến dịch:\nĐối tượng / thời gian:\n\nBạn có thể chia sẻ các gói, mức giá, tùy chọn hiển thị và yêu cầu kỹ thuật hiện có không? Tôi hiểu rằng đối tác nổi bật có thể được giới thiệu trên trang tài liệu, README GitHub, chân trang ứng dụng và thư mục Integrations.\n\nCảm ơn,\n[Tên]\n[Chức vụ / công ty]\n[Liên hệ]",
"message": "Thương hiệu, trang web và lời nhắn",
"email_app": "Mở ứng dụng email",
"copy_email": "Sao chép email",
"preview_detail": "Logo, liên kết và phần giới thiệu của bạn có thể xuất hiện ở đây."
},
"supportPlans": {
"remove": "Xóa thanh nhà tài trợ",
"title": "Miễn phí và Pro",
"free": "Miễn phí",
"pro": "Pro",
"sponsor_bar": "Thanh nhà tài trợ",
"visible": "Hiển thị",
"hideable": "Có thể ẩn",
"unavailable": "Chưa cấu hình kích hoạt Pro.",
"telemetry": "Dữ liệu sử dụng",
"opt_in": "Tùy chọn, cần đồng ý",
"disabled": "Tắt",
"badge": "Huy hiệu Pro",
"advanced": "Công cụ nâng cao",
"standard": "Tiêu chuẩn",
"included": "Bao gồm"
},
"integrationCatalog": {
"title": "Tích hợp",
"featured": "Nổi bật",
"description": "Khám phá các tích hợp và đối tác nổi bật."
},
"directoryExamples": {
"example": "Ví dụ trong danh mục",
"notice": "Chỉ là ví dụ trong danh mục, không phải nhà tài trợ hay tích hợp đã kết nối."
}
}
electron/src/renderer/src/i18n/locales/zh-CN.json
+49 -2
View File
@@ -2077,7 +2077,7 @@
"choose_method": "选择捐赠方式",
"choose_method_amount": "继续 ${{amount}}",
"goal": {
"title": "Claude Max 基金",
"title": "支持 VoiceStudio 开发",
"of": "已筹 / 目标",
"per_month": "/月",
"aria": "每月目标 {{goal}}，已筹 {{raised}}",
@@ -2086,7 +2086,7 @@
"social_proof": "加入 {{count}} 位支持本地 AI 的支持者"
},
"postcard": {
"title": "Claude Max 基金",
"title": "支持 VoiceStudio 开发",
"lead_default": "很高兴它对你有用！VoiceStudio 免费且完全本地运行。如果它能节省你的时间，每月一小笔赞助就能支撑其背后的 Claude Max。",
"lead_first_clone": "你的第一次声音克隆已完成——太好了！VoiceStudio 完全在你的电脑上运行，你的支持让它保持如此。",
"lead_tenth_dub": "十次配音——你显然正在让它发挥作用。每月一小笔赞助为这些功能背后的 Claude Max 提供资金。",
@@ -2590,5 +2590,52 @@
"progress": "已验证 {{done}} / {{total}} 个片段",
"cancelled": "已取消",
"fitting": "正在调整时间"
},
"sponsorSlot": {
"visibility": "品牌曝光",
"integration": "产品集成",
"installs": "直接安装",
"distribution": "开发者分发",
"partner": "认证合作伙伴",
"privacy": "隐私",
"title": "在 VoiceStudio 上获得推荐",
"description": "赞助付费推荐位，提升品牌曝光度。",
"form": "Google 表单",
"email": "电子邮件",
"book": "预订展示位",
"preview": "赞助商展示预览",
"footer_brand": "您的品牌",
"footer_book": "立即添加",
"email_template": "VoiceStudio 团队您好：\n\n我想与 VoiceStudio 建立合作，并了解为我的品牌提供精选展示的机会。\n\n品牌 / 产品：\n网站：\n集成或活动：\n受众 / 时间：\n\n请问可以分享可选方案、价格、展示位置和技术要求吗？据我了解，精选合作伙伴可以获得文档页面、GitHub README 标志、应用底部栏位置以及 Integrations 目录展示。\n\n谢谢！\n[姓名]\n[职位 / 公司]\n[联系方式]",
"message": "您的品牌、网站和留言",
"email_app": "打开邮件应用",
"copy_email": "复制邮箱",
"preview_detail": "这里可以展示您的标志、链接和介绍。"
},
"supportPlans": {
"remove": "移除赞助商栏",
"title": "免费版与 Pro 对比",
"free": "免费版",
"pro": "Pro",
"sponsor_bar": "赞助商栏",
"visible": "显示",
"hideable": "可隐藏",
"unavailable": "尚未配置 Pro 激活。",
"telemetry": "遥测",
"opt_in": "可选，需主动同意",
"disabled": "已禁用",
"badge": "Pro 徽章",
"advanced": "高级工具",
"standard": "标准",
"included": "包含"
},
"integrationCatalog": {
"title": "集成",
"featured": "精选",
"description": "探索集成与精选合作伙伴。"
},
"directoryExamples": {
"example": "目录示例",
"notice": "仅为目录示例，并非赞助商或已连接的集成。"
}
}
electron/src/renderer/src/i18n/locales/zh-TW.json
+49 -2
View File
@@ -2073,7 +2073,7 @@
"choose_method": "選擇如何給予",
"choose_method_amount": "繼續 ${{amount}}",
"goal": {
"title": "克勞德馬克斯基金",
"title": "支持 VoiceStudio 開發",
"of": "的",
"per_month": "/月",
"aria": "{{raised}} 每月目標 {{goal}}",
@@ -2082,7 +2082,7 @@
"social_proof": "加入資助本地人工智慧的 {{count}} 支持者"
},
"postcard": {
"title": "克勞德馬克斯基金",
"title": "支持 VoiceStudio 開發",
"lead_default": "很高興這有效！ VoiceStudio 是免費的並且完全本地化。如果可以節省您的時間，每月只需投入一小筆資金即可資助其背後的 Claude Max。",
"lead_first_clone": "你的第一個聲音克隆已經完成——太好了！ VoiceStudio 完全在您的電腦上運行，並且您的支援使其保持這種狀態。",
"lead_tenth_dub": "十次配音——你顯然正在讓它發揮作用。每月一小筆資金為 Claude Max 提供這些功能的資金。",
@@ -2586,5 +2586,52 @@
"progress": "已驗證 {{done}} / {{total}} 個片段",
"cancelled": "已取消",
"fitting": "正在調整時間"
},
"sponsorSlot": {
"visibility": "品牌曝光",
"integration": "產品整合",
"installs": "直接安裝",
"distribution": "開發者發佈",
"partner": "已驗證合作夥伴",
"privacy": "隱私",
"title": "在 VoiceStudio 上獲得推薦",
"description": "贊助付費推薦位，提升品牌曝光度。",
"form": "Google 表單",
"email": "電子郵件",
"book": "預訂展示位",
"preview": "贊助商展示預覽",
"footer_brand": "您的品牌",
"footer_book": "立即新增",
"email_template": "VoiceStudio 團隊您好：\n\n我想與 VoiceStudio 合作，並了解為我的品牌提供精選展示的機會。\n\n品牌 / 產品：\n網站：\n整合或活動：\n受眾 / 時間：\n\n請問可以分享可選方案、價格、展示位置和技術要求嗎？據我了解，精選合作夥伴可以獲得文件頁面、GitHub README 標誌、應用程式底部欄位以及 Integrations 目錄展示。\n\n謝謝！\n[姓名]\n[職稱 / 公司]\n[聯絡方式]",
"message": "您的品牌、網站和留言",
"email_app": "開啟郵件應用程式",
"copy_email": "複製信箱",
"preview_detail": "這裡可以展示您的標誌、連結和介紹。"
},
"supportPlans": {
"remove": "移除贊助商列",
"title": "免費版與 Pro 比較",
"free": "免費版",
"pro": "Pro",
"sponsor_bar": "贊助商列",
"visible": "顯示",
"hideable": "可隱藏",
"unavailable": "尚未設定 Pro 啟用。",
"telemetry": "遙測",
"opt_in": "可選，需主動同意",
"disabled": "已停用",
"badge": "Pro 徽章",
"advanced": "進階工具",
"standard": "標準",
"included": "包含"
},
"integrationCatalog": {
"title": "整合",
"featured": "精選",
"description": "探索整合與精選合作夥伴。"
},
"directoryExamples": {
"example": "目錄範例",
"notice": "僅為目錄範例，並非贊助商或已連接的整合。"
}
}
electron/src/renderer/src/routes/index.ts
+23
View File
@@ -29,6 +29,14 @@ const ProjectsPage = lazyRouteComponent(
'ProjectsPage',
);
const ToolsPage = lazyRouteComponent(() => import('@/features/tools/tools-page'), 'ToolsPage');
const IntegrationsPage = lazyRouteComponent(
() => import('@/features/integrations/integrations-page'),
'IntegrationsPage',
);
const IntegrationDetailPage = lazyRouteComponent(
() => import('@/features/integrations/integration-detail-page'),
'IntegrationDetailPage',
);
const SettingsPage = lazyRouteComponent(
() => import('@/features/settings/settings-page'),
'SettingsPage',
@@ -135,6 +143,16 @@ export const toolsRoute = createRoute({
path: '/tools',
component: ToolsPage,
});
export const integrationsRoute = createRoute({
getParentRoute: () => rootRoute,
path: '/integrations',
component: IntegrationsPage,
});
export const integrationDetailRoute = createRoute({
getParentRoute: () => rootRoute,
path: '/integrations/$slug',
component: IntegrationDetailPage,
});
export const mediaRoute = createRoute({
getParentRoute: () => rootRoute,
path: '/settings/media',
@@ -208,6 +226,9 @@ export const storageRoute = createRoute({
export const supportRoute = createRoute({
getParentRoute: () => rootRoute,
path: '/settings/support',
validateSearch: (search: Record<string, unknown>): { compare?: boolean } => ({
compare: search.compare === true || search.compare === 'true' ? true : undefined,
}),
component: SettingsPage,
});
export const updatesRoute = createRoute({
@@ -248,6 +269,8 @@ export const routeTree = rootRoute.addChildren([
pronunciationRoute,
mediaRoute,
toolsRoute,
integrationsRoute,
integrationDetailRoute,
batchRoute,
galleryRoute,
logsRoute,
electron/src/renderer/src/styles/globals.css
+1
View File
@@ -67,6 +67,7 @@
}
:root {
--workspace-footer-height: 49px;
--control-radius: 0.5rem;
--workspace-gap: 1rem;
--workspace-inset: 1.5rem;
frontend/src/api/donation.ts
+1 -1
View File
@@ -1,5 +1,5 @@
/**
* Donation goal data — "Fund Claude Max" goal bar (spec 007, Option B).
* Donation goal data — "Support VoiceStudio development" goal bar (spec 007, Option B).
*
* Source-of-truth strategy (Option B):
* 1. A bundled, committed snapshot ships with the app so the goal bar ALWAYS
frontend/src/assets/integrations/anthropic.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

frontend/src/assets/integrations/assemblyai.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

frontend/src/assets/integrations/cartesia.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 472 B

frontend/src/assets/integrations/codex.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

frontend/src/assets/integrations/deepgram.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

frontend/src/assets/integrations/docker.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 751 B

frontend/src/assets/integrations/elevenlabs.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

frontend/src/assets/integrations/ghcr.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

frontend/src/assets/integrations/github.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

frontend/src/assets/integrations/hume.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

frontend/src/assets/integrations/integration-generic.svg
+5
View File
@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Integration">
<defs><linearGradient id="g" x1="0" x2="1" y1="0" y2="1"><stop stop-color="#d889a4"/><stop offset="1" stop-color="#6d5ad6"/></linearGradient></defs>
<rect width="64" height="64" rx="14" fill="#201b2a"/>
<path d="M19 20h26v8H27v8h14v8H19z" fill="url(#g)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 366 B

frontend/src/assets/integrations/inworld.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

frontend/src/assets/integrations/mcp.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

frontend/src/assets/integrations/murf.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

frontend/src/assets/integrations/n8n.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

frontend/src/assets/integrations/plivo.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="4" fill="black"/>
<path d="M13.2957 13.9318C12.7098 14.1592 12.1163 14.3095 11.6037 14.6949C10.8214 15.2846 10.5169 16.0939 10.224 16.9958C10.1932 17.0382 10.1122 17.0382 10.0852 16.9958C9.86556 16.41 9.7114 15.8242 9.32599 15.3193C8.67081 14.4598 8.05031 14.3558 7.11763 13.9781C7.0444 13.9472 6.95961 13.928 7.02128 13.8239C7.04826 13.7777 7.87302 13.5079 8.00406 13.4501C8.80955 13.1071 9.39922 12.5097 9.74223 11.7042C9.87327 11.392 9.95806 11.0529 10.0968 10.7484L10.1662 10.7253L10.2394 10.7869C10.513 11.6541 10.8137 12.4287 11.5459 13.0069C12.0585 13.4115 12.6597 13.5773 13.261 13.8008C13.3072 13.8278 13.3034 13.8856 13.2918 13.9318H13.2957Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8599 3.63383L12.7985 4.46631L24.4069 9.71551C24.4069 9.71551 24.4454 9.73478 24.4608 9.74634L24.5803 9.81957C24.7152 9.93133 24.985 10.2589 24.9696 10.6675V16.6335C24.9619 16.8879 24.8424 17.4236 24.457 17.6702C24.4416 17.6857 24.4184 17.6972 24.3992 17.7049L15.9241 21.6168V27.7871C15.9241 28.0068 15.7468 28.1841 15.5272 28.1841H10.7327C10.5131 28.1841 10.3358 28.0068 10.3358 27.7871V18.5721C10.3358 18.549 10.3358 18.5258 10.3396 18.5066C10.3512 18.364 10.463 18.0325 10.806 17.8321C10.8175 17.8244 10.8329 17.8167 10.8484 17.809L19.6895 13.7314L10.3743 9.52666C10.2548 9.4727 10.197 9.34552 10.224 9.22604V9.02949L10.278 4.50485C10.2047 3.75716 10.6364 3.61842 10.8638 3.64154V3.63383H10.8599Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

frontend/src/assets/integrations/resemble.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

frontend/src/assets/integrations/speechify.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 92 KiB

frontend/src/assets/integrations/telnyx.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

frontend/src/assets/integrations/twilio.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

frontend/src/assets/integrations/voicestudio.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

frontend/src/assets/integrations/wellsaid.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 825 B

frontend/src/assets/integrations/zapier.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

frontend/src/components/donate/GoalBar.jsx
+2 -2
View File
@@ -4,7 +4,7 @@ import Pip from './Pip';
import { BUNDLED_PROGRESS, loadDonationProgress, progressPct, isGoalMet } from '../../api/donation';
/**
* GoalBar — the "Fund Claude Max" progress meter.
* GoalBar — the "Support VoiceStudio development" progress meter.
*
* Two variants via the `mini` prop:
* - page (default): full bar with caption + Pip perched on the fill.
@@ -72,7 +72,7 @@ export default function GoalBar({ mini = false, progress: injected = null, class
{!mini && (
<div className="goal__head flex items-baseline justify-between gap-[var(--space-4,8px)]">
<span className="goal__title font-serif text-[1rem] font-medium tracking-[-0.01em] text-[var(--chrome-fg)]">
{t('donate.goal.title', { defaultValue: 'Fund Claude Max' })}
{t('donate.goal.title', { defaultValue: 'Support VoiceStudio development' })}
</span>
<span className="goal__pct font-mono text-[0.78rem] font-semibold text-[var(--goal-accent)] [font-variant-numeric:tabular-nums]">
{pctLabel}%
frontend/src/config/integration-catalog.d.ts
Vendored
+12
View File
@@ -0,0 +1,12 @@
export interface IntegrationCatalogEntry {
name: string;
url: string;
logoUrl: string;
detailKeys: string[];
category: string;
featured: boolean;
}
export const INTEGRATION_CATALOG: IntegrationCatalogEntry[];
export function integrationSlug(name: string): string;
export function getIntegrationBySlug(slug: string): IntegrationCatalogEntry | undefined;
frontend/src/config/integration-catalog.js
+40
View File
@@ -0,0 +1,40 @@
// Local-first integration directory. These are links and capability references,
// not bundled SDKs, endorsements, or connected accounts.
import genericLogo from '../assets/integrations/integration-generic.svg';
import { VOICE_AI_DIRECTORY } from './voice-ai-directory';
const groups = [
['automation', ['n8n|https://n8n.io', 'Zapier|https://zapier.com', 'Make|https://www.make.com', 'Pipedream|https://pipedream.com', 'IFTTT|https://ifttt.com', 'Activepieces|https://www.activepieces.com', 'Windmill|https://www.windmill.dev', 'Temporal|https://temporal.io', 'Prefect|https://www.prefect.io', 'Dagster|https://dagster.io', 'Airflow|https://airflow.apache.org', 'Node-RED|https://nodered.org', 'Huginn|https://github.com/huginn/huginn', 'Trigger.dev|https://trigger.dev', 'Inngest|https://www.inngest.com', 'Pipedream Connect|https://pipedream.com/connect', 'Workato|https://www.workato.com', 'Tray.ai|https://tray.ai', 'Retool Workflows|https://retool.com/workflows', 'Bardeen|https://www.bardeen.ai'] ],
['comms', ['Twilio|https://www.twilio.com', 'Plivo|https://www.plivo.com', 'Telnyx|https://telnyx.com', 'SignalWire|https://signalwire.com', 'Vonage|https://www.vonage.com/communications-apis', 'Bandwidth|https://www.bandwidth.com', 'Sinch|https://sinch.com', 'MessageBird|https://bird.com', 'Agora|https://www.agora.io', 'Daily|https://www.daily.co', 'LiveKit|https://livekit.io', 'Stream|https://getstream.io', 'Retell AI|https://www.retellai.com', 'Vapi|https://vapi.ai', 'Bland AI|https://www.bland.ai', 'ElevenLabs Conversational AI|https://elevenlabs.io/conversational-ai', 'Deepgram Voice Agent|https://deepgram.com/voice-agents', 'SIP.js|https://sipjs.com', 'Asterisk|https://www.asterisk.org', 'FreeSWITCH|https://signalwire.com/freeswitch'] ],
['agents', ['OpenAI Agents|https://platform.openai.com/docs/guides/agents', 'Anthropic Claude|https://www.anthropic.com', 'Claude Code|https://docs.anthropic.com/en/docs/claude-code', 'Codex CLI|https://github.com/openai/codex', 'GitHub Copilot|https://github.com/features/copilot', 'Cursor|https://www.cursor.com', 'Windsurf|https://windsurf.com', 'Cline|https://github.com/cline/cline', 'Roo Code|https://github.com/RooCodeInc/Roo-Code', 'Aider|https://aider.chat', 'OpenHands|https://github.com/All-Hands-AI/OpenHands', 'Goose|https://block.github.io/goose', 'OpenCode|https://opencode.ai', 'Continue|https://www.continue.dev', 'Amazon Q Developer|https://aws.amazon.com/q/developer', 'Google Jules|https://jules.google', 'Devin|https://devin.ai', 'Replit Agent|https://replit.com/ai', 'Warp AI|https://www.warp.dev/ai', 'Pi|https://pi.dev'] ],
['mcp', ['Model Context Protocol|https://modelcontextprotocol.io', 'MCP Registry|https://registry.modelcontextprotocol.io', 'GitHub MCP Server|https://github.com/github/github-mcp-server', 'Filesystem MCP|https://github.com/modelcontextprotocol/servers', 'Postgres MCP|https://github.com/modelcontextprotocol/servers', 'Brave Search MCP|https://github.com/modelcontextprotocol/servers', 'Slack MCP|https://github.com/modelcontextprotocol/servers', 'Notion MCP|https://github.com/makenotion/notion-mcp-server', 'Linear MCP|https://github.com/jerhadf/linear-mcp-server', 'Figma MCP|https://github.com/GLips/Figma-Context-MCP', 'Playwright MCP|https://github.com/microsoft/playwright-mcp', 'Browserbase MCP|https://github.com/browserbase/mcp-server-browserbase', 'Sentry MCP|https://github.com/getsentry/sentry-mcp', 'Cloudflare MCP|https://github.com/cloudflare/mcp-server-cloudflare', 'AWS MCP|https://github.com/awslabs/mcp', 'Google Cloud MCP|https://github.com/GoogleCloudPlatform/mcp', 'Docker MCP Catalog|https://www.docker.com/products/mcp-catalog', 'MCPJam|https://www.mcpjam.com', 'Smithery|https://smithery.ai', 'PulseMCP|https://www.pulsemcp.com'] ],
['developer', ['GitHub|https://github.com', 'GitLab|https://gitlab.com', 'Bitbucket|https://bitbucket.org', 'GitHub Actions|https://github.com/features/actions', 'GitHub Container Registry|https://ghcr.io', 'Docker|https://www.docker.com', 'Kubernetes|https://kubernetes.io', 'Vercel|https://vercel.com', 'Netlify|https://www.netlify.com', 'Cloudflare Workers|https://workers.cloudflare.com', 'Fly.io|https://fly.io', 'Railway|https://railway.app', 'Render|https://render.com', 'Supabase|https://supabase.com', 'Neon|https://neon.tech', 'Turso|https://turso.tech', 'PlanetScale|https://planetscale.com', 'Sentry|https://sentry.io', 'PostHog|https://posthog.com', 'Grafana|https://grafana.com'] ],
['data', ['OpenAI API|https://platform.openai.com', 'Hugging Face|https://huggingface.co', 'Ollama|https://ollama.com', 'LM Studio|https://lmstudio.ai', 'vLLM|https://vllm.ai', 'llama.cpp|https://github.com/ggml-org/llama.cpp', 'Replicate|https://replicate.com', 'Together AI|https://www.together.ai', 'Groq|https://groq.com', 'Cerebras|https://www.cerebras.ai', 'Fireworks AI|https://fireworks.ai', 'Cohere|https://cohere.com', 'Mistral AI|https://mistral.ai', 'Google Gemini API|https://ai.google.dev', 'Perplexity API|https://www.perplexity.ai', 'AssemblyAI|https://www.assemblyai.com', 'Deepgram|https://deepgram.com', 'Qdrant|https://qdrant.tech', 'Weaviate|https://weaviate.io', 'Pinecone|https://www.pinecone.io'] ],
['productivity', ['Slack|https://slack.com', 'Discord|https://discord.com', 'Microsoft Teams|https://www.microsoft.com/microsoft-teams', 'Telegram|https://telegram.org', 'Notion|https://www.notion.so', 'Linear|https://linear.app', 'Jira|https://www.atlassian.com/software/jira', 'Trello|https://trello.com', 'Asana|https://asana.com', 'ClickUp|https://clickup.com', 'Google Drive|https://drive.google.com', 'Dropbox|https://www.dropbox.com', 'OneDrive|https://www.microsoft.com/microsoft-365/onedrive', 'Gmail|https://gmail.com', 'Google Calendar|https://calendar.google.com', 'Microsoft Outlook|https://outlook.live.com', 'Airtable|https://airtable.com', 'HubSpot|https://www.hubspot.com', 'Salesforce|https://www.salesforce.com', 'Intercom|https://www.intercom.com'] ],
];
const categoryDetails = {
automation: ['tools.title'],
comms: ['nav.dub'],
agents: ['dub.choose_translation_agent'],
mcp: ['settings.mcp_title'],
developer: ['tools.title'],
data: ['engineSidebar.asr'],
productivity: ['tools.title'],
};
export const INTEGRATION_CATALOG = [
...VOICE_AI_DIRECTORY.map((entry) => ({ ...entry, category: 'comms', featured: false })),
...groups.flatMap(([category, items]) => items.map((item) => {
const [name, url] = item.split('|');
return { name, url, logoUrl: genericLogo, detailKeys: categoryDetails[category], category, featured: false };
})),
];
export function integrationSlug(name) {
return name.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
}
export function getIntegrationBySlug(slug) {
return INTEGRATION_CATALOG.find((entry) => integrationSlug(entry.name) === slug);
}
frontend/src/config/voice-ai-directory.d.ts
Vendored
+1
View File
@@ -0,0 +1 @@
export const VOICE_AI_DIRECTORY: { name: string; url: string; logoUrl: string; detailKeys: string[] }[];
frontend/src/config/voice-ai-directory.js
+29
View File
@@ -0,0 +1,29 @@
// Integration directory links, not sponsors, rankings, or connected accounts.
// Official icon sources and verification links: docs/integration-directory.md.
import genericLogo from '../assets/integrations/integration-generic.svg';
import twilioLogo from '../assets/integrations/twilio.png';
import plivoLogo from '../assets/integrations/plivo.svg';
import telnyxLogo from '../assets/integrations/telnyx.ico';
import n8nLogo from '../assets/integrations/n8n.ico';
import zapierLogo from '../assets/integrations/zapier.ico';
import githubLogo from '../assets/integrations/github.png';
import dockerLogo from '../assets/integrations/docker.png';
import mcpLogo from '../assets/integrations/mcp.png';
import anthropicLogo from '../assets/integrations/anthropic.png';
export const VOICE_AI_DIRECTORY = [
{ name: "Twilio", url: "https://www.twilio.com", logoUrl: twilioLogo, detailKeys: ["nav.dub", "settings.mcp_title"] },
{ name: "Plivo", url: "https://www.plivo.com", logoUrl: plivoLogo, detailKeys: ["nav.dub", "engineSidebar.asr"] },
{ name: "Telnyx", url: "https://telnyx.com", logoUrl: telnyxLogo, detailKeys: ["nav.dub", "engineSidebar.tts"] },
{ name: "n8n", url: "https://n8n.io", logoUrl: n8nLogo, detailKeys: ["tools.title", "settings.mcp_title"] },
{ name: "Zapier", url: "https://zapier.com", logoUrl: zapierLogo, detailKeys: ["tools.title"] },
{ name: "Make", url: "https://www.make.com", logoUrl: genericLogo, detailKeys: ["tools.title"] },
{ name: "GitHub", url: "https://github.com", logoUrl: githubLogo, detailKeys: ["tools.title", "settings.mcp_title"] },
{ name: "GitHub Container Registry", url: "https://ghcr.io", logoUrl: githubLogo, detailKeys: ["tools.title", "settings.mcp_title"] },
{ name: "Docker", url: "https://www.docker.com", logoUrl: dockerLogo, detailKeys: ["tools.title"] },
{ name: "Model Context Protocol", url: "https://modelcontextprotocol.io", logoUrl: mcpLogo, detailKeys: ["settings.mcp_title", "tools.title"] },
{ name: "OpenAI Agents", url: "https://platform.openai.com/docs/guides/agents", logoUrl: genericLogo, detailKeys: ["dub.choose_translation_agent", "settings.mcp_title"] },
{ name: "Claude Code", url: "https://docs.anthropic.com/en/docs/claude-code", logoUrl: anthropicLogo, detailKeys: ["dub.choose_translation_agent", "tools.title"] },
{ name: "Codex CLI", url: "https://github.com/openai/codex", logoUrl: genericLogo, detailKeys: ["dub.choose_translation_agent", "tools.title"] },
{ name: "VoiceStudio API", url: "https://github.com/debpalash/VoiceStudio", logoUrl: genericLogo, detailKeys: ["tools.title", "engineSidebar.tts", "engineSidebar.asr"] },
];
frontend/src/i18n/locales/ar.json
+36 -2
View File
@@ -1607,7 +1607,7 @@
"choose_method": "اختر كيفية العطاء",
"choose_method_amount": "المتابعة مع ${{amount}}",
"goal": {
"title": "صندوق كلود ماكس",
"title": "ادعم تطوير VoiceStudio",
"of": "من",
"per_month": "/ شهر",
"aria": "{{raised}} من {{goal}} الهدف الشهري",
@@ -1616,7 +1616,7 @@
"social_proof": "انضم إلى مؤيدي {{count}} الذين يقومون بتمويل الذكاء الاصطناعي المحلي"
},
"postcard": {
"title": "صندوق كلود ماكس",
"title": "ادعم تطوير VoiceStudio",
"lead_default": "سعيد أن عملت! VoiceStudio مجاني ومحلي بالكامل. إذا كان ذلك يوفر عليك الوقت، فستقوم شريحة شهرية صغيرة بتمويل كلود ماكس الذي يقف وراءه.",
"lead_first_clone": "لقد تم استنساخ صوتك الأول – رائع! يعمل VoiceStudio بالكامل على جهازك، ويحافظ دعمك عليه على هذا النحو.",
"lead_tenth_dub": "عشر دبلجة - من الواضح أنك تعمل على تنفيذها. شريحة شهرية صغيرة تمول كلود ماكس الذي يشحن هذه الميزات.",
@@ -2848,5 +2848,39 @@
"progress": "تم التحقق من {{done}} / {{total}} مقطع",
"cancelled": "أُلغي",
"fitting": "ضبط التوقيت"
},
"sponsorSlot": {
"book": "احجز مكانك",
"preview": "معاينة الراعي",
"message": "علامتك التجارية وموقعك ورسالتك",
"email_app": "افتح تطبيق البريد",
"copy_email": "نسخ البريد الإلكتروني",
"preview_detail": "يمكن أن يظهر هنا شعارك ورابطك ونبذة عنك."
},
"supportPlans": {
"remove": "إزالة شريط الرعاة",
"title": "المجاني مقابل Pro",
"free": "مجاني",
"pro": "Pro",
"sponsor_bar": "شريط الرعاة",
"visible": "ظاهر",
"hideable": "يمكن إخفاؤه",
"unavailable": "لم يتم إعداد تفعيل Pro بعد.",
"telemetry": "بيانات الاستخدام",
"opt_in": "اختيارية وبموافقة مسبقة",
"disabled": "معطّلة",
"badge": "شارة Pro",
"advanced": "أدوات متقدمة",
"standard": "قياسية",
"included": "مضمّنة"
},
"integrationCatalog": {
"title": "التكاملات",
"featured": "مميّز",
"description": "اكتشف التكاملات والشركاء المميّزين."
},
"directoryExamples": {
"example": "مثال في الدليل",
"notice": "أمثلة في الدليل فقط — ليست جهات راعية أو تكاملات متصلة."
}
}
frontend/src/i18n/locales/de.json
+36 -2
View File
@@ -1607,7 +1607,7 @@
"choose_method": "Wählen Sie, wie Sie geben möchten",
"choose_method_amount": "Weiter mit ${{amount}}",
"goal": {
"title": "Fonds Claude Max",
"title": "Unterstütze die Entwicklung von VoiceStudio",
"of": "von",
"per_month": "/ Monat",
"aria": "{{raised}} von {{goal}} Monatsziel",
@@ -1616,7 +1616,7 @@
"social_proof": "Schließen Sie sich den Unterstützern von {{count}} an, die lokale KI finanzieren"
},
"postcard": {
"title": "Fonds Claude Max",
"title": "Unterstütze die Entwicklung von VoiceStudio",
"lead_default": "Ich bin froh, dass das funktioniert hat! VoiceStudio ist kostenlos und vollständig lokal. Wenn es Ihnen Zeit spart, finanziert ein kleiner monatlicher Chip-In den dahinter stehenden Claude Max.",
"lead_first_clone": "Ihr erster Sprachklon ist fertig – schön! VoiceStudio läuft vollständig auf Ihrem Computer und Ihr Support sorgt dafür, dass dies auch so bleibt.",
"lead_tenth_dub": "Nach zehn Dubs – Sie setzen es eindeutig um. Ein kleiner monatlicher Chip-In finanziert den Claude Max, der diese Funktionen bereitstellt.",
@@ -2848,5 +2848,39 @@
"progress": "{{done}} / {{total}} Segmente geprüft",
"cancelled": "Abgebrochen",
"fitting": "Timing anpassen"
},
"sponsorSlot": {
"book": "Platz anfragen",
"preview": "Sponsor-Vorschau",
"message": "Deine Marke, Website und Nachricht",
"email_app": "E-Mail-App öffnen",
"copy_email": "E-Mail-Adresse kopieren",
"preview_detail": "Hier könnten dein Logo, Link und eine Vorstellung stehen."
},
"supportPlans": {
"remove": "Sponsorenleiste entfernen",
"title": "Free und Pro im Vergleich",
"free": "Kostenlos",
"pro": "Pro",
"sponsor_bar": "Sponsorenleiste",
"visible": "Sichtbar",
"hideable": "Ausblendbar",
"unavailable": "Die Pro-Aktivierung ist noch nicht eingerichtet.",
"telemetry": "Telemetrie",
"opt_in": "Optional, nur mit Zustimmung",
"disabled": "Deaktiviert",
"badge": "Pro-Abzeichen",
"advanced": "Erweiterte Werkzeuge",
"standard": "Standard",
"included": "Enthalten"
},
"integrationCatalog": {
"title": "Integrationen",
"featured": "Hervorgehoben",
"description": "Entdecke Integrationen und hervorgehobene Partner."
},
"directoryExamples": {
"example": "Verzeichnisbeispiel",
"notice": "Nur Verzeichnisbeispiele — keine Sponsoren oder verbundenen Integrationen."
}
}
frontend/src/i18n/locales/en.json
+36 -2
View File
@@ -1882,7 +1882,7 @@
"choose_method": "Choose how to give",
"choose_method_amount": "Continue with ${{amount}}",
"goal": {
"title": "Fund Claude Max",
"title": "Support VoiceStudio development",
"of": "of",
"per_month": "/ month",
"aria": "{{raised}} of {{goal}} monthly goal",
@@ -1891,7 +1891,7 @@
"social_proof": "Join {{count}} supporters funding local AI"
},
"postcard": {
"title": "Fund Claude Max",
"title": "Support VoiceStudio development",
"lead_default": "Glad that worked! VoiceStudio is free and fully local. If it saves you time, a small monthly chip-in funds the Claude Max behind it.",
"lead_first_clone": "Your first voice clone is done — nice! VoiceStudio runs entirely on your machine, and your support keeps it that way.",
"lead_tenth_dub": "Ten dubs in — you're clearly putting it to work. A small monthly chip-in funds the Claude Max that ships these features.",
@@ -3329,5 +3329,39 @@
"progress": "{{done}} / {{total}} segments validated",
"cancelled": "Cancelled",
"fitting": "Adjusting timing"
},
"sponsorSlot": {
"book": "Book your slot",
"preview": "Sponsor preview",
"message": "Your brand, website & message",
"email_app": "Open email app",
"copy_email": "Copy email",
"preview_detail": "Your logo, link and introduction could appear here."
},
"supportPlans": {
"remove": "Remove sponsor bar",
"title": "Free vs Pro",
"free": "Free",
"pro": "Pro",
"sponsor_bar": "Sponsor bar",
"visible": "Visible",
"hideable": "Can be hidden",
"unavailable": "Pro activation is not configured yet.",
"telemetry": "Telemetry",
"opt_in": "Optional, opt-in",
"disabled": "Disabled",
"badge": "Pro badge",
"advanced": "Advanced tools",
"standard": "Standard",
"included": "Included"
},
"integrationCatalog": {
"title": "Integrations",
"featured": "Featured",
"description": "Discover integrations and featured partners."
},
"directoryExamples": {
"example": "Directory example",
"notice": "Directory examples only — not sponsors or connected integrations."
}
}
frontend/src/i18n/locales/es.json
+36 -2
View File
@@ -1607,7 +1607,7 @@
"choose_method": "Elige cómo regalar",
"choose_method_amount": "Continuar con ${{amount}}",
"goal": {
"title": "Fondo Claude Max",
"title": "Apoya el desarrollo de VoiceStudio",
"of": "de",
"per_month": "/ mes",
"aria": "{{raised}} de {{goal}} meta mensual",
@@ -1616,7 +1616,7 @@
"social_proof": "Únase a los partidarios de {{count}} que financian la IA local"
},
"postcard": {
"title": "Fondo Claude Max",
"title": "Apoya el desarrollo de VoiceStudio",
"lead_default": "¡Me alegro de que haya funcionado! VoiceStudio es gratuito y totalmente local. Si le ahorra tiempo, un pequeño aporte mensual financia el Claude Max detrás de él.",
"lead_first_clone": "Tu primer clon de voz está listo, ¡bien! VoiceStudio se ejecuta completamente en su máquina y su soporte lo mantiene así.",
"lead_tenth_dub": "Diez doblajes: claramente lo estás poniendo a funcionar. Un pequeño aporte mensual financia el Claude Max que incluye estas funciones.",
@@ -2848,5 +2848,39 @@
"progress": "{{done}} / {{total}} segmentos validados",
"cancelled": "Cancelado",
"fitting": "Ajustando tiempos"
},
"sponsorSlot": {
"book": "Reserva tu espacio",
"preview": "Vista previa del patrocinador",
"message": "Tu marca, sitio web y mensaje",
"email_app": "Abrir correo",
"copy_email": "Copiar correo",
"preview_detail": "Aquí podrían aparecer tu logo, enlace y presentación."
},
"supportPlans": {
"remove": "Quitar barra de patrocinadores",
"title": "Gratis vs Pro",
"free": "Gratis",
"pro": "Pro",
"sponsor_bar": "Barra de patrocinadores",
"visible": "Visible",
"hideable": "Se puede ocultar",
"unavailable": "La activación de Pro aún no está configurada.",
"telemetry": "Telemetría",
"opt_in": "Opcional, con consentimiento",
"disabled": "Desactivada",
"badge": "Insignia Pro",
"advanced": "Herramientas avanzadas",
"standard": "Estándar",
"included": "Incluidas"
},
"integrationCatalog": {
"title": "Integraciones",
"featured": "Destacado",
"description": "Descubre integraciones y socios destacados."
},
"directoryExamples": {
"example": "Ejemplo del directorio",
"notice": "Solo ejemplos del directorio; no son patrocinadores ni integraciones conectadas."
}
}
frontend/src/i18n/locales/fr.json
+36 -2
View File
@@ -1607,7 +1607,7 @@
"choose_method": "Choisissez comment donner",
"choose_method_amount": "Continuez avec ${{amount}}",
"goal": {
"title": "Fonds Claude Max",
"title": "Soutenez le développement de VoiceStudio",
"of": "de",
"per_month": "/mois",
"aria": "{{raised}} sur {{goal}} objectif mensuel",
@@ -1616,7 +1616,7 @@
"social_proof": "Rejoignez les sympathisants de {{count}} qui financent l'IA locale"
},
"postcard": {
"title": "Fonds Claude Max",
"title": "Soutenez le développement de VoiceStudio",
"lead_default": "Content que ça ait fonctionné ! VoiceStudio est gratuit et entièrement local. Si cela vous fait gagner du temps, une petite contribution mensuelle finance le Claude Max derrière.",
"lead_first_clone": "Votre premier clone de voix est terminé – super ! VoiceStudio fonctionne entièrement sur votre ordinateur et votre assistance le maintient ainsi.",
"lead_tenth_dub": "Dix doublages – vous le mettez clairement à profit. Une petite contribution mensuelle finance le Claude Max qui fournit ces fonctionnalités.",
@@ -2848,5 +2848,39 @@
"progress": "{{done}} / {{total}} segments validés",
"cancelled": "Annulé",
"fitting": "Ajustement du minutage"
},
"sponsorSlot": {
"book": "Réservez votre emplacement",
"preview": "Aperçu du sponsor",
"message": "Votre marque, site web et message",
"email_app": "Ouvrir la messagerie",
"copy_email": "Copier l’adresse e-mail",
"preview_detail": "Votre logo, lien et présentation pourraient apparaître ici."
},
"supportPlans": {
"remove": "Retirer la barre des sponsors",
"title": "Gratuit ou Pro",
"free": "Gratuit",
"pro": "Pro",
"sponsor_bar": "Barre des sponsors",
"visible": "Visible",
"hideable": "Peut être masquée",
"unavailable": "L’activation de Pro n’est pas encore configurée.",
"telemetry": "Télémétrie",
"opt_in": "Facultative, sur consentement",
"disabled": "Désactivée",
"badge": "Badge Pro",
"advanced": "Outils avancés",
"standard": "Standard",
"included": "Inclus"
},
"integrationCatalog": {
"title": "Intégrations",
"featured": "À la une",
"description": "Découvrez les intégrations et les partenaires à la une."
},
"directoryExamples": {
"example": "Exemple du répertoire",
"notice": "Exemples uniquement : ni sponsors ni intégrations connectées."
}
}
frontend/src/i18n/locales/hi.json
+36 -2
View File
@@ -1607,7 +1607,7 @@
"choose_method": "चुनें कि कैसे देना है",
"choose_method_amount": "${{amount}} के साथ जारी रखें",
"goal": {
"title": "फंड क्लाउड मैक्स",
"title": "VoiceStudio के विकास में सहयोग करें",
"of": "का",
"per_month": "/ महीना",
"aria": "{{raised}} का {{goal}} मासिक लक्ष्य",
@@ -1616,7 +1616,7 @@
"social_proof": "स्थानीय AI को वित्तपोषित करने वाले {{count}} समर्थकों से जुड़ें"
},
"postcard": {
"title": "फंड क्लाउड मैक्स",
"title": "VoiceStudio के विकास में सहयोग करें",
"lead_default": "खुशी है कि यह काम कर गया! ओमनीवॉइस मुफ़्त और पूरी तरह से स्थानीय है। यदि यह आपका समय बचाता है, तो इसके पीछे एक छोटा सा मासिक चिप-इन क्लाउड मैक्स को फंड करता है।",
"lead_first_clone": "आपकी पहली आवाज़ का क्लोन तैयार हो गया है - बढ़िया! ओमनीवॉइस पूरी तरह से आपकी मशीन पर चलता है, और आपका समर्थन इसे उसी तरह बनाए रखता है।",
"lead_tenth_dub": "दस डब - आप स्पष्ट रूप से इसे कार्यान्वित कर रहे हैं। एक छोटा सा मासिक चिप-इन क्लाउड मैक्स को फंड करता है जो इन सुविधाओं को शिप करता है।",
@@ -2848,5 +2848,39 @@
"progress": "{{done}} / {{total}} खंड सत्यापित",
"cancelled": "रद्द किया गया",
"fitting": "समय समायोजित हो रहा है"
},
"sponsorSlot": {
"book": "अपना स्थान बुक करें",
"preview": "प्रायोजक पूर्वावलोकन",
"message": "आपका ब्रांड, वेबसाइट और संदेश",
"email_app": "ईमेल ऐप खोलें",
"copy_email": "ईमेल कॉपी करें",
"preview_detail": "आपका लोगो, लिंक और परिचय यहाँ दिख सकते हैं।"
},
"supportPlans": {
"remove": "प्रायोजक बार हटाएँ",
"title": "मुफ़्त बनाम Pro",
"free": "मुफ़्त",
"pro": "Pro",
"sponsor_bar": "प्रायोजक बार",
"visible": "दिखाई देता है",
"hideable": "छिपाया जा सकता है",
"unavailable": "Pro सक्रियण अभी कॉन्फ़िगर नहीं किया गया है।",
"telemetry": "टेलीमेट्री",
"opt_in": "वैकल्पिक, सहमति पर",
"disabled": "बंद",
"badge": "Pro बैज",
"advanced": "उन्नत टूल",
"standard": "मानक",
"included": "शामिल"
},
"integrationCatalog": {
"title": "इंटीग्रेशन",
"featured": "विशेष",
"description": "इंटीग्रेशन और विशेष साझेदारों को देखें।"
},
"directoryExamples": {
"example": "डायरेक्टरी उदाहरण",
"notice": "केवल डायरेक्टरी उदाहरण — प्रायोजक या जुड़े हुए इंटीग्रेशन नहीं।"
}
}
frontend/src/i18n/locales/id.json
+36 -2
View File
@@ -1607,7 +1607,7 @@
"choose_method": "Pilih cara memberi",
"choose_method_amount": "Lanjutkan dengan ${{amount}}",
"goal": {
"title": "Dana Claude Max",
"title": "Dukung pengembangan VoiceStudio",
"of": "dari",
"per_month": "/ bulan",
"aria": "{{raised}} dari {{goal}} sasaran bulanan",
@@ -1616,7 +1616,7 @@
"social_proof": "Bergabunglah dengan pendukung {{count}} yang mendanai AI lokal"
},
"postcard": {
"title": "Dana Claude Max",
"title": "Dukung pengembangan VoiceStudio",
"lead_default": "Senang itu berhasil! VoiceStudio gratis dan sepenuhnya lokal. Jika ini menghemat waktu Anda, chip-in bulanan kecil akan mendanai Claude Max di belakangnya.",
"lead_first_clone": "Klon suara pertama Anda selesai — bagus! VoiceStudio berjalan sepenuhnya di mesin Anda, dan dukungan Anda menjaganya tetap seperti itu.",
"lead_tenth_dub": "Sepuluh sulih suara - Anda jelas berhasil. Chip-in bulanan kecil mendanai Claude Max yang mengirimkan fitur-fitur ini.",
@@ -2848,5 +2848,39 @@
"progress": "{{done}} / {{total}} segmen divalidasi",
"cancelled": "Dibatalkan",
"fitting": "Menyesuaikan waktu"
},
"sponsorSlot": {
"book": "Pesan slot Anda",
"preview": "Pratinjau sponsor",
"message": "Merek, situs web & pesan Anda",
"email_app": "Buka aplikasi email",
"copy_email": "Salin email",
"preview_detail": "Logo, tautan, dan perkenalan Anda bisa tampil di sini."
},
"supportPlans": {
"remove": "Hapus bilah sponsor",
"title": "Gratis vs Pro",
"free": "Gratis",
"pro": "Pro",
"sponsor_bar": "Bilah sponsor",
"visible": "Terlihat",
"hideable": "Dapat disembunyikan",
"unavailable": "Aktivasi Pro belum dikonfigurasi.",
"telemetry": "Telemetri",
"opt_in": "Opsional, dengan persetujuan",
"disabled": "Dinonaktifkan",
"badge": "Lencana Pro",
"advanced": "Alat lanjutan",
"standard": "Standar",
"included": "Termasuk"
},
"integrationCatalog": {
"title": "Integrasi",
"featured": "Unggulan",
"description": "Temukan integrasi dan mitra unggulan."
},
"directoryExamples": {
"example": "Contoh direktori",
"notice": "Hanya contoh direktori — bukan sponsor atau integrasi yang terhubung."
}
}
frontend/src/i18n/locales/it.json
+36 -2
View File
@@ -1607,7 +1607,7 @@
"choose_method": "Scegli come donare",
"choose_method_amount": "Continua con ${{amount}}",
"goal": {
"title": "Fondo Claude Max",
"title": "Sostieni lo sviluppo di VoiceStudio",
"of": "di",
"per_month": "/mese",
"aria": "{{raised}} di {{goal}} obiettivo mensile",
@@ -1616,7 +1616,7 @@
"social_proof": "Unisciti ai sostenitori di {{count}} che finanziano l'intelligenza artificiale locale"
},
"postcard": {
"title": "Fondo Claude Max",
"title": "Sostieni lo sviluppo di VoiceStudio",
"lead_default": "Sono contento che abbia funzionato! VoiceStudio è gratuito e completamente locale. Se ti fa risparmiare tempo, un piccolo chip-in mensile finanzia il Claude Max che sta dietro di esso.",
"lead_first_clone": "Il tuo primo clone vocale è pronto: fantastico! VoiceStudio funziona interamente sul tuo computer e il tuo supporto lo mantiene così.",
"lead_tenth_dub": "Dieci doppiaggi: lo stai chiaramente mettendo in pratica. Un piccolo chip-in mensile finanzia il Claude Max che fornisce queste funzionalità.",
@@ -2848,5 +2848,39 @@
"progress": "{{done}} / {{total}} segmenti convalidati",
"cancelled": "Annullato",
"fitting": "Regolazione dei tempi"
},
"sponsorSlot": {
"book": "Prenota il tuo spazio",
"preview": "Anteprima sponsor",
"message": "Il tuo marchio, sito e messaggio",
"email_app": "Apri l’app email",
"copy_email": "Copia email",
"preview_detail": "Qui potrebbero apparire il tuo logo, link e presentazione."
},
"supportPlans": {
"remove": "Rimuovi barra sponsor",
"title": "Gratis o Pro",
"free": "Gratis",
"pro": "Pro",
"sponsor_bar": "Barra sponsor",
"visible": "Visibile",
"hideable": "Può essere nascosta",
"unavailable": "L’attivazione di Pro non è ancora configurata.",
"telemetry": "Telemetria",
"opt_in": "Facoltativa, con consenso",
"disabled": "Disattivata",
"badge": "Badge Pro",
"advanced": "Strumenti avanzati",
"standard": "Standard",
"included": "Inclusi"
},
"integrationCatalog": {
"title": "Integrazioni",
"featured": "In evidenza",
"description": "Scopri integrazioni e partner in evidenza."
},
"directoryExamples": {
"example": "Esempio di catalogo",
"notice": "Solo esempi di catalogo: non sponsor né integrazioni collegate."
}
}
frontend/src/i18n/locales/ja.json
+36 -2
View File
@@ -1607,7 +1607,7 @@
"choose_method": "与え方を選ぶ",
"choose_method_amount": "${{amount}} に進む",
"goal": {
"title": "クロード・マックス基金",
"title": "VoiceStudio の開発を支援",
"of": "の",
"per_month": "/月",
"aria": "月間目標 {{raised}}/{{goal}}",
@@ -1616,7 +1616,7 @@
"social_proof": "{{count}} サポーターに参加してローカル AI に資金を提供しましょう"
},
"postcard": {
"title": "クロード・マックス基金",
"title": "VoiceStudio の開発を支援",
"lead_default": "うまくいってよかったです！ VoiceStudio は無料で完全にローカルです。時間を節約できるのであれば、毎月少額のチップインがその背後にいるクロード・マックスに資金を提供します。",
"lead_first_clone": "最初の音声クローンが完成しました。いいですね! VoiceStudio は完全にマシン上で実行され、サポートがその状態を維持します。",
"lead_tenth_dub": "10 個のダブが入っています。明らかに効果を発揮しています。これらの機能を提供する Claude Max には、毎月少額のチップインが資金として提供されます。",
@@ -2848,5 +2848,39 @@
"progress": "{{done}} / {{total}} セグメントを検証済み",
"cancelled": "キャンセル済み",
"fitting": "タイミングを調整中"
},
"sponsorSlot": {
"book": "掲載枠を申し込む",
"preview": "スポンサーの表示例",
"message": "ブランド名・ウェブサイト・メッセージ",
"email_app": "メールアプリを開く",
"copy_email": "メールアドレスをコピー",
"preview_detail": "ここにロゴ、リンク、紹介文を掲載できます。"
},
"supportPlans": {
"remove": "スポンサー欄を非表示にする",
"title": "無料版とProの比較",
"free": "無料",
"pro": "Pro",
"sponsor_bar": "スポンサー欄",
"visible": "表示",
"hideable": "非表示にできます",
"unavailable": "Proの有効化はまだ設定されていません。",
"telemetry": "テレメトリ",
"opt_in": "任意・同意が必要",
"disabled": "無効",
"badge": "Proバッジ",
"advanced": "高度なツール",
"standard": "標準",
"included": "利用可能"
},
"integrationCatalog": {
"title": "連携",
"featured": "注目",
"description": "連携機能と注目のパートナーを見つけましょう。"
},
"directoryExamples": {
"example": "掲載例",
"notice": "ディレクトリの掲載例です。スポンサーや接続済みの連携ではありません。"
}
}
frontend/src/i18n/locales/ko.json
+36 -2
View File
@@ -1922,7 +1922,7 @@
"choose_method": "주는 방법을 선택하세요",
"choose_method_amount": "${{amount}}로 계속",
"goal": {
"title": "클로드 맥스 기금",
"title": "VoiceStudio 개발 지원",
"of": "중",
"per_month": "/월",
"aria": "{{goal}} 월 목표 중 {{raised}}",
@@ -1931,7 +1931,7 @@
"social_proof": "로컬 AI에 자금을 지원하는 {{count}}명의 후원자와 함께하세요"
},
"postcard": {
"title": "클로드 맥스 기금",
"title": "VoiceStudio 개발 지원",
"lead_default": "효과가 있어서 다행이에요! VoiceStudio는 무료이며 완전히 로컬입니다. 시간을 절약할 수 있다면 매월 소액의 칩인을 통해 Claude Max에 자금을 지원할 수 있습니다.",
"lead_first_clone": "첫 번째 음성 복제가 완료되었습니다. 좋습니다! VoiceStudio는 전적으로 귀하의 컴퓨터에서 실행되며 귀하의 지원은 이를 그대로 유지합니다.",
"lead_tenth_dub": "10개의 더빙이 포함되어 있습니다. 확실히 효과를 발휘하고 계십니다. 이러한 기능을 제공하는 Claude Max에는 매월 소액의 칩인 자금이 지원됩니다.",
@@ -3329,5 +3329,39 @@
"progress": "{{done}} / {{total}}개 구간 검증됨",
"cancelled": "취소됨",
"fitting": "타이밍 조정 중"
},
"sponsorSlot": {
"book": "스폰서 자리 신청",
"preview": "스폰서 미리보기",
"message": "브랜드, 웹사이트 및 메시지",
"email_app": "이메일 앱 열기",
"copy_email": "이메일 주소 복사",
"preview_detail": "여기에 로고, 링크 및 소개를 표시할 수 있습니다."
},
"supportPlans": {
"remove": "스폰서 바 제거",
"title": "무료와 Pro 비교",
"free": "무료",
"pro": "Pro",
"sponsor_bar": "스폰서 바",
"visible": "표시됨",
"hideable": "숨길 수 있음",
"unavailable": "Pro 활성화가 아직 구성되지 않았습니다.",
"telemetry": "사용 정보 수집",
"opt_in": "선택 사항, 동의 필요",
"disabled": "비활성화",
"badge": "Pro 배지",
"advanced": "고급 도구",
"standard": "기본",
"included": "포함"
},
"integrationCatalog": {
"title": "연동",
"featured": "추천",
"description": "연동 기능과 추천 파트너를 살펴보세요."
},
"directoryExamples": {
"example": "디렉터리 예시",
"notice": "디렉터리 예시이며 스폰서나 연결된 연동이 아닙니다."
}
}
frontend/src/i18n/locales/nl.json
+36 -2
View File
@@ -1607,7 +1607,7 @@
"choose_method": "Kies hoe u wilt geven",
"choose_method_amount": "Ga verder met ${{amount}}",
"goal": {
"title": "Fonds Claude Max",
"title": "Steun de ontwikkeling van VoiceStudio",
"of": "van",
"per_month": "/ maand",
"aria": "{{raised}} van {{goal}} maanddoel",
@@ -1616,7 +1616,7 @@
"social_proof": "Sluit u aan bij {{count}} supporters die lokale AI financieren"
},
"postcard": {
"title": "Fonds Claude Max",
"title": "Steun de ontwikkeling van VoiceStudio",
"lead_default": "Fijn dat dat werkte! VoiceStudio is gratis en volledig lokaal. Als het u tijd bespaart, financiert een kleine maandelijkse chip-in de Claude Max erachter.",
"lead_first_clone": "Je eerste stemkloon is klaar - leuk! VoiceStudio draait volledig op uw machine, en uw ondersteuning zorgt ervoor dat dit zo blijft.",
"lead_tenth_dub": "Tien dubs erin - je zet het duidelijk aan het werk. Een kleine maandelijkse chip-in financiert de Claude Max die deze functies levert.",
@@ -2848,5 +2848,39 @@
"progress": "{{done}} / {{total}} segmenten gevalideerd",
"cancelled": "Geannuleerd",
"fitting": "Timing aanpassen"
},
"sponsorSlot": {
"book": "Reserveer je plek",
"preview": "Sponsorvoorbeeld",
"message": "Je merk, website en bericht",
"email_app": "E-mailapp openen",
"copy_email": "E-mailadres kopiëren",
"preview_detail": "Hier kunnen je logo, link en introductie staan."
},
"supportPlans": {
"remove": "Sponsorbalk verwijderen",
"title": "Gratis versus Pro",
"free": "Gratis",
"pro": "Pro",
"sponsor_bar": "Sponsorbalk",
"visible": "Zichtbaar",
"hideable": "Kan worden verborgen",
"unavailable": "Pro-activering is nog niet ingesteld.",
"telemetry": "Telemetrie",
"opt_in": "Optioneel, met toestemming",
"disabled": "Uitgeschakeld",
"badge": "Pro-badge",
"advanced": "Geavanceerde tools",
"standard": "Standaard",
"included": "Inbegrepen"
},
"integrationCatalog": {
"title": "Integraties",
"featured": "Uitgelicht",
"description": "Ontdek integraties en uitgelichte partners."
},
"directoryExamples": {
"example": "Directoryvoorbeeld",
"notice": "Alleen directoryvoorbeelden — geen sponsors of verbonden integraties."
}
}
frontend/src/i18n/locales/pl.json
+36 -2
View File
@@ -1607,7 +1607,7 @@
"choose_method": "Wybierz sposób dawania",
"choose_method_amount": "Kontynuuj za pomocą ${{amount}}",
"goal": {
"title": "Fundusz Claude'a Maxa",
"title": "Wesprzyj rozwój VoiceStudio",
"of": "z",
"per_month": "/ miesiąc",
"aria": "{{raised}} z {{goal}} celu miesięcznego",
@@ -1616,7 +1616,7 @@
"social_proof": "Dołącz do {{count}} zwolenników finansujących lokalną sztuczną inteligencję"
},
"postcard": {
"title": "Fundusz Claude'a Maxa",
"title": "Wesprzyj rozwój VoiceStudio",
"lead_default": "Cieszę się, że to zadziałało! Usługa VoiceStudio jest bezpłatna i w pełni lokalna. Jeśli oszczędzi to Twój czas, niewielka miesięczna wpłata sfinansuje stojącego za nim Claude'a Maxa.",
"lead_first_clone": "Twój pierwszy klon głosu jest gotowy — świetnie! VoiceStudio działa całkowicie na Twoim komputerze, a dzięki Twojemu wsparciu tak będzie.",
"lead_tenth_dub": "Dziesięć dubów — wyraźnie to robisz. Niewielki miesięczny wkład finansuje Claude Max, który udostępnia te funkcje.",
@@ -2848,5 +2848,39 @@
"progress": "Zweryfikowano {{done}} / {{total}} segmentów",
"cancelled": "Anulowano",
"fitting": "Dostosowywanie czasu"
},
"sponsorSlot": {
"book": "Zarezerwuj miejsce",
"preview": "Podgląd sponsora",
"message": "Twoja marka, strona i wiadomość",
"email_app": "Otwórz pocztę",
"copy_email": "Kopiuj e-mail",
"preview_detail": "Tutaj mogą pojawić się Twoje logo, link i opis."
},
"supportPlans": {
"remove": "Usuń pasek sponsorów",
"title": "Darmowa a Pro",
"free": "Darmowa",
"pro": "Pro",
"sponsor_bar": "Pasek sponsorów",
"visible": "Widoczny",
"hideable": "Można ukryć",
"unavailable": "Aktywacja Pro nie została jeszcze skonfigurowana.",
"telemetry": "Telemetria",
"opt_in": "Opcjonalna, za zgodą",
"disabled": "Wyłączona",
"badge": "Odznaka Pro",
"advanced": "Zaawansowane narzędzia",
"standard": "Standardowe",
"included": "W zestawie"
},
"integrationCatalog": {
"title": "Integracje",
"featured": "Wyróżnione",
"description": "Odkryj integracje i wyróżnionych partnerów."
},
"directoryExamples": {
"example": "Przykład katalogowy",
"notice": "Wyłącznie przykłady katalogowe — nie sponsorzy ani połączone integracje."
}
}
frontend/src/i18n/locales/pt.json
+36 -2
View File
@@ -1607,7 +1607,7 @@
"choose_method": "Escolha como dar",
"choose_method_amount": "Continuar com ${{amount}}",
"goal": {
"title": "Fundo Claude Max",
"title": "Apoie o desenvolvimento do VoiceStudio",
"of": "de",
"per_month": "/mês",
"aria": "{{raised}} da meta mensal de {{goal}}",
@@ -1616,7 +1616,7 @@
"social_proof": "Junte-se a {{count}} apoiadores que financiam IA local"
},
"postcard": {
"title": "Fundo Claude Max",
"title": "Apoie o desenvolvimento do VoiceStudio",
"lead_default": "Que bom que funcionou! VoiceStudio é gratuito e totalmente local. Se você economizar tempo, uma pequena contribuição mensal financiará Claude Max por trás disso.",
"lead_first_clone": "Seu primeiro clone de voz está pronto – ótimo! VoiceStudio é executado inteiramente em sua máquina e seu suporte mantém isso assim.",
"lead_tenth_dub": "Dez dublagens - você está claramente colocando isso para funcionar. Uma pequena contribuição mensal financia o Claude Max que fornece esses recursos.",
@@ -2848,5 +2848,39 @@
"progress": "{{done}} / {{total}} segmentos validados",
"cancelled": "Cancelado",
"fitting": "Ajustando o tempo"
},
"sponsorSlot": {
"book": "Reserve seu espaço",
"preview": "Prévia do patrocinador",
"message": "Sua marca, site e mensagem",
"email_app": "Abrir app de e-mail",
"copy_email": "Copiar e-mail",
"preview_detail": "Seu logo, link e apresentação podem aparecer aqui."
},
"supportPlans": {
"remove": "Remover barra de patrocinadores",
"title": "Grátis vs Pro",
"free": "Grátis",
"pro": "Pro",
"sponsor_bar": "Barra de patrocinadores",
"visible": "Visível",
"hideable": "Pode ser ocultada",
"unavailable": "A ativação do Pro ainda não foi configurada.",
"telemetry": "Telemetria",
"opt_in": "Opcional, com consentimento",
"disabled": "Desativada",
"badge": "Selo Pro",
"advanced": "Ferramentas avançadas",
"standard": "Padrão",
"included": "Incluídas"
},
"integrationCatalog": {
"title": "Integrações",
"featured": "Destaque",
"description": "Descubra integrações e parceiros em destaque."
},
"directoryExamples": {
"example": "Exemplo do diretório",
"notice": "Apenas exemplos do diretório — não são patrocinadores nem integrações conectadas."
}
}

Some files were not shown because too many files have changed in this diff Show More