refac

The --in-process-gpu flag broke <webview> guest compositing entirely,
leaving connection views blank on all Linux configurations. SwiftShader
(--use-gl=angle --use-angle=swiftshader) keeps the GPU process
out-of-process (required for webview compositing) while using software
rendering to avoid the driver-level /dev/shm crashes that originally
motivated the in-process flag.

.github/workflows/release.yml

@@ -42,8 +42,12 @@ jobs:
                 include:
                     - os: ubuntu-latest
                       arch: x64
+                    - os: ubuntu-24.04-arm
+                      arch: arm64
                     - os: windows-latest
                       arch: x64
+                    - os: windows-11-arm
+                      arch: arm64
                     - os: macos-latest
                       arch: x64
                     - os: macos-latest
@@ -67,9 +71,9 @@ jobs:
                   name: compiled-output
                   path: out/
 
-            # ── Flatpak setup (Linux only) ──
+            # ── Flatpak setup (Linux x64 only) ──
             - name: Cache Flatpak SDKs
-              if: matrix.os == 'ubuntu-latest'
+              if: runner.os == 'Linux' && matrix.arch == 'x64'
               uses: actions/cache@v4
               with:
                   path: ~/.local/share/flatpak
@@ -77,7 +81,7 @@ jobs:
 
             - name: Install Flatpak build tools
               id: flatpak
-              if: matrix.os == 'ubuntu-latest'
+              if: runner.os == 'Linux' && matrix.arch == 'x64'
               continue-on-error: true
               run: |
                   sudo apt-get update
@@ -113,12 +117,12 @@ jobs:
             # ── Platform packaging ──
             - name: Package for Windows
               id: win_build
-              if: matrix.os == 'windows-latest'
+              if: runner.os == 'Windows'
               continue-on-error: true
               run: npx electron-builder --win --${{ matrix.arch }} --publish never
 
             - name: Package for Windows (unsigned fallback)
-              if: matrix.os == 'windows-latest' && steps.win_build.outcome == 'failure'
+              if: runner.os == 'Windows' && steps.win_build.outcome == 'failure'
               env:
                   WIN_CSC_LINK: ''
                   CSC_IDENTITY_AUTO_DISCOVERY: 'false'
@@ -147,9 +151,12 @@ jobs:
                   npx electron-builder --mac --${{ matrix.arch }} --publish never
 
             - name: Package for Linux
-              if: matrix.os == 'ubuntu-latest'
+              if: runner.os == 'Linux'
               run: |
-                  if [ "${{ steps.flatpak.outcome }}" == "success" ]; then
+                  if [ "${{ matrix.arch }}" == "arm64" ]; then
+                    # ARM64: deb + AppImage only (flatpak BaseApp not available for arm64)
+                    npx electron-builder --linux AppImage deb --${{ matrix.arch }} --publish never
+                  elif [ "${{ steps.flatpak.outcome }}" == "success" ]; then
                     npx electron-builder --linux --${{ matrix.arch }} --publish never
                   else
                     echo "Flatpak not available, building without flatpak"
@@ -158,7 +165,7 @@ jobs:
 
             # ── Windows code signing ──
             - name: Azure Trusted Signing (Windows Only)
-              if: matrix.os == 'windows-latest'
+              if: runner.os == 'Windows'
               continue-on-error: true
               uses: azure/trusted-signing-action@v0.5.1
               with:
@@ -239,6 +246,9 @@ jobs:
                   pattern: '*-*'
                   merge-multiple: false
 
+            - name: Install js-yaml for manifest merging
+              run: npm install --no-save js-yaml
+
             - name: Merge macOS latest-mac.yml (x64 + arm64)
               run: |
                   # Each macOS arch build produces its own latest-mac.yml with only
@@ -248,24 +258,144 @@ jobs:
 
                   if [ -f "$X64_YML" ] && [ -f "$ARM_YML" ]; then
                     echo "Merging latest-mac.yml from both architectures"
-                    npm install --no-save js-yaml
                     node -e "
                       const fs = require('fs');
                       const yaml = require('js-yaml');
                       const x64 = yaml.load(fs.readFileSync('$X64_YML', 'utf8'));
                       const arm = yaml.load(fs.readFileSync('$ARM_YML', 'utf8'));
-                      x64.files = [...(x64.files || []), ...(arm.files || [])];
+                      const all = [...(x64.files || []), ...(arm.files || [])];
+                      const map = new Map();
+                      for (const f of all) map.set(f.url, f);
+                      x64.files = [...map.values()];
                       const out = yaml.dump(x64, { lineWidth: -1 });
                       fs.writeFileSync('$X64_YML', out);
                       console.log(out);
                     "
-                    # Remove duplicate so only one latest-mac.yml is uploaded
                     rm -f "$ARM_YML"
                   else
                     echo "Skipping merge — need both $X64_YML and $ARM_YML"
                     ls -la macos-latest-*/latest-mac.yml 2>/dev/null || true
                   fi
 
+            - name: Merge Linux latest-linux.yml (x64 + arm64)
+              run: |
+                  X64_YML="ubuntu-latest-x64/latest-linux.yml"
+                  # electron-builder names the arm64 Linux manifest "latest-linux-arm64.yml"
+                  ARM_YML="ubuntu-24.04-arm-arm64/latest-linux-arm64.yml"
+
+                  if [ -f "$X64_YML" ] && [ -f "$ARM_YML" ]; then
+                    echo "Merging latest-linux.yml from both architectures"
+                    node -e "
+                      const fs = require('fs');
+                      const yaml = require('js-yaml');
+                      const x64 = yaml.load(fs.readFileSync('$X64_YML', 'utf8'));
+                      const arm = yaml.load(fs.readFileSync('$ARM_YML', 'utf8'));
+                      const all = [...(x64.files || []), ...(arm.files || [])];
+                      const map = new Map();
+                      for (const f of all) map.set(f.url, f);
+                      x64.files = [...map.values()];
+                      const out = yaml.dump(x64, { lineWidth: -1 });
+                      fs.writeFileSync('$X64_YML', out);
+                      console.log(out);
+                    "
+                    rm -f "$ARM_YML"
+                  else
+                    echo "Skipping merge — need both $X64_YML and $ARM_YML"
+                    ls -la ubuntu-*-*/latest-linux*.yml 2>/dev/null || true
+                  fi
+
+            - name: Merge Windows latest.yml (x64 + arm64)
+              run: |
+                  X64_YML="windows-latest-x64/latest.yml"
+                  ARM_YML="windows-11-arm-arm64/latest.yml"
+
+                  if [ -f "$X64_YML" ] && [ -f "$ARM_YML" ]; then
+                    echo "Merging latest.yml from both architectures"
+                    node -e "
+                      const fs = require('fs');
+                      const yaml = require('js-yaml');
+                      const x64 = yaml.load(fs.readFileSync('$X64_YML', 'utf8'));
+                      const arm = yaml.load(fs.readFileSync('$ARM_YML', 'utf8'));
+                      const all = [...(x64.files || []), ...(arm.files || [])];
+                      const map = new Map();
+                      for (const f of all) map.set(f.url, f);
+                      x64.files = [...map.values()];
+                      const out = yaml.dump(x64, { lineWidth: -1 });
+                      fs.writeFileSync('$X64_YML', out);
+                      console.log(out);
+                    "
+                    rm -f "$ARM_YML"
+                  else
+                    echo "Skipping merge — need both $X64_YML and $ARM_YML"
+                    ls -la windows-*-*/latest.yml 2>/dev/null || true
+                  fi
+
+            - name: Reconcile update manifest hashes
+              run: |
+                  # Recompute SHA512 from actual artifact files to ensure manifests
+                  # match the real binaries (fixes signed/unsigned hash mismatches)
+                  node -e "
+                    const fs = require('fs');
+                    const crypto = require('crypto');
+                    const yaml = require('js-yaml');
+                    const path = require('path');
+
+                    const manifests = [
+                      { prefix: 'macos-latest-', file: 'latest-mac.yml' },
+                      { prefix: 'ubuntu-',        file: 'latest-linux.yml' },
+                      { prefix: 'windows-',       file: 'latest.yml' },
+                    ];
+
+                    const allDirs = fs.readdirSync('.').filter(d => {
+                      try { return fs.statSync(d).isDirectory(); } catch { return false; }
+                    });
+
+                    for (const { prefix, file } of manifests) {
+                      const dirs = allDirs.filter(d => d.startsWith(prefix));
+                      let ymlPath = null;
+                      for (const dir of dirs) {
+                        const p = path.join(dir, file);
+                        if (fs.existsSync(p)) { ymlPath = p; break; }
+                      }
+                      if (!ymlPath) { console.log('No ' + file + ' found, skipping'); continue; }
+
+                      const manifest = yaml.load(fs.readFileSync(ymlPath, 'utf8'));
+                      let fixed = 0;
+
+                      for (const entry of manifest.files) {
+                        for (const dir of dirs) {
+                          const filePath = path.join(dir, entry.url);
+                          if (fs.existsSync(filePath)) {
+                            const buf = fs.readFileSync(filePath);
+                            const hash = crypto.createHash('sha512').update(buf).digest('base64');
+                            if (hash !== entry.sha512) {
+                              console.log('[' + file + '] Fix: ' + entry.url);
+                              entry.sha512 = hash;
+                              entry.size = buf.length;
+                              fixed++;
+                            }
+                            break;
+                          }
+                        }
+                      }
+
+                      if (manifest.path) {
+                        for (const dir of dirs) {
+                          const filePath = path.join(dir, manifest.path);
+                          if (fs.existsSync(filePath)) {
+                            const buf = fs.readFileSync(filePath);
+                            manifest.sha512 = crypto.createHash('sha512').update(buf).digest('base64');
+                            break;
+                          }
+                        }
+                      }
+
+                      const out = yaml.dump(manifest, { lineWidth: -1 });
+                      fs.writeFileSync(ymlPath, out);
+                      console.log('[' + file + '] ' + (fixed ? 'Fixed ' + fixed + ' entries' : 'All hashes OK'));
+                    }
+                  "
+
             - name: Create Release
               uses: softprops/action-gh-release@v2
               env:
@@ -277,18 +407,18 @@ jobs:
                   draft: false
                   prerelease: false
                   files: |
-                      windows-latest-*/*.exe
-                      windows-latest-*/*.blockmap
-                      windows-latest-*/latest*.yml
+                      windows-*-*/*.exe
+                      windows-*-*/*.blockmap
+                      windows-*-*/latest*.yml
                       macos-latest-*/*.dmg
                       macos-latest-*/*.zip
                       macos-latest-*/*.pkg
                       macos-latest-*/*.blockmap
                       macos-latest-*/latest*.yml
-                      ubuntu-latest-*/*.deb
-                      ubuntu-latest-*/*.rpm
-                      ubuntu-latest-*/*.AppImage
-                      ubuntu-latest-*/*.snap
-                      ubuntu-latest-*/*.flatpak
-                      ubuntu-latest-*/*.tar.gz
-                      ubuntu-latest-*/latest*.yml
+                      ubuntu-*-*/*.deb
+                      ubuntu-*-*/*.rpm
+                      ubuntu-*-*/*.AppImage
+                      ubuntu-*-*/*.snap
+                      ubuntu-*-*/*.flatpak
+                      ubuntu-*-*/*.tar.gz
+                      ubuntu-*-*/latest*.yml

