webui: Move static build output from repo code to HF Bucket (#22937)

* ci: add workflow to publish webui to Hugging Face bucket * ci: add webui release job to release workflow * ci: test webui release job * chore: Return to default minification strategy for build output files * ci: extract webui build into separate workflow and job * chore: Ignore webui static output + clean up references * chore: Delete legacy webui static output * chore: Ignore webui build static output * fix: Workflow * fix: Versioning naming * chore: Update package name * test: Test CI fix * refactor: Naming * server: implement webui build strategy with HF Bucket support * chore: Remove test workflow * chore: Use WebUI build workflow call in other workflows * server: HF Buckets fallback for WebUI build * refactor: App name variable * refactor: Naming * fix: Retrieve loading.html * fix: workflow syntax * fix: Rewrite malformed release.yml * fix: Req param * test: Re-add missing Playwright installation for CI tests * refactor: Logic & security improvements * refactor: Retrieve publishing jobs and DRY the workflows * fix: Test workflow syntax * fix: Upstream Release Tag for test workflow * chore: Remove test workflow * ci: Run WebUI jobs on `ubuntu-24.04-arm` * refactor: Post-CR cleanup Co-authored-by: Sigbjørn Skjæret <sigbjorn.skjaeret@scala.com> Co-authored-by: Aleksander Grygier <aleksander.grygier@gmail.com> * refactor: CI cleanup * refactor: Cleanup * test: Test workflow * refactor: use LLAMA_BUILD_NUMBER instead of LLAMA_BUILD_TAG for HF Bucket webui downloads * server: add fallback mechanism for HF Bucket webui downloads from latest directory * fix: Incorrect argument order in file(SHA256) calls for checksum verification * refactor: Use cmake script for handling the HF Bucket download on build time * feat: support local npm build for WebUI assets * refactor: add `HF_ENABLED` flag to control WebUI build/download provisioning * refactor: Cleanup * chore: Remove test workflow * fix: remove s390x from release workflow * fix: add webui-build dependency to ubuntu-22-rocm and windows-hip * Revert "fix: remove s390x from release workflow" This reverts commit debcfffa9bc1e3112eae41f2d29741b682e4eb19. * fix: Release workflow file * fix: Proper release tag used for HF Bucket upload * fix: Remove duplicate steps in release workflow --------- Co-authored-by: Sigbjørn Skjæret <sigbjorn.skjaeret@scala.com>
2026-05-14 13:21:41 +02:00
parent 67b2b7f2f2
commit 253ba110bc
33 changed files with 684 additions and 13478 deletions
@@ -1,6 +1,6 @@
-# llama.cpp Web UI
+# llama-ui

-A modern, feature-rich web interface for llama.cpp built with SvelteKit. This UI provides an intuitive chat interface with advanced file handling, conversation management, and comprehensive model interaction capabilities.
+A modern, feature-rich web interface for llama-server built with SvelteKit. This UI provides an intuitive chat interface with advanced file handling, conversation management, and comprehensive model interaction capabilities.

 The WebUI supports two server operation modes:

@@ -1,11 +1,11 @@
 {
-	"name": "llama-server-webui",
+	"name": "llama-ui",
 	"version": "1.0.0",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
-			"name": "llama-server-webui",
+			"name": "llama-ui",
 			"version": "1.0.0",
 			"dependencies": {
 				"@modelcontextprotocol/sdk": "^1.25.1",
@@ -1,5 +1,5 @@
 {
-	"name": "llama-server-webui",
+	"name": "llama-ui",
 	"private": true,
 	"version": "1.0.0",
 	"type": "module",
@@ -1,7 +1,7 @@
 #!/bin/bash

-# Development script for llama.cpp webui
-# 
+# Development script for llama-ui
+#
 # This script starts the webui development servers (Storybook and Vite).
 # Note: You need to start llama-server separately.
 #
@@ -14,12 +14,12 @@ cd ../../../
 # Check and install git hooks if missing
 check_and_install_hooks() {
    local hooks_missing=false
-    
+
    # Check for required hooks
    if [ ! -f ".git/hooks/pre-commit" ] || [ ! -f ".git/hooks/pre-push" ] || [ ! -f ".git/hooks/post-push" ]; then
        hooks_missing=true
    fi
-    
+
    if [ "$hooks_missing" = true ]; then
        echo "🔧 Git hooks missing, installing them..."
        cd tools/server/webui
@@ -1,7 +1,7 @@
 #!/bin/bash

 # Script to install pre-commit hook for webui
-# Pre-commit: formats, checks, builds, and stages build output
+# Pre-commit: formats, checks, and builds webui

 REPO_ROOT=$(git rev-parse --show-toplevel)
 PRE_COMMIT_HOOK="$REPO_ROOT/.git/hooks/pre-commit"
@@ -56,11 +56,7 @@ if git diff --cached --name-only | grep -q "^tools/server/webui/"; then
        exit 1
    fi

-    # Stage the build output alongside the source changes
-    cd "$REPO_ROOT"
-    git add tools/server/public/
-
-    echo "✅ Webui built and build output staged"
+    echo "✅ Webui built successfully"
 fi

 exit 0
@@ -75,7 +71,7 @@ if [ $? -eq 0 ]; then
    echo ""
    echo "The hook will automatically:"
    echo "  • Format, lint and check webui code before commits"
-    echo "  • Build webui and stage tools/server/public/ into the same commit"
+    echo "  • Build webui"
 else
    echo "❌ Failed to make hook executable"
    exit 1
@@ -8,8 +8,7 @@
 		message?: string;
 	}

-	let { class: className = '', message = 'Initializing connection to llama.cpp server...' }: Props =
-		$props();
+	let { class: className = '', message = 'Initializing connection to server...' }: Props = $props();
 </script>

 <div class="flex h-full items-center justify-center {className}">
@@ -5,7 +5,7 @@ import { ROUTES } from './routes';

 export const FORK_TREE_DEPTH_PADDING = 8;
 export const SYSTEM_MESSAGE_PLACEHOLDER = 'System message';
-export const APP_NAME = import.meta.env.VITE_PUBLIC_APP_NAME || 'llama.cpp';
+export const APP_NAME = import.meta.env.VITE_PUBLIC_APP_NAME || 'llama-ui';

 export const ICON_STRIP_TRANSITION_DURATION = 150;
 export const ICON_STRIP_TRANSITION_DELAY_MULTIPLIER = 50;
@@ -76,7 +76,7 @@ export class ChatService {
 	 */

 	/**
-	 * Sends a chat completion request to the llama.cpp server.
+	 * Sends a chat completion request to the llama-server.
 	 * Supports both streaming and non-streaming responses with comprehensive parameter configuration.
 	 * Automatically converts database messages with attachments to the appropriate API format.
 	 *
@@ -3,7 +3,7 @@
 	import { page } from '$app/state';
 	import { afterNavigate } from '$app/navigation';
 	import { DialogModelNotAvailable } from '$lib/components/app';
-	import { ROUTES } from '$lib/constants/routes';
+	import { APP_NAME, ROUTES } from '$lib/constants';
 	import { chatStore, isLoading } from '$lib/stores/chat.svelte';
 	import { conversationsStore, activeConversation } from '$lib/stores/conversations.svelte';
 	import { modelsStore, modelOptions } from '$lib/stores/models.svelte';
@@ -125,7 +125,7 @@
 </script>

 <svelte:head>
-	<title>{activeConversation()?.name || 'Chat'} - llama.cpp</title>
+	<title>{activeConversation()?.name || 'Chat'} - {APP_NAME}</title>
 </svelte:head>

 <DialogModelNotAvailable
@@ -27,7 +27,7 @@ const config = {
 			$styles: 'src/styles'
 		},
 		version: {
-			name: 'llama-server-webui'
+			name: 'llama-ui'
 		}
 	},

@@ -4,11 +4,11 @@ import { Meta } from '@storybook/addon-docs/blocks';

 # llama.cpp Web UI

-Welcome to the **llama.cpp Web UI** component library! This Storybook showcases the components used in the modern web interface for the llama.cpp server.
+Welcome to the **llama-ui** component library! This Storybook showcases the components used in the modern web interface for the llama-server.

 ## 🚀 About This Project

-WebUI is a modern web interface for the llama.cpp server, built with SvelteKit and ShadCN UI. Features include:
+WebUI is a modern web interface for the llama-server, built with SvelteKit and ShadCN UI. Features include:

 - **Real-time chat conversations** with AI assistants
 - **Multi-conversation management** with persistent storage
@@ -23,11 +23,6 @@ export default defineConfig({
 		minify: true
 	},

-	esbuild: {
-		lineLimit: 500,
-		minifyIdentifiers: false
-	},
-
 	css: {
 		preprocessorOptions: {
 			scss: {