llama.cpp/tools/ui/src/lib/components/app/server/index.ts

/**
 *
 * SERVER
 *
 * Components for displaying server connection state and handling
 * connection errors. Integrates with serverStore for state management.
 *
 */

/**
 * **ServerStatus** - Server connection status indicator
 *
 * Compact status display showing connection state, model name,
 * and context size. Used in headers and loading screens.
 *
 * **Architecture:**
 * - Reads state from serverStore (props, loading, error)
 * - Displays model name from modelsStore
 *
 * **Features:**
 * - Status dot: green (connected), yellow (connecting), red (error), gray (unknown)
 * - Status text label
 * - Model name badge with icon
 * - Context size badge
 * - Optional error action button
 *
 * @example
 * ```svelte
 * <ServerStatus showActions />
 * ```
 */
export { default as ServerStatus } from './ServerStatus.svelte';

/**
 * **ServerErrorSplash** - Full-screen connection error display
 *
 * Blocking error screen shown when server connection fails.
 * Provides retry options and API key input for authentication errors.
 *
 * **Architecture:**
 * - Detects access denied errors for API key flow
 * - Validates API key against server before saving
 * - Integrates with settingsStore for API key persistence
 *
 * **Features:**
 * - Error message display with icon
 * - Retry connection button with loading state
 * - API key input for authentication errors
 * - API key validation with success/error feedback
 * - Troubleshooting section with server start commands
 * - Animated transitions for UI elements
 *
 * @example
 * ```svelte
 * <ServerErrorSplash
 *   error={serverError}
 *   onRetry={handleRetry}
 *   showTroubleshooting
 * />
 * ```
 */
export { default as ServerErrorSplash } from './ServerErrorSplash.svelte';

/**
 * **ServerLoadingSplash** - Full-screen loading display
 *
 * Shown during initial server connection. Displays loading animation
 * with ServerStatus component for real-time connection state.
 *
 * **Features:**
 * - Animated server icon
 * - Customizable loading message
 * - Embedded ServerStatus for live updates
 *
 * @example
 * ```svelte
 * <ServerLoadingSplash message="Connecting to server..." />
 * ```
 */
export { default as ServerLoadingSplash } from './ServerLoadingSplash.svelte';