CHANGELOG.md

@@ -5,6 +5,111 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.0.20] - 2026-05-07
+
+### Fixed
+
+- **Blank Webview on Linux.** Replaced the `--in-process-gpu` Chromium flag with SwiftShader software rendering (`--use-gl=angle --use-angle=swiftshader`). The in-process GPU flag broke `<webview>` guest compositing entirely, leaving connection views blank on all Linux configurations. SwiftShader keeps the GPU process out-of-process (required for webview compositing) while avoiding driver-level crashes (#178).
+
+## [0.0.19] - 2026-05-06
+
+### Fixed
+
+- **Spotlight Pulls to First Desktop on macOS.** Spotlight no longer switches Spaces when triggered from a non-primary desktop. The window is now visible on all workspaces, and `app.focus({ steal: true })` — which activated the entire app and caused the Space switch — has been replaced with targeted window-level focus (#179).
+- **Gray Screen When Connecting to Server on Linux.** Replaced the `--disable-gpu` Chromium flag with `--in-process-gpu`, which keeps the display compositor alive so `<webview>` guest surfaces actually paint instead of showing a gray rectangle. The previous flag fixed GPU process crashes but broke webview rendering on Debian and Ubuntu (#178).
+- **Open Terminal Fails Silently Without Python.** Open Terminal now automatically installs Python when it's missing instead of throwing an opaque error. Progress status is surfaced in the UI during installation.
+- **Corrupt Auto-Update Manifests.** Fixed the release workflow to deduplicate artifact entries during manifest merging, preventing SHA512 checksum mismatches that caused updates to fail silently.
+
+## [0.0.18] - 2026-05-05
+
+### Fixed
+
+- **Downloaded Models Not Recognized by llama.cpp.** Models downloaded from Hugging Face are now stored directly under the `models/` directory instead of a nested `models/huggingface/` subdirectory, so llama-server's model scanner discovers them without manual symlinks. Existing models in the old location are automatically migrated on startup (#177).
+
+## [0.0.17] - 2026-05-03
+
+### Added
+
+- **Webview Context Menu.** Right-clicking inside the webview now shows a native context menu with Cut, Copy, Paste, Undo/Redo, spell-check suggestions, and "Open Link in Browser" — enabling system autofill and password manager integration on login pages (#161).
+
+### Changed
+
+- **Windows OpenSSL Compatibility.** The bundled Python's directory is now prepended to `PATH` on Windows so its own OpenSSL DLLs are loaded before any conflicting system-wide installations (Git for Windows, Anaconda, Strawberry Perl, etc.), preventing the `OPENSSL_Uplink: no OPENSSL_Applink` crash on startup (#167).
+- **Links Open in Default Browser on Windows.** Added `allowpopups` to the webview so that `target="_blank"` link clicks correctly propagate to the main process handler and open in the default browser instead of being silently blocked (#165, #170).
+- **Linux System Requirements.** Documentation now specifies glibc 2.28+ as a minimum requirement for Linux installations.
+
+## [0.0.16] - 2026-05-02
+
+### Fixed
+
+- **Links Open in Default Browser.** Clicking links in chat responses now opens them in the user's default browser instead of navigating within the app or spawning a new Electron window (#165).
+
+## [0.0.15] - 2026-04-28
+
+### Added
+
+- **ARM64 Support for Linux and Windows.** Native ARM64 builds are now produced for Linux (.deb, AppImage) and Windows (NSIS installer), enabling support for Raspberry Pi, NVIDIA DGX Spark, Snapdragon laptops, and other ARM64 devices (#140).
+
+### Fixed
+
+- **Grey/Blank Screen on Linux.** Disabled GPU compositing entirely on Linux to prevent shared memory allocation crashes that caused a grey or blank screen on systems with restricted `/dev/shm` or `/tmp` permissions.
+- **Spotlight Dismiss Behavior.** Pressing Escape or the toggle shortcut to dismiss Spotlight no longer erroneously brings the main application window to the foreground (#158).
+
+## [0.0.14] - 2026-04-28
+
+### Fixed
+
+- **Grey/Blank Webview on Linux.** Disabled GPU compositing on Linux to prevent silent compositor failures that produce a grey rectangle instead of rendered content on systems with problematic Intel/NVIDIA drivers or certain Wayland compositors (#119).
+- **Renderer Crash Recovery.** The main window now automatically reloads when the renderer process dies unexpectedly, preventing a permanent blank/grey screen.
+- **Webview Crash Diagnostics.** Added logging for guest webview renderer crashes to aid debugging connectivity and rendering issues.
+- **macOS Notarization.** Resolved Apple notarization failure caused by an expired Developer Program agreement, restoring signed and notarized macOS builds.
+
+## [0.0.13] - 2026-04-27
+
+### Fixed
+
+- **Copy Button on Linux (GNOME/Wayland/Flatpak).** Fixed the "Copy" button in the Open WebUI interface not actually writing to the system clipboard on Linux. The webview session was missing the `clipboard-sanitized-write` permission required by Electron for `navigator.clipboard.writeText()` to work.
+
+## [0.0.12] - 2026-04-25
+
+### Added
+
+- **Toggleable Clipboard Auto-Paste for Spotlight.** Spotlight's automatic clipboard pasting is now optional and can be toggled in Settings, so the input bar starts empty when preferred.
+- **Persistent Window Size and Position.** The app now remembers your window dimensions, position, and maximized state across restarts, with safe fallback when a saved display is disconnected.
+
+### Fixed
+
+- **Linux .deb Crash.** Fixed app failing to launch on Linux with `Failed to load native module: pty.node` by enabling native module rebuilds and unpacking node-pty from the asar archive during packaging.
+- **Grey Screen on Connection Failure.** The webview now shows an error overlay with retry and open-in-browser options instead of a blank grey screen when a connection fails to load or crashes.
+- **Global Shortcuts on Wayland/Flatpak.** Global shortcuts now work on Wayland desktops via `xdg-desktop-portal`, with clear user-facing notifications when a shortcut cannot be registered.
+
+## [0.0.11] - 2026-04-24
+
+### Fixed
+
+- **macOS Launch Crash.** Fixed app failing to launch with "different Team IDs" error by adding the missing `disable-library-validation` entitlement to the build signing configuration.
+- **Self-Signed SSL Connections.** The app now trusts all SSL certificates, allowing connections to Open WebUI instances behind self-signed or untrusted certificates without errors.
+
+## [0.0.10] - 2026-04-24
+
+### Added
+
+- **Concurrent Model Downloads.** Multiple Hugging Face models can now be downloaded simultaneously, each with independent progress tracking and per-file cancel buttons.
+
+### Changed
+
+- **Models Settings UI.** Cleaner layout with inline progress bars, hover-reveal download buttons, and breadcrumb-style repo navigation.
+
+### Fixed
+
+- **GPU Process Crash Recovery.** The app now automatically detects GPU process crashes (common with certain NVIDIA/Intel drivers on Windows) and relaunches with the GPU sandbox disabled, instead of closing immediately. No manual shortcut edits required.
+
+## [0.0.9] - 2026-04-20
+
+### Fixed
+
+- **Open Terminal API Key Persistence.** The Open Terminal API key is now saved in config.json and reused across restarts instead of being regenerated on every startup, which was breaking existing integrations.
+
 ## [0.0.8] - 2026-04-11
 
 ### Added

README.md

@@ -1,87 +1,80 @@
 # Open WebUI Desktop
 
+[![Version](https://img.shields.io/github/v/release/open-webui/desktop?label=version&color=%2331c48d)](https://github.com/open-webui/desktop/releases)
+[![Downloads](https://img.shields.io/github/downloads/open-webui/desktop/total?color=%23764abc)](https://github.com/open-webui/desktop/releases)
+[![Discord](https://img.shields.io/discord/1170866489302188073?label=discord&color=%235865F2)](https://discord.gg/open-webui)
+[![License](https://img.shields.io/badge/license-AGPL--3.0-blue)](LICENSE)
+
 ![Open WebUI Desktop](./demo.png)
 
-Your AI, right on your desktop. **Open WebUI Desktop** wraps the full [Open WebUI](https://github.com/open-webui/open-webui) experience into a native app you can install in seconds, with no Docker, terminal, or manual setup required. Just download, launch, and start chatting with local or remote models.
+Your AI, right on your desktop. [Open WebUI](https://github.com/open-webui/open-webui) as a native app. Run models locally or connect to any server. No Docker, no terminal, no setup. Download, launch, chat.
 
-> [!NOTE]
-> Open WebUI Desktop is in **early alpha**. Things are moving fast and we'd love your feedback! Drop into the [Discord](https://discord.gg/5rJgQTnV4s) or open an issue if you hit a snag.
+> [!WARNING]
+> **Early Alpha.** Things move fast and stuff might break. [Report bugs](https://github.com/open-webui/desktop/issues) or [come hang out on Discord](https://discord.gg/open-webui).
 
 ## Download
 
-Grab the installer for your platform and you're good to go. An internet connection is needed the first time you launch; after that the app works fully offline.
+| Platform | Installer |
+|----------|-----------|
+| macOS (Apple Silicon) | [**Download .dmg**](https://github.com/open-webui/desktop/releases/latest/download/open-webui-arm64.dmg) |
+| macOS (Intel) | [**Download .dmg**](https://github.com/open-webui/desktop/releases/latest/download/open-webui-x64.dmg) |
+| Windows x64 | [**Download .exe**](https://github.com/open-webui/desktop/releases/latest/download/open-webui-x64-setup.exe) |
+| Windows ARM64 | [**Download .exe**](https://github.com/open-webui/desktop/releases/latest/download/open-webui-arm64-setup.exe) |
+| Linux x64 (AppImage) | [**Download .AppImage**](https://github.com/open-webui/desktop/releases/latest/download/open-webui_x64.AppImage) |
+| Linux x64 (Debian/Ubuntu) | [**Download .deb**](https://github.com/open-webui/desktop/releases/latest/download/open-webui_amd64.deb) |
+| Linux x64 (Snap) | [**Download .snap**](https://github.com/open-webui/desktop/releases/latest/download/open-webui_amd64.snap) |
+| Linux x64 (Flatpak) | [**Download .flatpak**](https://github.com/open-webui/desktop/releases/latest/download/open-webui.flatpak) |
+| Linux ARM64 (AppImage) | [**Download .AppImage**](https://github.com/open-webui/desktop/releases/latest/download/open-webui_arm64.AppImage) |
+| Linux ARM64 (Debian/Ubuntu) | [**Download .deb**](https://github.com/open-webui/desktop/releases/latest/download/open-webui_arm64.deb) |
 
-### macOS
+Internet required on first launch. After that, everything works offline. [All releases →](https://github.com/open-webui/desktop/releases)
 
-| Chip | Installer |
-|------|-----------|
-| Apple Silicon | [**Download .dmg**](https://github.com/open-webui/desktop/releases/latest/download/open-webui-arm64.dmg) |
-| Intel | [**Download .dmg**](https://github.com/open-webui/desktop/releases/latest/download/open-webui-x64.dmg) |
+## How It Works
 
-### Windows
+🖥️ **Run locally.** The app runs Open WebUI on your machine. You can optionally enable the built-in llama.cpp engine to download and run models offline. Nothing leaves your computer.
 
-| Architecture | Installer |
-|--------------|-----------|
-| x64 | [**Download .exe**](https://github.com/open-webui/desktop/releases/latest/download/open-webui-setup.exe) |
+☁️ **Connect remotely.** Point the app at any Open WebUI server. Switch between multiple connections from the sidebar.
 
-### Linux
-
-| Format | Installer |
-|--------|-----------|
-| AppImage | [**Download .AppImage**](https://github.com/open-webui/desktop/releases/latest/download/open-webui.AppImage) |
-| Debian / Ubuntu | [**Download .deb**](https://github.com/open-webui/desktop/releases/latest/download/open-webui_amd64.deb) |
-| Snap | [**Download .snap**](https://github.com/open-webui/desktop/releases/latest/download/open-webui_amd64.snap) |
-| Flatpak | [**Download .flatpak**](https://github.com/open-webui/desktop/releases/latest/download/open-webui.flatpak) |
-
-> Looking for an older version? Check the [releases page](https://github.com/open-webui/desktop/releases).
+Use both at the same time.
 
 ## Highlights
 
-- **One-click setup.** Open WebUI and all its dependencies install automatically, no terminal required.
-- **Spotlight quick-chat.** Press `⇧⌘I` to pop up a lightweight input bar and fire off a prompt from anywhere on your desktop.
-- **Local inference.** The built-in llama.cpp integration lets you download and run models directly on your machine.
-- **Connect anywhere.** Point the app at any remote Open WebUI server, or run one locally and switch between connections in the sidebar.
-- **Offline-ready.** After the first launch, everything runs without an internet connection.
-- **Cross-platform.** Available for macOS (Apple Silicon + Intel), Windows, and Linux.
-- **Auto-updates.** New releases are detected and installed automatically.
+- ⚡ **Spotlight.** Hit `Shift+Cmd+I` (macOS) or `Shift+Ctrl+I` (Windows/Linux) to summon a floating chat bar over whatever you're doing. Drag to screenshot anything on screen.
+- 🎙️ **Voice input.** System-wide push-to-talk. Press the shortcut from any app to record, and your speech is transcribed and sent to your chat automatically.
+- 🧠 **Local inference.** Optionally run models entirely on your hardware via the built-in llama.cpp engine. Your data never leaves your machine.
+- 🎯 **One-click setup.** Launch and connect to a server in seconds. Local models can be enabled from the settings.
+- 🔌 **Multiple connections.** Juggle servers and switch between them instantly.
+- 🔄 **Auto-updates.** New releases land in the background.
+- 📡 **Offline-ready.** No internet needed after initial setup.
+- 💻 **Cross-platform.** macOS, Windows, and Linux.
 
 ## System Requirements
 
-| | Minimum |
-|--|---------|
-| **Disk** | 5 GB free space |
-| **OS** | macOS 12+, Windows 10+, or a modern Linux distro |
-| **RAM** | 8 GB recommended (more is better for local models) |
+|  | Local Models | Remote Only |
+|--|-------------|-------------|
+| **Disk** | 5 GB+ | ~500 MB |
+| **RAM** | 16 GB+ | 4 GB |
+| **OS** | macOS 12+, Windows 10+, modern Linux (glibc 2.28+) | Same |
 
-## Contributing
+> [!NOTE]
+> Local models need serious RAM (7B ≈ 8 GB, 13B ≈ 16 GB). Lighter machine? Connect to a remote server instead.
 
-Want to hack on the desktop app? Here's how to get a dev build running:
+## Privacy
 
-```bash
-# Install dependencies
-npm install
-
-# Start the dev server with hot-reload
-npm run dev
-```
-
-### Building for production
-
-```bash
-# macOS
-npm run build:mac
-
-# Windows
-npm run build:win
-
-# Linux
-npm run build:linux
-```
-
-## License
-
-This project is licensed under **AGPL-3.0**. See [LICENSE](LICENSE) for details.
+No telemetry. No tracking. No phone-home. Your conversations stay on your machine. Period.
 
 ## Community
 
-We'd love to have you around! Star the repo, join the [Discord](https://discord.gg/5rJgQTnV4s), or follow [Open WebUI on GitHub](https://github.com/open-webui/open-webui) for the latest updates.
+- 💬 [Discord](https://discord.gg/open-webui) - Come hang out
+- 🐛 [Issues](https://github.com/open-webui/desktop/issues) - Report bugs or request features
+- 🌐 [Open WebUI](https://github.com/open-webui/open-webui) - The main project
+- 📖 [Docs](https://docs.openwebui.com) - Full documentation
+
+## Contributing
+
+```bash
+npm install
+npm run dev
+```
+
+See [CHANGELOG.md](CHANGELOG.md) for release history. Licensed under [AGPL-3.0](LICENSE).

build/com.openwebui.open-webui.metainfo.xml

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<component type="desktop-application">
+  <id>com.openwebui.open-webui</id>
+
+  <metadata_license>CC0-1.0</metadata_license>
+  <project_license>AGPL-3.0-or-later</project_license>
+
+  <name>Open WebUI</name>
+  <summary>The freedom AI stack</summary>
+
+  <developer id="com.timbaek">
+    <name>Timothy J. Baek</name>
+  </developer>
+
+  <description>
+    <p>
+      Open WebUI is an extensible, feature-rich, and user-friendly self-hosted AI platform designed to operate entirely offline.
+    </p>
+  </description>
+
+  <launchable type="desktop-id">com.openwebui.open-webui.desktop</launchable>
+
+  <content_rating type="oars-1.1">
+    <content_attribute id="social-chat">intense</content_attribute>
+  </content_rating>
+
+  <url type="bugtracker">https://github.com/open-webui/desktop/issues</url>
+  <url type="homepage">https://openwebui.com</url>
+  <url type="donation">https://github.com/sponsors/tjbck</url>
+  <url type="vcs-browser">https://github.com/open-webui/desktop</url>
+
+  <screenshots>
+    <screenshot type="default">
+      <image>https://raw.githubusercontent.com/open-webui/desktop/61f55e6fd6814b959b16a4704b03262e02186f48/demo.png</image>
+    </screenshot>
+  </screenshots>
+
+  <releases>
+    <release version="0.0.8" date="2026-04-11">
+      <url type="details">https://github.com/open-webui/desktop/releases/tag/v0.0.8</url>
+    </release>
+    <release version="0.0.6" date="2026-04-10">
+      <url type="details">https://github.com/open-webui/desktop/releases/tag/v0.0.6</url>
+    </release>
+  </releases>
+</component>

build/entitlements.mac.plist

@@ -8,5 +8,33 @@
     <true/>
     <key>com.apple.security.cs.allow-dyld-environment-variables</key>
     <true/>
+    <key>com.apple.security.cs.disable-library-validation</key>
+    <true/>
+    <key>com.apple.security.cs.debugger</key>
+    <true/>
+    <key>com.apple.security.network.client</key>
+    <true/>
+    <key>com.apple.security.network.server</key>
+    <true/>
+    <key>com.apple.security.files.user-selected.read-only</key>
+    <true/>
+    <key>com.apple.security.inherit</key>
+    <true/>
+    <key>com.apple.security.automation.apple-events</key>
+    <true/>
+    <key>com.apple.security.device.audio-input</key>
+    <true/>
+    <key>com.apple.security.device.bluetooth</key>
+    <true/>
+    <key>com.apple.security.device.camera</key>
+    <true/>
+    <key>com.apple.security.device.print</key>
+    <true/>
+    <key>com.apple.security.device.microphone</key>
+    <true/>
+    <key>com.apple.security.device.usb</key>
+    <true/>
+    <key>com.apple.security.personal-information.location</key>
+    <true/>
   </dict>
 </plist>

electron-builder.yml

@@ -15,10 +15,11 @@ extraResources:
     to: CHANGELOG.md
 asarUnpack:
   - resources/**
+  - node_modules/node-pty/**
 win:
   executableName: open-webui
 nsis:
-  artifactName: ${name}-setup.${ext}
+  artifactName: ${name}-${arch}-setup.${ext}
   shortcutName: ${productName}
   uninstallDisplayName: ${productName}
   createDesktopShortcut: always
@@ -62,7 +63,7 @@ deb:
 snap:
   artifactName: ${name}_${arch}.${ext}
 appImage:
-  artifactName: ${name}.${ext}
+  artifactName: ${name}_${arch}.${ext}
 flatpak:
   base: org.electronjs.Electron2.BaseApp
   baseVersion: '23.08'
@@ -79,7 +80,8 @@ flatpak:
     - --device=dri
     - --filesystem=home
     - --talk-name=org.freedesktop.Notifications
-npmRebuild: false
+    - --talk-name=org.freedesktop.portal.Desktop
+npmRebuild: true
 publish:
   provider: github
   owner: open-webui

package.json

@@ -1,6 +1,6 @@
 {
   "name": "open-webui",
-  "version": "0.0.8",
+  "version": "0.0.20",
   "license": "AGPL-3.0",
   "description": "Open WebUI Desktop",
   "main": "./out/main/index.js",

src/main/utils/huggingface.ts

@@ -5,7 +5,7 @@
  * Downloads files from HF repos, manages a local model cache,
  * and provides listing/deletion of cached models.
  *
- * Cache dir: <userData>/models/huggingface/<repo-slug>/<filename>
+ * Cache dir: <userData>/models/<repo-slug>/<filename>
  */
 
 import * as fs from 'fs'
@@ -33,10 +33,37 @@ export interface HfDownloadProgress {
 // ─── Paths ──────────────────────────────────────────────
 
 const getHfCacheDir = (): string => {
-  const dir = path.join(getInstallDir(), 'models', 'huggingface')
+  const dir = path.join(getInstallDir(), 'models')
   if (!fs.existsSync(dir)) {
     fs.mkdirSync(dir, { recursive: true })
   }
+
+  // Migrate models from legacy models/huggingface/<slug>/ to models/<slug>/
+  const legacyDir = path.join(dir, 'huggingface')
+  if (fs.existsSync(legacyDir)) {
+    try {
+      const entries = fs.readdirSync(legacyDir, { withFileTypes: true })
+      for (const entry of entries) {
+        if (entry.isDirectory()) {
+          const src = path.join(legacyDir, entry.name)
+          const dest = path.join(dir, entry.name)
+          if (!fs.existsSync(dest)) {
+            fs.renameSync(src, dest)
+            log.info(`[huggingface] Migrated ${entry.name} from legacy cache`)
+          }
+        }
+      }
+      // Remove legacy dir if empty (manifest.json may remain)
+      const remaining = fs.readdirSync(legacyDir)
+      if (remaining.length === 0) {
+        fs.rmdirSync(legacyDir)
+        log.info('[huggingface] Removed empty legacy huggingface/ directory')
+      }
+    } catch (e) {
+      log.warn('[huggingface] Failed to migrate legacy cache:', e)
+    }
+  }
+
   return dir
 }
 
@@ -62,15 +89,28 @@ const writeManifest = (models: HfModel[]): void => {
 
 // ─── Public API ─────────────────────────────────────────
 
-let activeDownloadAbort: AbortController | null = null
+const activeDownloads = new Map<string, AbortController>()
+
+const downloadKey = (repo: string, filename: string): string => `${repo}/${filename}`
 
 /**
- * Cancel the current download in progress.
+ * Cancel a specific download in progress.
+ * If no repo/filename given, cancels ALL active downloads.
  */
-export const cancelDownload = (): void => {
-  if (activeDownloadAbort) {
-    activeDownloadAbort.abort()
-    activeDownloadAbort = null
+export const cancelDownload = (repo?: string, filename?: string): void => {
+  if (repo && filename) {
+    const key = downloadKey(repo, filename)
+    const ctrl = activeDownloads.get(key)
+    if (ctrl) {
+      ctrl.abort()
+      activeDownloads.delete(key)
+    }
+  } else {
+    // Cancel all
+    for (const ctrl of activeDownloads.values()) {
+      ctrl.abort()
+    }
+    activeDownloads.clear()
   }
 }
 
@@ -136,8 +176,13 @@ export const downloadModel = async (
     headers['Authorization'] = `Bearer ${token}`
   }
 
-  activeDownloadAbort = new AbortController()
-  const { signal } = activeDownloadAbort
+  const key = downloadKey(repo, filename)
+  // Cancel any existing download for the same file
+  activeDownloads.get(key)?.abort()
+
+  const abortController = new AbortController()
+  activeDownloads.set(key, abortController)
+  const { signal } = abortController
 
   // Use fetch for streaming download with progress
   const response = await fetch(downloadUrl, {
@@ -183,7 +228,7 @@ export const downloadModel = async (
     writeStream.end()
     // Clean up partial download
     try { fs.unlinkSync(tmpPath) } catch {}
-    activeDownloadAbort = null
+    activeDownloads.delete(downloadKey(repo, filename))
     throw err
   } finally {
     writeStream.end()
@@ -192,7 +237,7 @@ export const downloadModel = async (
 
   // Rename tmp to final
   fs.renameSync(tmpPath, destPath)
-  activeDownloadAbort = null
+  activeDownloads.delete(downloadKey(repo, filename))
 
   // Update manifest
   const manifest = readManifest()

src/main/utils/index.ts

@@ -8,7 +8,7 @@ import crypto from 'crypto'
 
 import * as tar from 'tar'
 
-import { app, shell, Notification } from 'electron'
+import { app, shell, Notification, net as electronNet } from 'electron'
 import { execFileSync, exec, spawn, execSync, execFile } from 'child_process'
 
 import log from 'electron-log'
@@ -318,10 +318,7 @@ export const installPython = async (installationDir?: string, onStatus?: (status
         ['-m', 'pip', 'install', 'uv'],
         {
           encoding: 'utf-8',
-          env: {
-            ...process.env,
-            ...(process.platform === 'win32' ? { PYTHONIOENCODING: 'utf-8' } : {})
-          }
+          env: pythonEnv()
         },
         (error) => {
           if (error) reject(error)
@@ -350,6 +347,38 @@ export const getPythonPath = (installationDir?: string) => {
   return path.normalize(getPythonExecutablePath(installationDir || getPythonInstallationDir()))
 }
 
+/**
+ * Build a process environment suitable for running the bundled Python.
+ *
+ * On Windows the standalone Python distribution ships its own OpenSSL DLLs
+ * (`libssl-3-x64.dll`, `libcrypto-3-x64.dll`) next to `python.exe`.  If a
+ * different OpenSSL installation (Git for Windows, Anaconda, Strawberry Perl,
+ * etc.) appears earlier on the system `PATH`, Python picks up those mismatched
+ * DLLs at load-time, which causes the fatal error:
+ *
+ *     OPENSSL_Uplink(..., 08): no OPENSSL_Applink
+ *
+ * To prevent this we prepend the Python installation directory to `PATH` so
+ * Windows finds the correct DLLs first.  On non-Windows platforms this is a
+ * harmless no-op.
+ *
+ * Any additional env overrides (e.g. `configEnvVars`) can be spread after
+ * calling this helper.
+ */
+const pythonEnv = (extra: Record<string, string> = {}): Record<string, string> => {
+  const base: Record<string, string> = { ...process.env }
+
+  if (process.platform === 'win32') {
+    // python.exe lives at the root of the installation directory on Windows
+    const pythonDir = getPythonInstallationDir()
+    const currentPath = process.env['PATH'] || process.env['Path'] || ''
+    base['PATH'] = `${pythonDir};${currentPath}`
+    base['PYTHONIOENCODING'] = 'utf-8'
+  }
+
+  return { ...base, ...extra }
+}
+
 export const isPythonInstalled = (installationDir?: string) => {
   const pythonPath = getPythonPath(installationDir)
   if (!fs.existsSync(pythonPath)) {
@@ -358,10 +387,7 @@ export const isPythonInstalled = (installationDir?: string) => {
   try {
     const pythonVersion = execFileSync(pythonPath, ['--version'], {
       encoding: 'utf-8',
-      env: {
-        ...process.env,
-        ...(process.platform === 'win32' ? { PYTHONIOENCODING: 'utf-8' } : {})
-      }
+      env: pythonEnv()
     })
     log.info('Installed Python Version:', pythonVersion.trim())
     return true
@@ -375,10 +401,7 @@ export const isUvInstalled = (installationDir?: string) => {
   try {
     const result = execFileSync(pythonPath, ['-m', 'uv', '--version'], {
       encoding: 'utf-8',
-      env: {
-        ...process.env,
-        ...(process.platform === 'win32' ? { PYTHONIOENCODING: 'utf-8' } : {})
-      }
+      env: pythonEnv()
     })
     log.info('Installed uv Version:', result.trim())
     return true
@@ -428,10 +451,7 @@ export const installPackage = (packageName: string, version?: string, onStatus?:
         ...(version ? [`${packageName}==${version}`] : [packageName, '-U'])
       ],
       {
-        env: {
-          ...process.env,
-          ...(process.platform === 'win32' ? { PYTHONIOENCODING: 'utf-8' } : {})
-        }
+        env: pythonEnv()
       }
     )
 
@@ -486,10 +506,7 @@ export const isPackageInstalled = (packageName: string): boolean => {
   try {
     const info = execFileSync(pythonPath, ['-m', 'uv', 'pip', 'show', packageName], {
       encoding: 'utf-8',
-      env: {
-        ...process.env,
-        ...(process.platform === 'win32' ? { PYTHONIOENCODING: 'utf-8' } : {})
-      }
+      env: pythonEnv()
     })
     return info.includes(`Name: ${packageName}`)
   } catch {
@@ -503,10 +520,7 @@ export const getPackageVersion = (packageName: string): string | null => {
   try {
     const info = execFileSync(pythonPath, ['-m', 'uv', 'pip', 'show', packageName], {
       encoding: 'utf-8',
-      env: {
-        ...process.env,
-        ...(process.platform === 'win32' ? { PYTHONIOENCODING: 'utf-8' } : {})
-      }
+      env: pythonEnv()
     })
     const match = info.match(/^Version:\s*(.+)$/m)
     return match ? match[1].trim() : null
@@ -521,10 +535,7 @@ export const uninstallPackage = (packageName: string): boolean => {
   try {
     execFileSync(pythonPath, ['-m', 'uv', 'pip', 'uninstall', packageName], {
       encoding: 'utf-8',
-      env: {
-        ...process.env,
-        ...(process.platform === 'win32' ? { PYTHONIOENCODING: 'utf-8' } : {})
-      }
+      env: pythonEnv()
     })
     log.info(`Uninstalled package: ${packageName}`)
     return true
@@ -588,14 +599,12 @@ export const startServer = async (
       name: 'xterm-256color',
       cols: 200,
       rows: 50,
-      env: {
-        ...process.env,
+      env: pythonEnv({
         ...(configEnvVars ?? {}),
         DATA_DIR: dataDir,
         WEBUI_SECRET_KEY: secretKey,
-        PYTHONUNBUFFERED: '1',
-        ...(process.platform === 'win32' ? { PYTHONIOENCODING: 'utf-8' } : {})
-      }
+        PYTHONUNBUFFERED: '1'
+      })
     })
   } catch (error) {
     throw new Error(
@@ -755,7 +764,7 @@ export const checkUrlAndOpen = async (url: string, callback: Function = async ()
 
   const checkUrl = async (): Promise<boolean> => {
     try {
-      const response = await fetch(url, { method: 'HEAD' })
+      const response = await electronNet.fetch(url, { method: 'HEAD' })
       return response.ok
     } catch {
       return false
@@ -783,7 +792,7 @@ export const checkUrlAndOpen = async (url: string, callback: Function = async ()
 
 export const validateRemoteUrl = async (url: string): Promise<boolean> => {
   try {
-    const response = await fetch(url, { method: 'HEAD', signal: AbortSignal.timeout(5000) })
+    const response = await electronNet.fetch(url, { method: 'HEAD', signal: AbortSignal.timeout(5000) })
     return response.ok
   } catch {
     return false
@@ -817,6 +826,7 @@ export interface AppConfig {
     enabled: boolean
     port: number
     cwd: string
+    apiKey: string
   }
   llamaCpp: {
     enabled: boolean
@@ -828,8 +838,13 @@ export interface AppConfig {
   envVars: Record<string, string>
   showSidebar: boolean
   spotlightPosition: { x: number; y: number } | null
+  spotlightClipboardPaste: boolean
   voiceInputShortcut: string
   voiceInputEnabled: boolean
+  callShortcut: string
+  callEnabled: boolean
+  windowBounds: { x: number; y: number; width: number; height: number } | null
+  windowMaximized: boolean
 }
 
 const DEFAULT_CONFIG: AppConfig = {
@@ -848,7 +863,8 @@ const DEFAULT_CONFIG: AppConfig = {
   },
   openTerminal: {
     enabled: false,
-    cwd: ''
+    cwd: '',
+    apiKey: ''
   },
   llamaCpp: {
     enabled: false,
@@ -859,8 +875,13 @@ const DEFAULT_CONFIG: AppConfig = {
   envVars: {},
   showSidebar: false,
   spotlightPosition: null,
+  spotlightClipboardPaste: true,
   voiceInputShortcut: 'Shift+CommandOrControl+Space',
-  voiceInputEnabled: true
+  voiceInputEnabled: true,
+  callShortcut: 'Shift+CommandOrControl+C',
+  callEnabled: true,
+  windowBounds: null,
+  windowMaximized: false
 }
 
 export const getConfig = async (): Promise<AppConfig> => {

src/main/utils/open-terminal.ts

@@ -6,9 +6,11 @@ import * as pty from 'node-pty'
 import {
   getPythonPath,
   getConfig,
+  setConfig,
   installPackage,
   isPackageInstalled,
   isPythonInstalled,
+  installPython,
   portInUse
 } from './index'
 import { ServiceLock, isProcessAlive } from './service-lock'
@@ -37,7 +39,8 @@ export const getOpenTerminalPty = (): pty.IPty | null => ptyProcess
 export const getOpenTerminalLog = (): string[] => logBuffer
 
 export const startOpenTerminal = async (
-  port: number | null = null
+  port: number | null = null,
+  onStatus?: (status: string) => void
 ): Promise<{ url: string; apiKey: string; pid: number }> => {
   if (!lock.acquire()) {
     return { url, apiKey, pid }
@@ -45,9 +48,27 @@ export const startOpenTerminal = async (
 
   await stopOpenTerminal()
 
-  if (!isPythonInstalled()) throw new Error('Python is not installed')
+  if (!isPythonInstalled()) {
+    log.info('Python not installed — installing automatically for Open Terminal…')
+    onStatus?.('Installing Python…')
+    try {
+      const ok = await installPython(undefined, onStatus)
+      if (!ok) throw new Error('Python installation returned false')
+    } catch (err) {
+      throw new Error(
+        `Python is required for Open Terminal but installation failed: ${err?.message ?? err}`
+      )
+    }
+    if (!isPythonInstalled()) {
+      throw new Error(
+        'Python was installed but could not be verified. Please restart the app and try again.'
+      )
+    }
+  }
+
   if (!isPackageInstalled('open-terminal')) {
     log.info('open-terminal not installed, attempting install...')
+    onStatus?.('Installing Open Terminal package…')
     try {
       await installPackage('open-terminal')
     } catch (err) {
@@ -63,8 +84,14 @@ export const startOpenTerminal = async (
   const config = await getConfig()
   const configEnvVars = config.envVars ?? {}
 
-  // Auto-generate API key
-  const generatedKey = crypto.randomBytes(24).toString('base64url')
+  // Use persisted API key or generate and save a new one
+  let generatedKey = config.openTerminal?.apiKey
+  if (!generatedKey) {
+    generatedKey = crypto.randomBytes(24).toString('base64url')
+    await setConfig({
+      openTerminal: { ...config.openTerminal, apiKey: generatedKey }
+    })
+  }
 
   // Find available port
   let desiredPort = port || 39284

src/preload/index.ts

@@ -155,7 +155,8 @@ const api = {
     ipcRenderer.invoke('huggingface:models:download', repo, filename, token, expectedSize),
   deleteHfModel: (repo: string, filename: string) =>
     ipcRenderer.invoke('huggingface:models:delete', repo, filename),
-  cancelHfDownload: () => ipcRenderer.invoke('huggingface:models:cancel'),
+  cancelHfDownload: (repo?: string, filename?: string) =>
+    ipcRenderer.invoke('huggingface:models:cancel', repo, filename),
   searchHfModels: (query: string, token?: string) =>
     ipcRenderer.invoke('huggingface:search', query, token),
   getHfRepoFiles: (repo: string, token?: string) =>

src/preload/voice-input-preload.ts

@@ -10,6 +10,11 @@ const api = {
     })
   },
 
+  // Request microphone permission (macOS system-level)
+  checkMicPermission: (): Promise<string> => {
+    return ipcRenderer.invoke('voiceInput:micPermission')
+  },
+
   // Send recorded audio to main process for transcription
   transcribe: (audioBuffer: ArrayBuffer, token?: string): Promise<any> => {
     return ipcRenderer.invoke('voiceInput:transcribe', audioBuffer, token)

src/renderer/src/components/VoiceInput.svelte

@@ -72,6 +72,15 @@
     await new Promise((r) => setTimeout(r, 500))
 
     try {
+      // Request system-level mic permission (macOS) before activating the mic
+      const permStatus = await api?.checkMicPermission()
+      if (permStatus === 'denied') {
+        const msg = 'Microphone access denied. Enable it in System Settings → Privacy & Security → Microphone, then restart the app.'
+        showError(msg)
+        api?.error(msg)
+        return
+      }
+
       mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true })
       audioChunks = []
 
@@ -96,7 +105,13 @@
       mediaRecorder.start(250)
       timer = setInterval(() => { duration++ }, 1000)
     } catch (err: any) {
-      showError(err?.message || 'Mic access failed')
+      const msg = err?.name === 'NotAllowedError'
+        ? 'Microphone access denied. Check system permissions.'
+        : err?.name === 'NotFoundError'
+          ? 'No microphone found. Connect a microphone and try again.'
+          : err?.message || 'Mic access failed'
+      showError(msg)
+      api?.error(msg)
     }
   }
 
@@ -176,7 +191,9 @@
         api?.close()
       }
     } catch (err: any) {
-      showError(err?.message || 'Transcription failed')
+      const msg = err?.message || 'Transcription failed'
+      showError(msg)
+      api?.error(msg)
     }
   }
 

src/renderer/src/lib/components/Main/Connections.svelte

@@ -50,9 +50,11 @@
   const serverReachable = $derived($serverInfo?.reachable)
 
   const isInitializing = $derived($appState === 'initializing')
-  const hasLocal = $derived(($connections ?? []).some((c) => c.type === 'local'))
-  const localConn = $derived(($connections ?? []).find((c) => c.type === 'local'))
-  const remoteConnections = $derived(($connections ?? []).filter((c) => c.type !== 'local'))
+  const localConn = $derived(localInstalled
+    ? { id: 'local', name: 'Open WebUI', type: 'local' as const, url: `http://127.0.0.1:${$config?.localServer?.port ?? 8080}` }
+    : null
+  )
+  const remoteConnections = $derived($connections ?? [])
 
   // Open Terminal state
   let openTerminalStatus = $state<string | null>(null)
@@ -62,6 +64,7 @@
   let llamaCppStatus = $state<string | null>(null)
   let llamaCppInfo = $state<{ url?: string; pid?: number } | null>(null)
   let llamaCppSetupStatus = $state('')
+  let openTerminalSetupStatus = $state('')
 
   const startInstall = async (options?: { installOpenTerminal?: boolean; installLlamaCpp?: boolean; installDir?: string }) => {
     installPhase = 'working'
@@ -109,14 +112,7 @@
       const info = await window.electronAPI.getServerInfo()
 
       installStatus = $i18n.t('main.install.settingUpConnection')
-      await window.electronAPI.addConnection({
-        id: 'local',
-        name: 'Local',
-        type: 'local',
-        url: info?.url || 'http://127.0.0.1:8080'
-      })
       await window.electronAPI.setDefaultConnection('local')
-      connections.set(await window.electronAPI.getConnections())
       config.set(await window.electronAPI.getConfig())
 
       // Wait for server to actually be reachable before showing connected view
@@ -140,7 +136,6 @@
 
       // Now connect — the server is ready
       installStatus = ''
-      localInstalled = true
       connect('local')
       installPhase = 'idle'
     } catch (e: any) {
@@ -177,7 +172,6 @@
         type: 'remote',
         url: u
       })
-      connections.set(await window.electronAPI.getConnections())
       config.set(await window.electronAPI.getConfig())
       url = ''
       error = ''
@@ -211,13 +205,10 @@
       return
     }
 
-    const conn = ($connections ?? []).find((c) => c.id === id)
-    if (!conn) return
-
     activeConnectionId = id
 
-    if (conn.type === 'local') {
-      // Local needs server start — use IPC
+    if (id === 'local') {
+      // Local needs server start — use IPC (no renderer-side conn needed)
       connectingId = id
       view = 'welcome'
       window.electronAPI.connectTo(id).then((result: any) => {
@@ -239,6 +230,8 @@
         }
       })
     } else {
+      const conn = ($connections ?? []).find((c) => c.id === id)
+      if (!conn) return
       // Remote — open immediately, no IPC needed
       connectingId = ''
       openConnections.set(id, conn.url)
@@ -256,7 +249,6 @@
 
   const remove = async (id: string) => {
     await window.electronAPI.removeConnection(id)
-    connections.set(await window.electronAPI.getConnections())
     config.set(await window.electronAPI.getConfig())
     if (activeConnectionId === id) {
       disconnect()
@@ -265,11 +257,15 @@
     openConnections = new Map(openConnections)
   }
 
-  // Sync active connection info to parent
   $effect(() => {
-    const conn = ($connections ?? []).find((c) => c.id === activeConnectionId)
-    activeConnectionName = conn?.name ?? ''
-    isLocalConnection = conn?.type === 'local'
+    if (activeConnectionId === 'local') {
+      activeConnectionName = localConn?.name ?? 'Open WebUI'
+      isLocalConnection = true
+    } else {
+      const conn = ($connections ?? []).find((c) => c.id === activeConnectionId)
+      activeConnectionName = conn?.name ?? ''
+      isLocalConnection = false
+    }
   })
 
   // React to showingLogs from parent — open the server log panel
@@ -408,13 +404,44 @@
         return
       }
 
+      // ── Call shortcut ─────────────────────────────────
+      if (data.type === 'call' && data.data?.connectionId) {
+        const connId = data.data.connectionId ?? ''
+        const baseUrl = data.data.url ?? ''
+
+        if (!openConnections.has(connId)) {
+          openConnections.set(connId, baseUrl)
+          openConnections = new Map(openConnections)
+          connectedUrl = baseUrl
+        } else {
+          connectedUrl = openConnections.get(connId)!
+        }
+        activeConnectionId = connId
+        if (installPhase !== 'working') view = 'connected'
+
+        // Targeted delivery — wait a frame for the webview DOM to exist
+        requestAnimationFrame(() => {
+          sendToWebview({ type: 'call' }, connId)
+        })
+        return
+      }
+
       // ── Desktop-only state (not forwarded to webviews) ─
       if (data.type === 'status:open-terminal') { openTerminalStatus = data.data; return }
-      if (data.type === 'open-terminal:ready') { openTerminalInfo = data.data; openTerminalStatus = 'started'; return }
+      if (data.type === 'status:open-terminal-setup') { openTerminalSetupStatus = data.data ?? ''; return }
+      if (data.type === 'open-terminal:ready') { openTerminalInfo = data.data; openTerminalStatus = 'started'; openTerminalSetupStatus = ''; return }
       if (data.type === 'status:llamacpp') { llamaCppStatus = data.data; return }
       if (data.type === 'status:llamacpp-setup') { llamaCppSetupStatus = data.data ?? ''; return }
       if (data.type === 'llamacpp:ready') { llamaCppInfo = data.data; llamaCppStatus = 'started'; llamaCppSetupStatus = ''; return }
       if (data.type === 'status:install') { installStatus = data.data ?? ''; return }
+      if (data.type === 'packages:changed') {
+        localInstalled = !!data.data?.['open-webui']
+        return
+      }
+      if (data.type === 'connections:changed') {
+        connections.set(data.data ?? [])
+        return
+      }
 
       // ── Everything else → broadcast to all webviews ───
       sendToWebview(data)
@@ -464,8 +491,10 @@
       await window.electronAPI.stopOpenTerminal()
       openTerminalStatus = null
       openTerminalInfo = null
+      openTerminalSetupStatus = ''
     } else {
       openTerminalStatus = 'starting'
+      openTerminalSetupStatus = ''
       const result = await window.electronAPI.startOpenTerminal()
       if (result) {
         openTerminalInfo = result
@@ -473,6 +502,7 @@
       } else {
         openTerminalStatus = 'failed'
       }
+      openTerminalSetupStatus = ''
     }
   }
 
@@ -516,7 +546,6 @@
         {onOpenSettings}
         onRename={async (id, name) => {
           await window.electronAPI.updateConnection(id, { name })
-          connections.set(await window.electronAPI.getConnections())
         }}
         onRemove={remove}
         {openGithub}
@@ -558,7 +587,7 @@
       statusText={activeLog === 'server'
         ? (serverStatus === 'starting' ? 'Starting Open WebUI…' : serverStatus === 'running' && !serverReachable ? 'Waiting for server…' : installStatus || '')
         : activeLog === 'open-terminal'
-          ? (openTerminalStatus === 'stopping' ? 'Stopping Open Terminal…' : openTerminalStatus === 'starting' ? 'Starting Open Terminal…' : '')
+          ? (openTerminalStatus === 'stopping' ? 'Stopping Open Terminal…' : openTerminalSetupStatus || (openTerminalStatus === 'starting' ? 'Starting Open Terminal…' : ''))
           : (llamaCppStatus === 'stopping' ? 'Stopping llama-server…' : llamaCppSetupStatus || (llamaCppStatus === 'starting' ? 'Starting llama-server…' : llamaCppStatus === 'setting-up' ? 'Setting up llama.cpp…' : ''))}
       connectPty={getConnectPty(activeLog)}
       disconnectPty={getDisconnectPty(activeLog)}

src/renderer/src/lib/components/Main/Connections/Content.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount } from 'svelte'
   import { fade, fly } from 'svelte/transition'
-  import { connections, config, serverInfo, appState } from '../../../stores'
+  import { config, serverInfo, appState } from '../../../stores'
   import i18n from '../../../i18n'
   import LocalInstall from '../../Setup/LocalInstall.svelte'
   import GetStartedModal from './GetStartedModal.svelte'
@@ -72,22 +72,50 @@
   // Track webview loading per connection
   let webviewLoading: Map<string, boolean> = $state(new Map())
 
+  // Track webview load errors per connection
+  let webviewErrors: Map<string, { code: number; description: string; url: string }> = $state(new Map())
+
   // Content preload path for webview bridge
   let contentPreloadPath: string = $state('')
 
   // Server is starting up (local)
   const serverStarting = $derived(
-    localConn && localInstalled && (
+    localInstalled && (
       $serverInfo?.status === 'starting' ||
       ($serverInfo?.status === 'running' && !$serverInfo?.reachable)
     )
   )
 
+  const activeWebviewError = $derived(
+    view === 'connected' && activeConnectionId
+      ? webviewErrors.get(activeConnectionId) ?? null
+      : null
+  )
+
   const isLoading = $derived(
     connectingId !== '' ||
-    (serverStarting && activeConnectionId === localConn?.id)
+    (serverStarting && activeConnectionId === 'local') ||
+    (view === 'connected' && !activeWebviewError && webviewLoading.get(activeConnectionId) === true)
   )
 
+  const retryActiveWebview = () => {
+    const wv = document.querySelector(
+      `webview[partition="persist:connection-${activeConnectionId}"]`
+    ) as any
+    if (wv?.reload) {
+      webviewErrors.delete(activeConnectionId)
+      webviewErrors = new Map(webviewErrors)
+      wv.reload()
+    }
+  }
+
+  const openActiveInBrowser = () => {
+    const connUrl = openConnections.get(activeConnectionId)
+    if (connUrl) {
+      window.electronAPI.openInBrowser(connUrl)
+    }
+  }
+
   // Attach load event listeners and IPC forwarding to webviews
   onMount(async () => {
     // Fetch the content preload path once
@@ -115,6 +143,51 @@
           webviewLoading = new Map(webviewLoading)
         })
 
+        // Track load failures so we can show an error overlay
+        wv.addEventListener('did-fail-load', (event: any) => {
+          // Ignore sub-resource failures and aborted navigations (-3)
+          if (event.errorCode === -3 || event.isMainFrame === false) return
+          webviewErrors.set(connId, {
+            code: event.errorCode,
+            description: event.errorDescription || 'Unknown error',
+            url: event.validatedURL || ''
+          })
+          webviewErrors = new Map(webviewErrors)
+        })
+
+        // Clear error when a navigation succeeds (retry, redirect, etc.)
+        wv.addEventListener('did-navigate', () => {
+          if (webviewErrors.has(connId)) {
+            webviewErrors.delete(connId)
+            webviewErrors = new Map(webviewErrors)
+          }
+        })
+
+        // Renderer process crash
+        wv.addEventListener('crashed', () => {
+          webviewErrors.set(connId, {
+            code: -1,
+            description: 'crashed',
+            url: ''
+          })
+          webviewErrors = new Map(webviewErrors)
+        })
+
+        // Log guest page console messages for debugging blank-page issues (#124)
+        wv.addEventListener('console-message', (event: any) => {
+          if (event.level >= 2) { // warnings and errors only
+            console.warn(`[webview:${connId}]`, event.message)
+          }
+        })
+
+        // If this webview was created before the preload path resolved
+        // (race between auto-connect and async IPC), the preload didn't
+        // attach.  Force a reload now so it picks up the correct preload.
+        if (contentPreloadPath && wv.getAttribute('preload') !== contentPreloadPath) {
+          wv.setAttribute('preload', contentPreloadPath)
+          wv.reload()
+        }
+
         // Handle IPC messages from the webview guest (Open WebUI → desktop)
         wv.addEventListener('ipc-message', async (event: any) => {
           if (event.channel === 'webview:send') {
@@ -195,12 +268,54 @@
       src={connUrl}
       class="flex-1 min-h-0 border-none"
       style="display: {view === 'connected' && activeConnectionId === connId ? 'flex' : 'none'}"
-      allowpopups
       partition="persist:connection-{connId}"
       preload={contentPreloadPath}
+      allowpopups
     ></webview>
   {/each}
 
+  <!-- Error overlay when webview fails to load -->
+  {#if activeWebviewError}
+    <div class="absolute inset-0 z-20 flex items-center justify-center bg-[#eee] dark:bg-[#111]" transition:fade={{ duration: 200 }}>
+      <div class="text-center max-w-sm px-6">
+        <div class="mx-auto mb-4 w-10 h-10 rounded-full bg-black/[0.04] dark:bg-white/[0.06] flex items-center justify-center">
+          {#if activeWebviewError.code === -1}
+            <svg class="w-5 h-5 opacity-30" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" />
+            </svg>
+          {:else}
+            <svg class="w-5 h-5 opacity-30" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5a17.92 17.92 0 01-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
+            </svg>
+          {/if}
+        </div>
+        <div class="text-[14px] font-medium mb-1 opacity-80">
+          {activeWebviewError.code === -1 ? $i18n.t('setup.pageCrashed') : $i18n.t('setup.couldNotLoadPage')}
+        </div>
+        <div class="text-[12px] opacity-30 mb-1">{activeWebviewError.description}</div>
+        {#if activeWebviewError.url}
+          <div class="text-[11px] opacity-20 mb-6 break-all font-mono">{activeWebviewError.url}</div>
+        {:else}
+          <div class="mb-6"></div>
+        {/if}
+        <div class="flex gap-2 justify-center">
+          <button
+            class="px-4 py-2 rounded-xl text-[13px] font-medium bg-black dark:bg-white text-white dark:text-black border-none cursor-pointer transition hover:bg-gray-800 dark:hover:bg-gray-100 active:scale-[0.98]"
+            onclick={retryActiveWebview}
+          >
+            {$i18n.t('common.retry')}
+          </button>
+          <button
+            class="px-4 py-2 rounded-xl text-[13px] bg-black/[0.04] dark:bg-white/[0.06] text-[#1d1d1f] dark:text-[#fafafa] border-none cursor-pointer opacity-60 hover:opacity-90 transition active:scale-[0.98]"
+            onclick={openActiveInBrowser}
+          >
+            {$i18n.t('setup.openInBrowser')}
+          </button>
+        </div>
+      </div>
+    </div>
+  {/if}
+
   <!-- Loading overlay for webview -->
   {#if isLoading}
     <div class="absolute inset-0 z-10 flex items-center justify-center bg-[#eee] dark:bg-[#111]" transition:fade={{ duration: 200 }}>
@@ -274,7 +389,7 @@
 
     <div class="flex-1 flex items-center justify-center px-6 relative overflow-hidden">
       {#if view === 'welcome'}
-        {#if remoteConnections.length > 0 || (localConn && localInstalled)}
+        {#if remoteConnections.length > 0 || localInstalled}
           <div class="text-center max-w-[320px]" in:fade={{ duration: 200 }}>
             <div class="text-lg opacity-80 mb-1.5">{$i18n.t('app.name')}</div>
             <div class="text-[12px] opacity-30 mb-6">
@@ -372,7 +487,6 @@
             autoStart={autoInstall}
             onBack={() => { autoInstall = false; onSetView('welcome') }}
             onComplete={async () => {
-              connections.set(await window.electronAPI.getConnections())
               config.set(await window.electronAPI.getConfig())
               onSetView('welcome')
             }}

src/renderer/src/lib/components/Main/Settings/Connections.svelte

@@ -4,7 +4,6 @@
 
   const remove = async (id: string) => {
     await window.electronAPI.removeConnection(id)
-    connections.set(await window.electronAPI.getConnections())
     config.set(await window.electronAPI.getConfig())
   }
 </script>
@@ -30,7 +29,7 @@
             <path
               stroke-linecap="round"
               stroke-linejoin="round"
-              d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3"
+              d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5a17.92 17.92 0 01-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"
             />
           {/if}
         </svg>

src/renderer/src/lib/components/Main/Settings/General.svelte

@@ -105,6 +105,15 @@
   let voiceInputShortcutInputEl = $state<HTMLButtonElement | null>(null)
   let voiceInputEnabled = $state(true)
 
+  // Call shortcut recorder
+  let callShortcutValue = $state('')
+  let callRecording = $state(false)
+  let callShortcutInputEl = $state<HTMLButtonElement | null>(null)
+  let callEnabled = $state(true)
+
+  // Spotlight clipboard paste
+  let spotlightClipboardPaste = $state(true)
+
   // Keep shortcut value in sync with config store
   $effect(() => {
     if ($config?.globalShortcut !== undefined) {
@@ -116,6 +125,9 @@
     if ($config?.spotlightShortcut !== undefined) {
       spotlightShortcutValue = $config.spotlightShortcut ?? ''
     }
+    if ($config?.spotlightClipboardPaste !== undefined) {
+      spotlightClipboardPaste = $config.spotlightClipboardPaste ?? true
+    }
   })
 
   $effect(() => {
@@ -127,6 +139,15 @@
     }
   })
 
+  $effect(() => {
+    if ($config?.callShortcut !== undefined) {
+      callShortcutValue = $config.callShortcut ?? ''
+    }
+    if ($config?.callEnabled !== undefined) {
+      callEnabled = $config.callEnabled ?? true
+    }
+  })
+
   const keyToElectron = (e: KeyboardEvent): string | null => {
     const parts: string[] = []
     if (e.metaKey || e.ctrlKey) parts.push('CommandOrControl')
@@ -262,6 +283,32 @@
       config.set(await window.electronAPI.getConfig())
     }
   }
+
+  const handleCallShortcutKeydown = async (e: KeyboardEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+
+    if (e.key === 'Escape') {
+      callRecording = false
+      return
+    }
+
+    if (e.key === 'Backspace' || e.key === 'Delete') {
+      callShortcutValue = ''
+      callRecording = false
+      await window.electronAPI.setConfig({ callShortcut: '' })
+      config.set(await window.electronAPI.getConfig())
+      return
+    }
+
+    const accel = keyToElectron(e)
+    if (accel) {
+      callShortcutValue = accel
+      callRecording = false
+      await window.electronAPI.setConfig({ callShortcut: accel })
+      config.set(await window.electronAPI.getConfig())
+    }
+  }
 </script>
 
 <div class="flex flex-col divide-y divide-white/[0.04]">
@@ -477,6 +524,22 @@
     </div>
   </div>
 
+  <div class="py-4 flex items-center justify-between">
+    <div>
+      <div class="text-[13px] opacity-70">Clipboard Auto-Paste</div>
+      <div class="text-[11px] opacity-25 mt-0.5">Automatically paste clipboard contents into Spotlight</div>
+    </div>
+    <Switch
+      checked={spotlightClipboardPaste}
+      label="Toggle clipboard auto-paste"
+      onchange={async (value) => {
+        spotlightClipboardPaste = value
+        await window.electronAPI.setConfig({ spotlightClipboardPaste: value })
+        config.set(await window.electronAPI.getConfig())
+      }}
+    />
+  </div>
+
   <div class="py-4 flex items-center justify-between">
     <div>
       <div class="text-[13px] opacity-70">Voice Input</div>
@@ -549,6 +612,78 @@
   </div>
   {/if}
 
+  <div class="py-4 flex items-center justify-between">
+    <div>
+      <div class="text-[13px] opacity-70">Call</div>
+      <div class="text-[11px] opacity-25 mt-0.5">Enable global shortcut to start a voice/video call</div>
+    </div>
+    <Switch
+      checked={callEnabled}
+      label="Toggle call shortcut"
+      onchange={async (value) => {
+        callEnabled = value
+        await window.electronAPI.setConfig({ callEnabled: value })
+        config.set(await window.electronAPI.getConfig())
+      }}
+    />
+  </div>
+
+  {#if callEnabled}
+  <div class="py-4 flex items-center justify-between">
+    <div>
+      <div class="text-[13px] opacity-70">Call Shortcut</div>
+      <div class="text-[11px] opacity-25 mt-0.5">
+        {#if callRecording}
+          Press a key combination…
+        {:else}
+          Start a call from anywhere
+        {/if}
+      </div>
+    </div>
+    <div class="flex items-center gap-1.5">
+      <button
+        bind:this={callShortcutInputEl}
+        class="text-[12px] px-3 py-1.5 border-none outline-none rounded-xl transition min-w-[80px] text-center
+          {callRecording
+            ? 'bg-black/[0.08] dark:bg-white/[0.10] text-[#1d1d1f] dark:text-[#fafafa] opacity-80 animate-pulse'
+            : 'bg-black/[0.04] dark:bg-white/[0.06] text-[#1d1d1f] dark:text-[#fafafa] opacity-60 hover:opacity-80'}"
+        onclick={() => {
+          callRecording = true
+          callShortcutInputEl?.focus()
+        }}
+        onkeydown={(e) => {
+          if (callRecording) handleCallShortcutKeydown(e)
+        }}
+        onblur={() => {
+          callRecording = false
+        }}
+      >
+        {#if callRecording}
+          <span class="text-[11px]">Press keys…</span>
+        {:else if callShortcutValue}
+          {displayShortcut(callShortcutValue)}
+        {:else}
+          <span class="opacity-40">Disabled</span>
+        {/if}
+      </button>
+      {#if callShortcutValue && !callRecording}
+        <button
+          class="opacity-20 hover:opacity-50 transition bg-transparent border-none text-[#1d1d1f] dark:text-[#fafafa] p-0.5 shrink-0"
+          onclick={async () => {
+            callShortcutValue = ''
+            await window.electronAPI.setConfig({ callShortcut: '' })
+            config.set(await window.electronAPI.getConfig())
+          }}
+        >
+          <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
+          </svg>
+        </button>
+      {/if}
+    </div>
+  </div>
+  {/if}
+
   <!-- Advanced (collapsed by default) -->
   <div class="py-4">
     <button

src/renderer/src/lib/components/Main/Settings/InferenceRuntime.svelte

@@ -429,7 +429,7 @@
     </div>
     <Switch
       checked={$config?.llamaCpp?.enabled ?? false}
-      onToggle={() => updateConfig('enabled', !($config?.llamaCpp?.enabled ?? false))}
+      onchange={(value) => updateConfig('enabled', value)}
     />
   </div>
 

src/renderer/src/lib/components/Main/Settings/Models.svelte

@@ -41,8 +41,10 @@
   let repoFiles = $state<HfFileInfo[]>([])
   let loadingFiles = $state(false)
 
-  // Download state — track active download in the "Downloaded" section
-  let activeDownload = $state<{ repo: string; filename: string; percent: number } | null>(null)
+  // Download state — track active downloads in the "Downloaded" section
+  let activeDownloads = $state<Map<string, { repo: string; filename: string; percent: number }>>(new Map())
+
+  const dlKey = (repo: string, filename: string): string => `${repo}/${filename}`
 
   onMount(async () => {
     models = await window.electronAPI.listHfModels()
@@ -52,15 +54,22 @@
     window.electronAPI.onData((data: any) => {
       if (data.type === 'status:huggingface-download') {
         const d = data.data
+        const key = dlKey(d.repo, d.filename)
         if (d?.status === 'downloading') {
-          activeDownload = { repo: d.repo, filename: d.filename, percent: d.percent ?? 0 }
+          const updated = new Map(activeDownloads)
+          updated.set(key, { repo: d.repo, filename: d.filename, percent: d.percent ?? 0 })
+          activeDownloads = updated
         }
         if (d?.status === 'done') {
-          activeDownload = null
+          const updated = new Map(activeDownloads)
+          updated.delete(key)
+          activeDownloads = updated
           window.electronAPI.listHfModels().then((m: HfModel[]) => { models = m })
         }
         if (d?.status === 'failed') {
-          activeDownload = null
+          const updated = new Map(activeDownloads)
+          updated.delete(key)
+          activeDownloads = updated
         }
       }
     })
@@ -109,22 +118,29 @@
   }
 
   const startDownload = async (repo: string, filename: string, size?: number) => {
-    activeDownload = { repo, filename, percent: 0 }
+    const key = dlKey(repo, filename)
+    const updated = new Map(activeDownloads)
+    updated.set(key, { repo, filename, percent: 0 })
+    activeDownloads = updated
     try {
       await window.electronAPI.downloadHfModel(repo, filename, undefined, size)
     } catch (e) {
       console.error('Failed to download model:', e)
-      activeDownload = null
+      const cleaned = new Map(activeDownloads)
+      cleaned.delete(key)
+      activeDownloads = cleaned
     }
   }
 
-  const cancelDownload = async () => {
+  const cancelDownload = async (repo: string, filename: string) => {
     try {
-      await window.electronAPI.cancelHfDownload()
+      await window.electronAPI.cancelHfDownload(repo, filename)
     } catch (e) {
       console.error('Failed to cancel download:', e)
     }
-    activeDownload = null
+    const updated = new Map(activeDownloads)
+    updated.delete(dlKey(repo, filename))
+    activeDownloads = updated
   }
 
   const removeModel = async (repo: string, filename: string) => {
@@ -143,9 +159,15 @@
   }
 
   const isDownloading = (repo: string, filename: string): boolean => {
-    return activeDownload?.repo === repo && activeDownload?.filename === filename
+    return activeDownloads.has(dlKey(repo, filename))
   }
 
+  const getDownloadPercent = (repo: string, filename: string): number => {
+    return activeDownloads.get(dlKey(repo, filename))?.percent ?? 0
+  }
+
+  const hasActiveDownloads = $derived(activeDownloads.size > 0)
+
   const formatSize = (bytes: number): string => {
     if (!bytes) return ''
     if (bytes < 1024) return `${bytes} B`
@@ -180,50 +202,50 @@
     </button>
   </div>
 
-  <!-- Downloaded models + active download -->
+  <!-- Downloaded models + active downloads -->
   <div class="py-4">
     <div class="text-[12px] opacity-50 mb-2">{$i18n.t('settings.models.downloadedModels')}</div>
 
-    {#if models.length > 0 || activeDownload}
-      <div class="flex flex-col gap-1.5">
+    {#if models.length > 0 || hasActiveDownloads}
+      <div class="flex flex-col">
 
-        <!-- Active download in progress -->
-        {#if activeDownload}
-          <div class="px-2.5 py-2 bg-black/[0.03] dark:bg-white/[0.04] rounded-xl">
-            <div class="flex items-center justify-between gap-2 mb-1.5">
-              <div class="min-w-0 flex-1">
-                <div class="text-[12px] opacity-60 truncate font-mono">{activeDownload.filename}</div>
-                <div class="text-[10px] opacity-25 truncate">{activeDownload.repo} · {$i18n.t('common.downloading')}</div>
+        <!-- Active downloads -->
+        {#each [...activeDownloads.values()] as dl (dlKey(dl.repo, dl.filename))}
+          <div class="flex items-center gap-3 py-2 group">
+            <div class="min-w-0 flex-1">
+              <div class="flex items-center gap-2">
+                <span class="text-[12px] opacity-60 truncate font-mono">{dl.filename}</span>
+                <span class="text-[10px] opacity-30 font-mono shrink-0">{dl.percent.toFixed(1)}%</span>
               </div>
-              <button
-                class="opacity-30 hover:opacity-70 transition bg-transparent border-none text-[#1d1d1f] dark:text-[#fafafa] p-1 shrink-0"
-                onclick={cancelDownload}
-                title={$i18n.t('settings.models.cancelDownload')}
-              >
-                <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-                  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
-                </svg>
-              </button>
+              <div class="mt-1.5 w-full h-[3px] bg-black/[0.06] dark:bg-white/[0.06] rounded-full overflow-hidden">
+                <div
+                  class="h-full bg-emerald-400/70 rounded-full transition-[width] duration-300"
+                  style="width: {dl.percent}%"
+                ></div>
+              </div>
+              <div class="text-[10px] opacity-20 mt-1 truncate">{dl.repo}</div>
             </div>
-            <div class="w-full h-1 bg-black/[0.06] dark:bg-white/[0.06] rounded-full overflow-hidden">
-              <div
-                class="h-full bg-emerald-400/80 rounded-full"
-                style="width: {activeDownload.percent}%"
-              ></div>
-            </div>
-            <div class="text-[10px] opacity-25 mt-1 text-right font-mono">{activeDownload.percent.toFixed(1)}%</div>
+            <button
+              class="opacity-0 group-hover:opacity-40 hover:!opacity-70 transition bg-transparent border-none text-[#1d1d1f] dark:text-[#fafafa] p-1 shrink-0"
+              onclick={() => cancelDownload(dl.repo, dl.filename)}
+              title={$i18n.t('settings.models.cancelDownload')}
+            >
+              <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
+              </svg>
+            </button>
           </div>
-        {/if}
+        {/each}
 
         <!-- Completed downloads -->
         {#each models as model}
-          <div class="flex items-center justify-between gap-2 px-2.5 py-2 bg-black/[0.03] dark:bg-white/[0.04] rounded-xl">
+          <div class="flex items-center gap-3 py-2 group">
             <div class="min-w-0 flex-1">
               <div class="text-[12px] opacity-60 truncate font-mono">{model.filename}</div>
-              <div class="text-[10px] opacity-25 truncate">{model.repo} · {formatSize(model.size)}</div>
+              <div class="text-[10px] opacity-20 truncate mt-0.5">{model.repo} · {formatSize(model.size)}</div>
             </div>
             <button
-              class="opacity-20 hover:opacity-60 transition bg-transparent border-none text-[#1d1d1f] dark:text-[#fafafa] p-1 shrink-0 {deleting === `${model.repo}/${model.filename}` ? 'pointer-events-none' : ''}"
+              class="opacity-0 group-hover:opacity-30 hover:!opacity-60 transition bg-transparent border-none text-[#1d1d1f] dark:text-[#fafafa] p-1 shrink-0 {deleting === `${model.repo}/${model.filename}` ? '!opacity-30 pointer-events-none' : ''}"
               onclick={() => removeModel(model.repo, model.filename)}
               title={$i18n.t('settings.models.deleteModel')}
             >
@@ -239,7 +261,7 @@
         {/each}
       </div>
     {:else}
-      <div class="text-[11px] opacity-40 py-3">{$i18n.t('settings.models.noModels')}</div>
+      <div class="text-[11px] opacity-20 py-3">{$i18n.t('settings.models.noModels')}</div>
     {/if}
   </div>
 
@@ -248,13 +270,13 @@
     <div class="text-[12px] opacity-50 mb-2">
       {#if selectedRepo}
         <button
-          class="opacity-50 hover:opacity-80 transition bg-transparent border-none text-[#1d1d1f] dark:text-[#fafafa] p-0 text-[12px] flex items-center gap-1"
+          class="opacity-70 hover:opacity-100 transition bg-transparent border-none text-[#1d1d1f] dark:text-[#fafafa] p-0 text-[12px] flex items-center gap-1 font-mono truncate"
           onclick={backToSearch}
         >
-          <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+          <svg class="w-3 h-3 shrink-0 opacity-50" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
             <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
           </svg>
-          {$i18n.t('common.back')}
+          <span class="truncate">{selectedRepo}</span>
         </button>
       {:else}
         {$i18n.t('settings.models.downloadFromHF')}
@@ -263,10 +285,6 @@
 
     {#if selectedRepo}
       <!-- Repo file browser -->
-      <div class="mb-2">
-        <div class="text-[12px] opacity-60 font-mono truncate mb-2">{selectedRepo}</div>
-      </div>
-
       {#if loadingFiles}
         <div class="flex items-center gap-2 py-3 justify-center">
           <div class="w-3 h-3 rounded-full border-[1.5px] border-black/20 dark:border-white/30 border-t-transparent animate-spin"></div>
@@ -275,27 +293,42 @@
       {:else if repoFiles.length === 0}
         <div class="text-[11px] opacity-20 text-center py-3">{$i18n.t('settings.models.noGgufFiles')}</div>
       {:else}
-        <div class="flex flex-col gap-1">
+        <div class="flex flex-col">
           {#each repoFiles as file}
             {@const downloaded = isDownloaded(selectedRepo, file.filename)}
             {@const dlActive = isDownloading(selectedRepo, file.filename)}
-            <div class="flex items-center justify-between gap-2 px-2.5 py-2 bg-black/[0.03] dark:bg-white/[0.04] rounded-xl">
+            <div class="flex items-center gap-3 py-2 group">
               <div class="min-w-0 flex-1">
                 <div class="text-[12px] opacity-50 truncate font-mono">{file.filename}</div>
-                <div class="text-[10px] opacity-25">{formatSize(file.size)}</div>
+                <div class="text-[10px] opacity-20 mt-0.5">{formatSize(file.size)}</div>
+                {#if dlActive}
+                  <div class="mt-1.5 w-full h-[3px] bg-black/[0.06] dark:bg-white/[0.06] rounded-full overflow-hidden">
+                    <div
+                      class="h-full bg-emerald-400/70 rounded-full transition-[width] duration-300"
+                      style="width: {getDownloadPercent(selectedRepo, file.filename)}%"
+                    ></div>
+                  </div>
+                {/if}
               </div>
               {#if downloaded}
-                <span class="text-[10px] opacity-30 shrink-0 px-2">{$i18n.t('settings.models.downloaded')}</span>
+                <span class="text-[10px] opacity-25 shrink-0">{$i18n.t('settings.models.downloaded')}</span>
               {:else if dlActive}
                 <div class="flex items-center gap-1.5 shrink-0">
-                  <div class="w-2.5 h-2.5 rounded-full border-[1.5px] border-black/20 dark:border-white/30 border-t-transparent animate-spin"></div>
-                  <span class="text-[10px] opacity-40 font-mono">{activeDownload?.percent?.toFixed(0) ?? 0}%</span>
+                  <span class="text-[10px] opacity-40 font-mono">{getDownloadPercent(selectedRepo, file.filename).toFixed(0)}%</span>
+                  <button
+                    class="opacity-30 hover:opacity-70 transition bg-transparent border-none text-[#1d1d1f] dark:text-[#fafafa] p-0.5"
+                    onclick={() => cancelDownload(selectedRepo, file.filename)}
+                    title={$i18n.t('settings.models.cancelDownload')}
+                  >
+                    <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                      <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
+                    </svg>
+                  </button>
                 </div>
               {:else}
                 <button
-                  class="opacity-30 hover:opacity-70 transition bg-transparent border-none text-[#1d1d1f] dark:text-[#fafafa] p-1 shrink-0 {activeDownload ? 'pointer-events-none opacity-10' : ''}"
+                  class="opacity-0 group-hover:opacity-40 hover:!opacity-70 transition bg-transparent border-none text-[#1d1d1f] dark:text-[#fafafa] p-1 shrink-0"
                   onclick={() => startDownload(selectedRepo, file.filename, file.size)}
-                  disabled={!!activeDownload}
                   title={$i18n.t('common.download')}
                 >
                   <svg class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
@@ -329,10 +362,10 @@
       {#if searchError}
         <div class="text-[11px] text-red-400/70 text-center py-2">{searchError}</div>
       {:else if searchResults.length > 0}
-        <div class="flex flex-col gap-1 max-h-[300px] overflow-y-auto">
+        <div class="flex flex-col max-h-[300px] overflow-y-auto">
           {#each searchResults as repo}
             <button
-              class="flex items-center justify-between gap-2 px-2.5 py-2 bg-black/[0.03] dark:bg-white/[0.04] hover:bg-black/[0.06] dark:hover:bg-white/[0.08] rounded-xl transition border-none text-left w-full text-[#1d1d1f] dark:text-[#fafafa]"
+              class="flex items-center justify-between gap-2 py-2 hover:bg-black/[0.03] dark:hover:bg-white/[0.04] rounded-lg transition border-none text-left w-full text-[#1d1d1f] dark:text-[#fafafa] bg-transparent px-1"
               onclick={() => selectRepo(repo.id)}
             >
               <div class="min-w-0 flex-1">
@@ -352,7 +385,7 @@
                   </span>
                 </div>
               </div>
-              <svg class="w-3 h-3 opacity-20 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+              <svg class="w-3 h-3 opacity-15 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
               </svg>
             </button>

src/renderer/src/lib/components/Setup/ConnectionManager.svelte

@@ -34,7 +34,6 @@
         type: 'remote',
         url: u
       })
-      connections.set(await window.electronAPI.getConnections())
       config.set(await window.electronAPI.getConfig())
       url = ''; name = ''; view = 'list'
     } catch { error = $i18n.t('setup.connectionManager.failed') }
@@ -48,10 +47,8 @@
   }
   const remove = async (id: string) => {
     await window.electronAPI.removeConnection(id)
-    const conns = await window.electronAPI.getConnections()
-    connections.set(conns)
     config.set(await window.electronAPI.getConfig())
-    if (conns.length === 0) appState.set('setup')
+    if (($connections ?? []).length === 0) appState.set('setup')
   }
 </script>
 

src/renderer/src/lib/components/Setup/LocalInstall.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { fade, fly } from 'svelte/transition'
   import { onMount } from 'svelte'
-  import { connections, config, serverInfo } from '../../stores'
+  import { config, serverInfo } from '../../stores'
   import i18n from '../../i18n'
 
   import logoImage from '../../assets/images/splash.png'
@@ -33,14 +33,7 @@
       await window.electronAPI.startServer()
       const info = await window.electronAPI.getServerInfo()
 
-      await window.electronAPI.addConnection({
-        id: 'local',
-        name: 'Local',
-        type: 'local',
-        url: info?.url || 'http://127.0.0.1:8080'
-      })
       await window.electronAPI.setDefaultConnection('local')
-      connections.set(await window.electronAPI.getConnections())
       config.set(await window.electronAPI.getConfig())
 
       phase = 'done'

src/renderer/src/lib/components/Setup/index.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount } from 'svelte'
   import { fly, fade } from 'svelte/transition'
-  import { appState, connections, config } from '../../stores'
+  import { appState, config } from '../../stores'
   import i18n from '../../i18n'
   import LocalInstall from './LocalInstall.svelte'
 
@@ -30,16 +30,15 @@
     try {
       const valid = await window.electronAPI.validateUrl(u)
       if (!valid) { error = $i18n.t('setup.couldNotReachServer'); connecting = false; return }
+      const connId = crypto.randomUUID()
       await window.electronAPI.addConnection({
-        id: crypto.randomUUID(),
+        id: connId,
         name: new URL(u).hostname,
         type: 'remote',
         url: u
       })
-      connections.set(await window.electronAPI.getConnections())
       config.set(await window.electronAPI.getConfig())
-      const conns = await window.electronAPI.getConnections()
-      await window.electronAPI.connectTo(conns[conns.length - 1].id)
+      await window.electronAPI.connectTo(connId)
       appState.set('ready')
     } catch {
       error = $i18n.t('setup.connectionFailed')

src/renderer/src/lib/i18n/locales/en-US/translation.json

@@ -55,6 +55,9 @@
   "setup.couldNotReachServer": "Could not reach this server",
   "setup.invalidUrl": "Please enter a valid URL",
   "setup.connectionFailed": "Connection failed",
+  "setup.couldNotLoadPage": "Could not load this page",
+  "setup.pageCrashed": "This page crashed unexpectedly",
+  "setup.openInBrowser": "Open in Browser",
   "setup.urlPlaceholder": "e.g. https://your-server.com",
   "setup.preparingEnvironment": "Preparing environment…",
   "setup.settingUp": "Setting up…",